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

A Guide to Visual Regression Testing with Playwright

The Playwright browser control library can form the basis of an end-to-end testing mechanism all written in JavaScript, and comparing the visual output of tests can help show where things are going wrong. - https://lost-pixel.com/blog/post/playwright-visual-regression-testing

#test #playwright

Improving CSS Shapes with Trigonometric Functions

Daniel C. Wilson explores how to apply CSS trigonometric functions to the clip-path property. - https://danielcwilson.com/posts/css-shapes-with-trig-functions

#css

How to Use v-model with Form Inputs in Vue

Dmitri explains use v-model to bind form inputs in Vue 3. - https://dmitripavlutin.com/vue-v-model-form-inputs

#vue

Difference between Middleware, Interceptor, and Filter in the NestJS ecosystem?

If you are new to NestJS and Express, you might be not familiar with the concepts of Middlewares, Inceptors… - https://blog.bitsrc.io/difference-between-middleware-interceptor-and-filter-in-the-nest-js-ecosystem-c71fb3ba32f6

#nodejs

Scaling Frontend Applications in 2023

10 Essential Areas to Consider When Building a Scalable Frontend Application - https://blog.bitsrc.io/scaling-frontend-applications-in-2023-e455aceff931

#frontend

Angular — improved required roles directive

Fine-grained role-based access control (RBAC) through a directive - https://levelup.gitconnected.com/angular-improved-required-roles-directive-e2e90ed32b67

#angular

How to Avoid Mocking in React Router v6 Tests - https://webup.org/blog/how-to-avoid-mocking-in-react-router-v6-tests/

#react