Celebrating 10 Years of React

Grab yourself a slice of cake, React is 10 years old. As part of the celebrations, Vercel’s Delba de Oliveira ▶️ hosted a ‘roundtable’ discussion (though the table itself has taken the day off 😁) with Andrew Clark and Sebastian Markbåge talking about the current state of React, Suspense, Server Components, and Actions. - https://vercel.com/blog/10-years-of-react

#react

Design vs. Accessibility and the CSS visually-hidden Class

Cristian Diaz explains the visually-hidden utility class, how it works, and how you can use it. - https://blog.logrocket.com/design-accessibility-css-visually-hidden-class

#css

The New JS Features Coming in ECMAScript 2023

The next JavaScript update brings smaller additions familiar from other languages, but there are more significant developments waiting in the wings. - https://thenewstack.io/the-new-javascript-features-coming-in-ecmascript-2023/

#javascript

Moving From Vue 1 To Vue 2 To Vue 3: A Case Study Of Migrating A Headless CMS System

Handling migrations within long-term projects can be tough, and this is an interesting deep dive into how one team did it. - https://www.smashingmagazine.com/2023/03/vue-case-study-migrating-headless-cms-system

#vue

Designing a Scalable Backend in Node

Three arbitrary scaling challenges for Node apps examined through the lens of a hypothetical personal budgeting app that has to interact with third party APIs. - https://blog.appsignal.com/2023/06/07/designing-a-scalable-backend-in-nodejs.html

#nodejs

Tree Shaking in Angular

In a gentle way, you can shake the world! - https://javascript.plainenglish.io/angular-regime-series-tree-shaking-technique-3dc07f5e85a1

#angular

The New CSS

Matthias Ott explains why CSS is the most powerful design tool for the Web. - https://matthiasott.com/notes/the-new-css

#css

The Evolution of React APIs and Code Reuse

An exploration of the evolution of common React patterns, from mixins and higher-order components to render props and hooks. As React becomes more popular in backend contexts too, you can benefit from maintaining a clear mental model of React and understanding the tradeoffs and benefits of each approach here. - https://frontendmastery.com/posts/the-evolution-of-react-patterns/

#react

Typescript: Working with Paths, Packages and Yarn Workspaces

How to modularise your Typescript projects with paths, packages and Monorepos - https://rossbulat.medium.com/typescript-working-with-paths-packages-and-yarn-workspaces-6fbc7087b325

#typescript

Reducing Search Latency with Server-Sent Events via Express

If you have a situation where information takes a long time to fetch and collate, you might want to stream it to clients so they can get something on screen faster. If that streaming is only in a single direction, SSE is a good fit vs WebSockets. - https://www.hyperdx.io/blog/speeding-up-search-latency-with-server-sent-events-on-express

#nodejs

Protecting Routes in Nuxt 3

Michael shows how to use Supabase in a Nuxt 3 middleware to block users who aren’t logged in. - https://masteringnuxt.com/blog/protecting-routes-in-nuxt-3

#vue

The right way to create Angular components - https://javascript.plainenglish.io/the-right-way-to-create-angular-components-69228c5cc0fd

#angular

ES2023's New Array Copying Methods

The newest ECMAScript spec introduces some new methods on Array that you’ll eventually find useful in your own programs. Phil gives us the tour. - https://www.sonarsource.com/blog/es2023-new-array-copying-methods-javascript/

#javascript

The gotchas of CSS Nesting
Kilian Valkhof outlines a few gotchas with CSS nesting. - https://kilianvalkhof.com/2023/css-html/the-gotchas-of-css-nesting

#css

The State of State Management in React Apps

State management remains a subject that attracts a lot of attention. So much, in fact, you may need the help of the handy React Handbook to help sort through all the options. - https://reacthandbook.dev/state-management

#react

Vue 3: watchEffect is Impressive, but watch is still the Best Choice

This article will explore the differences between watch and watchEffect and when to use each. - https://fadamakis.com/vue-3-watcheffect-is-impressive-but-watch-is-still-the-best-choice-8903b62fdc19

#vue

How to Generate Presigned URLs with AWS Node.js SDK V3 - https://www.raymondcamden.com/2023/06/09/quick-example-using-aws-nodejs-sdk-v3-for-signed-urls

#nodejs #aws

Coding the Sliced Image Hover Effect from Quai Network

Manoela Ilic shows how to code a stunning hover animation. - https://tympanus.net/codrops/2023/06/21/coding-the-sliced-image-hover-effect-from-quai-network

#css

Dynamic Angular Microfrontends

Learn how to load your microfrontends very dynamically to manage stages, A/B testing, or create a… - https://levelup.gitconnected.com/dynamic-angular-microfrontends-7de8f2634f0a

#angular

Are React Server Components Really Slower?

Are RSCs actually slower in Next.js than the getServerSideProps/Pages model? - https://www.youtube.com/watch?v=3Q2q2gs0nAI

#react