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

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

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

A Look at the Public Class Fields Proposal - http://amp.gs/r4oi

#javascript

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

Redux with Code-Splitting and Type Checking

Some pointers on getting all your ducks in a row if you want to combine using Redux with TypeScript and modern code-splitting techniques. - http://amp.gs/rUwU

#react #redux

The Ultimate Guide to Flexbox Centering

A solid reference with handy visuals. - http://amp.gs/rdwc

#css #flexbox

Search UI 1.0: Elastic-Powered Search Experiences for React Apps - http://amp.gs/rOzP

#react #component

Upload And Read QR Code Using Angular 7

Here, we will learn about reading QR code by uploading it using Angular 7. We have many mobile applications for that purpose, but what if we don't have a mobile phone or our battery is discharged? Then, we can use this to read QR code data.
- http://amp.gs/rOuT

#angular

Really Typing Vue

This is not another “setting up TypeScript with Vue” post. Instead, it gets into more complex topics like component and Vuex typings, API calls, testing etc. A must-read if you're considering TS for a serious Vue project. - http://amp.gs/rr2p

#vue

An Intro To Screen Reader Testing for Sighted Developers

This quick guide will give you an introduction to the why and how of testing your website’s user experience using screen readers. - http://amp.gs/rSFm

#article

How I Ruined My App's Performance Using React Context Instead of Redux

While there’s an element of misusing the tools here, React-Redux provides some optimizations for ‘free’ that you need to think more directly about when using context to prevent huge amounts of pointless re-rendering. - http://amp.gs/rNsO

#react

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/rAs3

#javascript

Build a Chat App Using React Hooks in 100 Lines of Code

Leans on Create React App, Socketio (for the communications), and a variety of hooks to make the front-end work. - http://amp.gs/rqSn

#react

Adding Integrated Validation to Custom Form Controls in Angular

Last week Netanel came across an article that talks about how we (probably) don’t need ReCAPTCHA. Although he already has written a detailed article about how to integrate ReCAPTCHA in Angular, inspired by this article, he decided to create a math Captcha component, that implements a custom validation and share the result with you.
- http://amp.gs/rstB

#angular

CSS Lists, Markers, And Counters

There’s a lot more to styling lists using CSS than you might think, says Rachel Andrew, including using the new ::marker pseudo-element introduced with this week’s Firefox 68 release (featured above). If you want to be the up-to-date CSS list expert in the office this week, read this. - http://amp.gs/rsDe

#css

A Tour of Node 12's New Features

The ‘current’ Node 12.x branch is almost three months old (12.6.0 is the latest release) but Adam Polak has done a good job of bringing together the new features of note in one article, complete with code examples. - http://amp.gs/ri7Q

#nodejs

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/ri2E

#javascript

Angular: *ngFor Hidden Powers

Quite often you need to create an Input setter or an ngOnChanges handler inside one of your components. But do you really need to? In fact, in many situations it is not required, and a simple ngFor directive can be a better choice.
- http://amp.gs/rDfC

#angular

An Easy Way to Know When React Components Enter the Browser Viewport

learn how to use React Visibility Sensor to detect when your React components have entered the viewport. - http://amp.gs/rDbv

#react

CSS Custom Properties In The Cascade

Miriam Suzanne explores how CSS Custom Properties work in the cascade. - http://amp.gs/ru3d

#css