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

How to Develop Angular Apps Faster with NgRx 8

NgRx 8 introduces a host of improvements, including createAction, createReducer, and createEffect. These helper functions drastically reduce (no pun intended) boilerplate, which boosts developer productivity. - http://amp.gs/rJw2

#angular #ngrx

How to Create a GitHub-Style Contribution Graph with Node and Google Sheets

A clever approach to creating a GitHub-style ‘contribution’ visualization based upon data pulled from Google Sheets. - http://amp.gs/r0Xk

#nodejs

8 Practices In React That Will Crash Your App In The Future

These are mostly JavaScript gotchas, but still fall squarely into the Just Don’t Do That™ pile. - http://amp.gs/rKsS

#react

How Do JavaScript’s Global Variables Really Work?

Great to see Dr. Axel blogging again. Here he digs into a variety of concepts around global variables and the global object
- http://amp.gs/r3s8

#javascript

Restricting a (Pseudo) Element to Its Parent’s Border-Box

Ana Tudor shows how to ensure that nothing of a (pseudo) element gets displayed outside its parent’s border-box.
- http://amp.gs/rHsV

#css

How to Pass Data from One Component to Another in Angular

In this tutorial, we are going to learn about component communication in angular with the help of examples.
- http://amp.gs/r29E

#angular