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

Using PostCSS with Media Queries Level 4

Amarachi Amaechi reviews several features available in Media Queries Level 4 and demonstrates the implementation of each feature using PostCSS. - http://amp.gs/jZiUM

#css

5 Tips to Build a Better React Component

Lior Heber shares five best practices that have worked well for him when developing React components. - http://amp.gs/jZD7x

#react

Memory Leaks: The Forgotten Side of Web Performance

An even-handed take on the importance of memory leaks, even though the “effort-to-payoff ratio” is often seen as “disappointingly high”. - http://amp.gs/jZunW

#javascript

Use Streams to Build High-Performing Node Apps

Using the stream module in Node.js to your advantage. - http://amp.gs/jZuM1

#nodejs

Component-First State Management for Angular Standalone Components - http://amp.gs/jZJ3s

#angular

Here’s What I Didn’t Know About :where()

Manuel Matuzovic explains how you can lower the specificity of a selector using :where() pseudo-class. - http://amp.gs/jZ00y

#css

Setup a Micro Frontend Architecture With Vue and single-spa

A practical walkthrough on building a micro frontend architecture with multiple Vue.js apps using single-spa. - http://amp.gs/jZK75

#vue

7 Utility Types that Every TypeScript Developer Should Know

Useful TypeScript features to improve your types - http://amp.gs/jZ3Zw

#typescript

Speeding Up VS Code Extensions in 2022

One of those ‘niche but interesting’ posts that digs into the underlying architecture of VS Code and a must-read for anyone considering making their own extension. - http://amp.gs/jZHji

#vscode #extension

Etsy Migrated from React 15.6 to Preact (Instead of React 16)

There’s a full explanation about the decision behind all of this in this document about updating React at Etsy. But Preact, a smaller React alternative with the same API, turned out to be the right choice for them. - http://amp.gs/jZHim

#react

MikroORM 5: A TypeScript ORM for Node.js

Based upon the popular ‘Data Mapper’ pattern, MikroORM (homepage) is a popular and powerful Node.js ORM that supports a variety of SQL and NoSQL databases. v5 is a year in the making and boasts improved type safety, validations, migrations and schema diffing, amongst other things. - http://amp.gs/jZ2VU

#nodejs

Top 18 Web 3.0 Trends Every Frontend Developer Has to Follow in 2022

Vitalii Shevchuk compiled and listed the new opportunities Web 3.0 can bring and may inspire on the next millions dollar idea. - http://amp.gs/jZwCj

#web3

Hello, CSS Cascade Layers

Ahmad Shadeed explores how cascade layers work and how they can help you write CSS with more confidence. - http://amp.gs/jZwoC

#css

Coming Into Vue: What's Next in Vue 3

Now that we've reached an official recommendation to use Vue 3, what does the future look like for the Vue ecosystem? - http://amp.gs/jZFi9

#vue

Improving JavaScript Bundle Performance With Code-Splitting

Looks at the benefits and caveats of code-splitting and how page performance and load times can be improved by dynamically loading expensive, non-critical JavaScript bundles. - http://amp.gs/jZXSO

#javascript

An Intro to Authentication in React Router 6

A practical walkthrough of implementing authentication alongside React Router 6 in a bare-bones example app. You can then move on to.. - http://amp.gs/jZLzX

#react

Platform upgrades for Angular v13, NestJS 8, Next.js 12, and more in Nx 13.2!

Nx is a smart, extensible build framework to help you architect, test, and build at any scale — integrating… - http://amp.gs/jZL25

#angular

Aspect Ratio is Great

Michelle Barker gives a fantastic introduction to the aspect-ratio property. - http://amp.gs/jZWEM

#css