How to Write Performant React Code

Although the author acknowledges the potential perils of ‘premature optimisation’, she says some such optimizations are a good thing when it comes to React and presses ahead with a series of examples. - http://amp.gs/jZESe

#react

Building UI Components With SVG and CSS

Ahmad Shadeed shows different use cases where you can use SVG along with HTML and CSS to build specific UI components. - http://amp.gs/jZV9O

#css

4 Angular Performance Pitfalls

Angular is a powerful framework with many useful tools to make web development a breeze. But many of these tools can work against you if you aren’t careful. Here are 4 ways that Angular applications can take a hit in performance, and how to fix them. - http://amp.gs/jZ9pL

#angular

Getting Started with Validation in Node

You’ve got a webapp and you want to validate the data it’s sent, but there are lots of options. Here Simon breaks down one approach using JSON schemas along with Ajv. - http://amp.gs/jZ4jB

#nodejs

The Baseline for Web Development in 2022?

Analysis of numerous stats around frontend technologies, browser share, client devices, and more to establish a feel for what the lowest common denominators are in terms of what we must continue to support. - http://amp.gs/jZ4FO

#web #baseline

Understanding React Lifecycles

The author deconstructs the three phases of React components’ lifecycle: mounting (insertion into DOM), update and unmounting (removal from DOM) and goes on to describe the methods appropriate for each. - http://amp.gs/jZReU

#react

Easy and Quick Form Generation Using JSON Schema in VueJS

Here is a step-by-step tutorial on form generation using JSON schema in VueJS. Implements vuetify-jsonschema-form to generate and customize the form. - http://amp.gs/jZRop

#vue

What’s New with the DevTools?

A decent break down of recent changes and additions to developer tooling in Chrome, Edge, Safari and Firefox. - http://amp.gs/jZUAw

#devtools

Fancy CSS Borders Using Masks

Temani Afif looks at some modern CSS masking techniques that will help you create fancy borders. - http://amp.gs/jZdyz

#css

Angular Roadmap: The Past, Present, and Future - http://amp.gs/jZOBj

#angular

Automatic Batching in React 18

With React 18 in beta, it’s timely to examine features which distinguish it from previous releases: Automatic Batching portends fewer needless renders. - http://amp.gs/jZrtN

#react

You Shouldn’t be Using Mixins in Vue.js Anymore

Mixins were the go-to way of sharing reusable logic between components in Vue 2. But now with the availability of the Composition API, we can achieve code reusability in a much cleaner way. - http://amp.gs/jZrHT

#vue

Seven Ways to Improve Node Performance at Scale

Some basic advice including using timeouts and caching, profiling and monitoring your code, and how clustering and load balancing can help. - http://amp.gs/jZSNF

#nodejs

Writing a Printer Driver in JavaScript

“Writing a printer driver in JavaScript sounds ridiculous,” starts the author, and while the definition of ‘driver’ is arguable here (it's more a filter?), this is nonetheless an interesting story and solution to the author's problem. - http://amp.gs/jZN9C

#javascript

High scalable folder structure in angular applications - http://amp.gs/jZNMK

#angular

How Flexbox Works

Tiffany B. Brown untangles Flexbox mysteries giving you an overview of the most important things to keep in mind while working with Flexbox. - http://amp.gs/jZA4Y

#css

A Headless Vue JSON Search Component Based on Fuse.Js

Vue-json-search is a headless Vue 3 JSON search component based on Fuse.js. It is specially designed for static generators like Hugo. - http://amp.gs/jZqlw

#vue

Communication between Microfrontends built with Module Federation

Recently I have been playing around with Microfrontends powered by Module federation in Webpack 5, which by… - http://amp.gs/jZqqQ

#microfrontends

Implementing Server-Sent Events (SSE) in Node and React

Server-Sent Events (SSE) is an often overlooked technology for sending live updates from a backend server to a frontend client without refreshing the page or endless polling from JavaScript. This is a basic example. - http://amp.gs/jZspZ

#nodejs

React Best Practices — Tips for Writing Better React Code in 2022 - http://amp.gs/jZsWU

#react