Avoiding Derived State in React
“Deriving state at render time and using memoization to keep it performant where needed should help you tame any derived state problems you encounter.” - http://amp.gs/rniv
#react
“Deriving state at render time and using memoization to keep it performant where needed should help you tame any derived state problems you encounter.” - http://amp.gs/rniv
#react
Menu (or Not)
Marcus Herrmann explains how to implement an accessible navigation menu. - http://amp.gs/rGqq
#css
Marcus Herrmann explains how to implement an accessible navigation menu. - http://amp.gs/rGqq
#css
marcus.io · Blog of web developer and accessibility consultant Marcus Herrmann
Menu (or not)
This article marks the third time I try to create a useful menu pattern for accessible-app.com - but hopefully the third time's the charm. But before I explain the (hopefully) final and correct menu solution let's look ...
How To Create A PDF From Your Web App
Rachel Andrew takes a look at the tools that are available for creating a PDF from a web app, sharing recommendations to help find the tool that works best for you. - http://amp.gs/rxiM
#web #pdf
Rachel Andrew takes a look at the tools that are available for creating a PDF from a web app, sharing recommendations to help find the tool that works best for you. - http://amp.gs/rxiM
#web #pdf
Smashing Magazine
How To Create A PDF From Your Web Application — Smashing Magazine
There is a wide variety of choices when it comes to creating a PDF from a web application. In this article, Rachel Andrew takes a look at the tools that are available and shares her recommendations to help you find the tool that works best for you.
Building Reusable Components
A brief, introductory look at making a component more reusable by making it more generic and less tied to specific logic. - http://amp.gs/rCvc
#react
A brief, introductory look at making a component more reusable by making it more generic and less tied to specific logic. - http://amp.gs/rCvc
#react
Buttercms
Building reusable components using React | ButterCMS
Reusable components are those components that can be used multiple times in your application. They need to be free from complex business logic.
The State of Angular in 2019
We don’t focus on much beyond the big releases and best tutorials when it comes to Angular, but if you’ve been wondering what’s going on with it, here’s an overview of the state of the Angular ecosystem. - http://amp.gs/rkPG
#angular
We don’t focus on much beyond the big releases and best tutorials when it comes to Angular, but if you’ve been wondering what’s going on with it, here’s an overview of the state of the Angular ecosystem. - http://amp.gs/rkPG
#angular
Medium
The State of Angular in 2019
A detailed overview of the current state of Angular, from the latest features to the hottest topics and trends that you may have missed
Beginner's Guide to Variable Fonts
Ola Assem created a step-by-step guide on how to use variable fonts - http://amp.gs/remX
#css
Ola Assem created a step-by-step guide on how to use variable fonts - http://amp.gs/remX
#css
https://www.viget.com
Beginner's Guide to Variable Fonts: Part 2 | Viget
Step-by-step guide on how to use variable fonts in your projects.
Using the Intl API for Internationalization in JavaScript
Rather than ship lots of locale-specific data in your app, you might be able to lean on the Intl object (supported in all major browsers) for date, time, and number formatting. - http://amp.gs/r7p4
#javascript
Rather than ship lots of locale-specific data in your app, you might be able to lean on the Intl object (supported in all major browsers) for date, time, and number formatting. - http://amp.gs/r7p4
#javascript
Medium
New Intl APIs in JavaScript
Learn how to use the new Intl object to format data into a specific locale
CSS Architecture for Multiple Websites
Elad Shechter shares some tips on writing scalable CSS that can be reused on multiple websites. - http://amp.gs/rPjW
#css
Elad Shechter shares some tips on writing scalable CSS that can be reused on multiple websites. - http://amp.gs/rPjW
#css
Medium
CSS Architecture for Multiple Websites
CSS Architecture — Part 3
Learning About React Hooks and the Context API by Building a Recipe Search App - http://amp.gs/rPRu
#react
#react
DEV Community
Let's learn React Hooks and Context API by building a Recipe Search App
Building a CRUD App with Vue and GraphQL
Put your knowledge of GraphQL to use by creating a simple app in Vue.js and sending GraphQL queries for creating, reading, updating, and deleting data. - http://amp.gs/rPcU
#vue
Put your knowledge of GraphQL to use by creating a simple app in Vue.js and sending GraphQL queries for creating, reading, updating, and deleting data. - http://amp.gs/rPcU
#vue
Jscrambler
Building a CRUD App with Vue and GraphQL | Jscrambler Blog
Let's put our knowledge of GraphQL to use by creating a simple app in Vue.js and sending GraphQL queries for creating, reading, updating, and deleting data.
Google Wants to Make The 25-Year-Old robots.txt Protocol An Internet Standard
Google has outlined plans to turn robots exclusion protocol (REP) — better known as robots.txt — into an internet standard after 25 years. - http://amp.gs/ryS0
#google #news
Google has outlined plans to turn robots exclusion protocol (REP) — better known as robots.txt — into an internet standard after 25 years. - http://amp.gs/ryS0
#google #news
The Next Web
Google wants to make the 25-year-old robots.txt protocol an internet standard
Google has outlined plans to turn robots exclusion protocol (REP) — better known as robots.txt — into an internet standard after 25 years.
12 Tips for Improving JavaScript Performance
Half of your visitors expect a page to appear within 2 seconds so keeping your JavaScript fast is a must. Here are some relatively entry level tips to helping you on your way. - http://amp.gs/rybb
#javascript
Half of your visitors expect a page to appear within 2 seconds so keeping your JavaScript fast is a must. Here are some relatively entry level tips to helping you on your way. - http://amp.gs/rybb
#javascript
How to Build An Anonymous Chat App with React Bootstrap and Cometchat
Cometchat is a commercial service for building chat apps, though it’s free up to a certain level. - http://amp.gs/rhR7
#react
Cometchat is a commercial service for building chat apps, though it’s free up to a certain level. - http://amp.gs/rhR7
#react
Cometchat
Build an anonymous chat app with React & React bootstrap - CometChat
This tutorial entails the steps to build a chat app from scratch with React, React bootstrap & CometChat.
Vue.js Functional Components: What, Why, and When?
This article covers how to implement functional components in Vue, why they are awesome, when they are appropriate to use, and also covers some caveats to be aware of. - http://amp.gs/rvGb
#vue
This article covers how to implement functional components in Vue, why they are awesome, when they are appropriate to use, and also covers some caveats to be aware of. - http://amp.gs/rvGb
#vue
React Fundamentals: Props vs State
What’s the difference between props and state in React? A brief comparison of each. - http://amp.gs/rgIA
#react
What’s the difference between props and state in React? A brief comparison of each. - http://amp.gs/rgIA
#react
Kentcdodds
React Fundamentals: Props vs State
What's the difference between props and state in React?
Automatically Detect Memory Leaks with Puppeteer
An automated way to test for memory leaks in the browser. - http://amp.gs/rgbG
#javascript
An automated way to test for memory leaks in the browser. - http://amp.gs/rgbG
#javascript
Media-Codings
Automatically detect memory leaks with Puppeteer - Article by Christoph Guttandin - Media Codings
Media Codings is a company specialized in building multi media web applications.
Framer Motion: Production-Ready Fluid Animations in React
If you’ve ever heard of Popmotion’s Pose, this is the open source successor to that and provides a way to create smooth animations, both simple and complex.
- http://amp.gs/rV8T
#react
If you’ve ever heard of Popmotion’s Pose, this is the open source successor to that and provides a way to create smooth animations, both simple and complex.
- http://amp.gs/rV8T
#react
Framer
Documentation | Framer for Developers
An open source, production-ready motion library for React on the web.
CSS Custom Properties in the Cascade
Custom properties, also known as CSS variables, provide a way to define and reuse property values, but how do they work in relation to CSS’s cascading abilities? - http://amp.gs/rVMO
#css
Custom properties, also known as CSS variables, provide a way to define and reuse property values, but how do they work in relation to CSS’s cascading abilities? - http://amp.gs/rVMO
#css
Smashing Magazine
CSS Custom Properties In The Cascade — Smashing Magazine
In this article, Miriam takes a deeper dive into the ‘CSS Custom Properties for Cascading Variables’ specification to ask, “Why are they called custom properties, how do they work in the cascade, and what else can we do with them?”
Exporting Data to Excel In Angular
We often export data from tables to excel sheets in web applications. There are two ways to implement the export functionality in Angular: one is by using components directive and the other is by using attribute directive. In this post, we will compare both and examine their use cases as well.
- http://amp.gs/r9MA
#angular
We often export data from tables to excel sheets in web applications. There are two ways to implement the export functionality in Angular: one is by using components directive and the other is by using attribute directive. In this post, we will compare both and examine their use cases as well.
- http://amp.gs/r9MA
#angular
Medium
Exporting Data to Excel In Angular
Learn how to export data from your Angular app to excel using XLSX and FileSaver
Vue without View - An Introduction to Renderless Components
Components get harder to maintain as they grow larger. Sometimes it is not obvious how to split a bloated component into smaller components. If you aren't ready to try the new function-based API, renderless components offer a good alternative. - http://amp.gs/rR35
#vue
Components get harder to maintain as they grow larger. Sometimes it is not obvious how to split a bloated component into smaller components. If you aren't ready to try the new function-based API, renderless components offer a good alternative. - http://amp.gs/rR35
#vue
DEV Community
Vue without View - An Introduction to Renderless Components
Components get harder to maintain as they grow larger. Sometimes it is not obvious how to split a...