Using requestAnimationFrame with React Hooks
“Animating with requestAnimationFrame should be easy, but if you haven’t read React’s documentation thoroughly then you will probably run into a few things that might cause you a headache. Here are three gotcha moments I learned the hard way.” - http://amp.gs/NwPE
#react
“Animating with requestAnimationFrame should be easy, but if you haven’t read React’s documentation thoroughly then you will probably run into a few things that might cause you a headache. Here are three gotcha moments I learned the hard way.” - http://amp.gs/NwPE
#react
CSS-Tricks
Using requestAnimationFrame with React Hooks | CSS-Tricks
Animating with requestAnimationFrame should be easy, but if you haven’t read React’s documentation thoroughly then you will probably run into a few things
Google to Deprecate FTP Support in Chrome
By version 82, shipping in Q2 of 2020, all FTP support will be removed from Chrome. This is expected to affect around 0.1% of users though if you do still offer downloads in an FTP-only form, now is the time to upgrade. - http://amp.gs/NFtQ
#news #google #ftp
By version 82, shipping in Q2 of 2020, all FTP support will be removed from Chrome. This is expected to affect around 0.1% of users though if you do still offer downloads in an FTP-only form, now is the time to upgrade. - http://amp.gs/NFtQ
#news #google #ftp
Neowin
Google Chrome 82 will remove FTP support, set to affect 0.1% of users
Google has announced that Chrome 82 will lose for FTP URLs and will instead try to open a third-party program capable of handling FTP links. The decision could affect Opera, Vivaldi, and Brave too.
An Introduction to Memoization in JavaScript
‘Memoization’ is when you cache return values of functions based upon the arguments provided. Here’s an example of creating a separate function that can do this for existing functions. - http://amp.gs/NFqo
#javascript
‘Memoization’ is when you cache return values of functions based upon the arguments provided. Here’s an example of creating a separate function that can do this for existing functions. - http://amp.gs/NFqo
#javascript
nick.scialli.me
An Introduction to Memoization in JavaScript
There was recently a lot of excitement surrounding the TC39 Optional Chaining Proposal. This is why!
Angular Tools for High Performance
This post, contains a list of new tools and practices that can help us build faster Angular apps and monitor their performance over time. In each section, you’ll find links for further reference on how to incorporate them in your project. The focus of this post is on decreasing initial load time and speeding up page navigation using code-splitting and preloading. - http://amp.gs/NXBR
#angular
This post, contains a list of new tools and practices that can help us build faster Angular apps and monitor their performance over time. In each section, you’ll find links for further reference on how to incorporate them in your project. The focus of this post is on decreasing initial load time and speeding up page navigation using code-splitting and preloading. - http://amp.gs/NXBR
#angular
Medium
Angular Tools for High Performance
This post, contains a list of new tools and practices that can help us build faster Angular apps and monitor their performance over time…
A Journey Into Node's Internals
A 45 minute talk covering some of the Node platform’s internals, including a deep dive into the event loop, how it works, what its different phases are, and how it enables non-blocking IO. - https://www.youtube.com/watch?v=LbwUETu7Rgc
#nodejs #video
A 45 minute talk covering some of the Node platform’s internals, including a deep dive into the event loop, how it works, what its different phases are, and how it enables non-blocking IO. - https://www.youtube.com/watch?v=LbwUETu7Rgc
#nodejs #video
YouTube
A Journey into Node.js Internals | Tamar Twena-Stern
Speaker: Tamar Twena-Stern (Palo Alto Networks) | https://javascript-conference.com/speaker/tamar-stern/
Node.js is a very popular server-side framework that is slowly becoming the main platform for developing server-side applications. A lot of phrases are…
Node.js is a very popular server-side framework that is slowly becoming the main platform for developing server-side applications. A lot of phrases are…
Write Fewer, Longer Tests
Kent demonstrates, in a realistic React-based context, how making tests too short and granular can simply lead to too many tests and not to worry about combining tests together. - http://amp.gs/NWT0
#react
Kent demonstrates, in a realistic React-based context, how making tests too short and granular can simply lead to too many tests and not to worry about combining tests together. - http://amp.gs/NWT0
#react
Kentcdodds
Write fewer, longer tests
Making tests too short often leads to poor testing practices and way more tests.
Top Features of Angular 8: What's New?
In the first quarter of 2019, Google launched Angular 8 which was much awaited by the community, the expectations were really high for Angular 8 as it was initially said that Angular 10 will be the final version of the framework. The skyrocketed hype demands huge performance improvements in Angular 8 which was quite matched with mainly focusing on the toolchain and also making Angular easier for users to create different types of application along with other performance improvements.
- http://amp.gs/No9N
#angular
In the first quarter of 2019, Google launched Angular 8 which was much awaited by the community, the expectations were really high for Angular 8 as it was initially said that Angular 10 will be the final version of the framework. The skyrocketed hype demands huge performance improvements in Angular 8 which was quite matched with mainly focusing on the toolchain and also making Angular easier for users to create different types of application along with other performance improvements.
- http://amp.gs/No9N
#angular
DEV Community
Top Features of Angular 8: What's New?
What’s new in Angular 8? Top 10 Features of Angular 8. In the first quarter of 2019, Google launched Angular 8 which was much awaited by the community.
Building a Node API with Stateless Authentication
A simple look at implementing stateless authentication with JWTs (JSON Web Tokens). - http://amp.gs/NMyR
#nodejs
A simple look at implementing stateless authentication with JWTs (JSON Web Tokens). - http://amp.gs/NMyR
#nodejs
ITverket
Building a Node API with stateless authentication
When building an api in Node I suddenly got the need to implement some form of
simple authentication. I wanted to be able to create users and have them log in
and access a bunch of secure routes. The solution turned out to be a simple
combination of jwt,…
simple authentication. I wanted to be able to create users and have them log in
and access a bunch of secure routes. The solution turned out to be a simple
combination of jwt,…
Learn How to Create a Chat App with Vue.js and Stream
Chat and messaging are critical components for application success. In this tutorial by Stream, you will learn how to build a full-fledged chat application powered by Vue.js and Stream Chat – a leading chat API provider.
- http://amp.gs/N5yA
#vue
Chat and messaging are critical components for application success. In this tutorial by Stream, you will learn how to build a full-fledged chat application powered by Vue.js and Stream Chat – a leading chat API provider.
- http://amp.gs/N5yA
#vue
getstream.io
Create a Chat App with Vue.js and Stream
How to Release a React Component, Hook or Effect as an npm Package
Joe found the process of releasing a hook ‘more intimidating than it should have’ so has written down the process to make it easier for you. - http://amp.gs/NQyu
#react
Joe found the process of releasing a hook ‘more intimidating than it should have’ so has written down the process to make it easier for you. - http://amp.gs/NQyu
#react
Twilio Blog
How to Release a Custom JavaScript Node.js React Component, Hook or Effect as an npm Package
Learn how to build and release a custom JavaScript Node.js React component, hook or effect as your own npm package that anyone can install and use in their environments.
Announcing TypeScript 3.6
The latest version of the increasingly popular, optionally typed superset of JavaScript introduces stricter checking for iterators and generator functions, improved UX around Promises, a new playground, and more besides. - http://amp.gs/NQiX
#typescript
The latest version of the increasingly popular, optionally typed superset of JavaScript introduces stricter checking for iterators and generator functions, improved UX around Promises, a new playground, and more besides. - http://amp.gs/NQiX
#typescript
TypeScript
Announcing TypeScript 3.6 | TypeScript
Today we’re happy to announce the availability of TypeScript 3.6! For those unfamiliar, TypeScript is a language that builds on JavaScript by adding optional static types. These types can be checked by the TypeScript compiler to catch common errors in your…
Everything I Know About Style Guides, Design Systems, and Component Libraries
A deep-dive covering these popular frontend development and design themes. - http://amp.gs/NckG
#style #guide #design #system #component #library
A deep-dive covering these popular frontend development and design themes. - http://amp.gs/NckG
#style #guide #design #system #component #library
leerob.io
Everything I Know About Style Guides, Design Systems, and Component Libraries
A deep-dive on everything I've learned in the past year building style guides, design systems, component libraries, and their best practices.
How JavaScript Grew Up and Became a 'Real' Language
If you were in the JavaScript space in the early 2000s, skip this one.. but I still remember the first time I saw Google Maps in 2005, then saw Microsoft’s documentation for XMLHttpRequest (which shipped in IE 5 in 1999!), and a Pandora’s box was rapidly opened as developers finally saw potential in making Web pages interactive in a truly two-way fashion. JavaScript’s second wind had begun! - http://amp.gs/N6CP
#javascript
If you were in the JavaScript space in the early 2000s, skip this one.. but I still remember the first time I saw Google Maps in 2005, then saw Microsoft’s documentation for XMLHttpRequest (which shipped in IE 5 in 1999!), and a Pandora’s box was rapidly opened as developers finally saw potential in making Web pages interactive in a truly two-way fashion. JavaScript’s second wind had begun! - http://amp.gs/N6CP
#javascript
Medium
How JavaScript Grew Up and Became a Real Language
Few imagined that the one-time toy language would become a professional platform
Tips for Vue Developers Picking Up NativeScript
Moving from using Vue.js on the web to native iOS and Android is powerful and exciting, but also has its pitfalls. Raymond Camden describes some tips and tricks he learned on his journey with NativeScript-Vue.
- http://amp.gs/Nbve
#vue
Moving from using Vue.js on the web to native iOS and Android is powerful and exciting, but also has its pitfalls. Raymond Camden describes some tips and tricks he learned on his journey with NativeScript-Vue.
- http://amp.gs/Nbve
#vue
NativeScript.org
Tips for Vue Developers Picking Up NativeScript
Moving from using Vue.js on the web to native iOS and Android is exciting, full of power, but also has its pitfalls. Learn some lessons from Raymond Camden as he describes some tips and tricks he learned on his journey with NativeScript-Vue.
Angular Search & Pagination
In a real world application its really common to work with big amounts of data and to present the user with the possibility to search through it and present it paginated. Therefore, in this article, the author will show one approach on how to create a search component that handles search inputs with debounce and a pagination component which will handle requesting different pages of data; both working together.
- http://amp.gs/AIfN
#angular
In a real world application its really common to work with big amounts of data and to present the user with the possibility to search through it and present it paginated. Therefore, in this article, the author will show one approach on how to create a search component that handles search inputs with debounce and a pagination component which will handle requesting different pages of data; both working together.
- http://amp.gs/AIfN
#angular
Medium
Angular Search & Pagination
with usage examples
Accessibility Strategies for Your Content Team
Some tips and tools to help empower content creators to take ownership of accessibility. - http://amp.gs/Ajxj
#accessibility
Some tips and tools to help empower content creators to take ownership of accessibility. - http://amp.gs/Ajxj
#accessibility
Deque
Accessibility Strategies for Your Content Team | Deque
Content creators can have a major impact on accessibility, here are some tips and tools to help empower content creators to take ownership of accessibility.
How to Dynamically Change the Colors of Product Images using CSS Blend Mode and SVG
Kyle Wetton shows a simple technique for adding a color swap functionality to your product images by creating an SVG and applying a mix-blend-mode to the composition.
- http://amp.gs/ATY3
#css
Kyle Wetton shows a simple technique for adding a color swap functionality to your product images by creating an SVG and applying a mix-blend-mode to the composition.
- http://amp.gs/ATY3
#css
Codrops
How to Dynamically Change the Colors of Product Images using CSS Blend Mode and SVG | Codrops
To better explain that title right off the bat, here’s what we’re about to learn, and it’s easier than you think. Give i