How to Dynamically Get All CSS Custom Properties on a Page

Some fun DOM and stylesheet wrangling on display here. - http://amp.gs/wbkO

#javascript

Beautiful React Hooks: A Collection of Custom React Hooks

Beautiful Interactions has been building up its library of custom React hooks for some time. It will speed and simplify your development by enabling the abstraction of components’ business logic. - http://amp.gs/wbsz

#react #hooks

awesome-nodejs-security: A Curated List of Node.js Security Resources

Includes libraries like express-enforces-ssl and stories of incidents like the left-pad incident. - http://amp.gs/FI8e

#nodejs

Progressive Web Apps: Practical Usage Guide

Another intro to PWA article, but this one covers things like the manifest.json and cache a little more in depth than the usual. - http://amp.gs/FIiI

#pwa

Angular 10 New Features and Ivy Compiler

The new features and breaking changes the Google-developed web framework brought to us. - http://amp.gs/FjgH

#angular

5 Lessons From 50 Days of CSS Art

Suzanne Aitchison shares what she has learned from creating CSS art. - http://amp.gs/F8f4

#css

An In-Depth Beginner's Guide to Testing React Apps

A lot of posts will say ‘in-depth’ and be 500 words long – this isn’t one of those! If you’re a beginner to testing, there’s a lot to chew on here but it stays accessible throughout. - http://amp.gs/FTBZ

#react

Understanding Generators in JavaScript

Generator functions can be paused and resumed and yield multiple values over time and were introduced in ES6/ES2015. - http://amp.gs/FT6i

#javascript

Building Serverless GraphQL API in Node.js with Express and Netlify

A very accessible tutorial that will suit anyone who likes to keep things easy to maintain. - http://amp.gs/FzFD

#nodejs

You Might Not Need Vuex with Vue 3

By using the reactivity system and the dependency injection mechanism of Vue 3, we've gone from a local state to centralized state management that can replace Vuex in smaller applications. - http://amp.gs/F12z

#vue

Accordion Rows in CSS Grid

Eric A. Meyer explores how to use CSS Grid rows to give your layout more flexibility. - http://amp.gs/FYNJ

#css

Cache busting in Angular

When we run ng build --prod, that is build a production version of the application, Angular will append a hash to the file name, based on the file’s content checksum. As long as the content of the file isn’t changed, we’ll always get the same hash. - http://amp.gs/FtEq

#angular

Determining The Best Build Tool For Your Project

Build tools aim to make the lives of developers easier by streamlining workflows and codifying best practices. However, picking the right build tool for a project can be a challenge. To help you make a more informed decision, folks from the Google Chrome developer relations team built ToolingReport. - http://amp.gs/FmyH

#tools #building

Create a Lazy-Loading Image Component with React Hooks

Here’s an opportunity to both learn the lazy-loading design pattern and produce a valuable addition to your online content production toolkit: a teleprompter, just like the pros use. - http://amp.gs/FZtR

#react

How to Use Node, a Raspberry Pi, and an LCD Screen to Monitor the Weather

If you’ve been itching to play with that Raspberry Pi sitting in your drawer (I joke, despite having a few myself!) this is one way to go about it. - http://amp.gs/FpjD

#nodejs

Use the Border-Radius CSS Property to Define Horizontal and Vertical Radius

Jhey Tompkins shows how to use a longhand notation for CSS border-radius that gives us the power to define the horizontal and vertical radius for each corner of an element. - http://amp.gs/FlI5

#css

What's New in Angular 10

Angular version 10 is out and we couldn't be more excited about it. Check out what's new—and yes, Kendo UI for Angular is already good to go! - http://amp.gs/FlFz

#angular

Be prepared to migrate your Vue app to Vue 3

In this post, I would like to share my recent experience of trying out Vue 3 beta version, specifically regarding some caveats you might want to note if you are planning to migrate your existing Vue 2 application to the upgraded version, Vue 3! - http://amp.gs/FB3j

#vue

An Introduction To SWR: React Hooks For Remote Data Fetching

Application performance is a bi-product of doing only what is needed and only then when it is absolutely necessary. To wit, the SWR library from Vercel which uses its automatic caching and fetching capabilities to level-up your app's performance. -http://amp.gs/Fnre

#react

A Terrible, Horrible, No-Good, Very Bad Day at Slack

While I don’t think you can take pleasure in someone else’s outage, the story behind an outage can make for good reading indeed. So it goes here with a significant outage Slack had in May and it came down to how they were using HAProxy, one of my favorite bits of infrastructure software ever. - http://amp.gs/FncQ

#slack

Flutter vs Native vs React Native: Deep Performance Comparison

A comparison between popular mobile development tools, looking at how FPS, CPU, memory, and GPU performance stack up in common tasks. - http://amp.gs/FG9v

#flutter #reactnative #native #mobile