How We Reduced Next.js Page Size by 3.5x and Achieved a 98 Lighthouse Score - http://amp.gs/jTmea

#react #nextjs

NFC Comes to the Web

NFC functionality is now widely available on the hardware side, with browser support slowly gaining (for example: Chrome for Android 91 now supports WebNFC). As such, Sven has been experimenting with the technology and captured his thoughts here (along with a few code examples). - http://amp.gs/jTm3Q

#nfc

Understanding Amazon’s Front-End Engineering Interview

Front-End Engineering in a Back-end World - http://amp.gs/jTZGb

#interview #amazon

How Do Chrome Extensions Impact Browser Performance?

Matt Zeunert investigates how 1000 of the most popular Chrome extensions impact browser performance and end-user experience. - http://amp.gs/jTZNe

#devtools

Conjuring Generative Blobs With The CSS Paint API

George Francis demonstrates how to build a generative blob worklet using CSS Paint API. - http://amp.gs/jTp8m

#css

Running a Next.js Site on Cloudflare Pages - http://amp.gs/jTpsT

#react #nextjs

ESLint and Prettier with Vite and Vue.js 3

Combining ESLint and Prettier make large scale Vue 3 apps clean and error free. Learn how to set up Prettier and ESLint with Vite for your next Vue 3 project! - http://amp.gs/jTl7X

#vue

40+ Node.js Integration Test Best Practices

Component and integration tests are increasingly popular testing techniques for backends. This repository digs into a variety of quick-fire patterns and practices for creating good component tests. There’s also a demo app and examples using Jest, Mocha, Express, Fastify and Nest.js. - http://amp.gs/jTBBQ

#nodejs

How Flutter Renders The UI

A high-level look at how Flutter ends up drawing the widgets that you define. - http://amp.gs/jTnzs

#flutter

Refactoring CSS: Strategy, Regression Testing And Maintenance

Adrian Bece takes a deep dive into the CSS refactoring process and covers incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase. - http://amp.gs/jTnoE

#css

Managing shared code in the Angular world — Monorepo vs Multirepo ⚔️

Let’s explore the most common ways of managing multiple apps and shared modules in the front-end ecosystem - http://amp.gs/jTGK4

#angular

Vue Composition API: Composables

What makes the Vue 3 Composition API so much better than the Options API is code sharing. Composables are a much more powerful and transparent approach for sharing code between components. - http://amp.gs/jTxNq

#vue

How to Use RabbitMQ and Node with Docker and Docker Compose

A straightforward example of setting up a Node app to use RabbitMQ as both a consumer and producer, and using Docker to spin up an instance quickly. - http://amp.gs/jTfhH

#nodejs

Top Metrics You Need to Understand When Measuring Front-end Performance

5 metrics you need to understand how your UI is performing - http://amp.gs/jTCnJ

#web #performance

Building a React Design System for Adoption and Scale

Achieve DS scale and adoption via independent components and a composable architecture — with examples. - http://amp.gs/jTCUT

#react #bit #designsystem

How to Use Promise.allSettled()

How to use Promise.allSettled() to perform parallel async operations and collect the promises statuses into an array. - http://amp.gs/jTkT0

#javascript

React Children and Iteration Methods

You might think you’ve learnt everything about iterating over React’s .children prop. However, this detailed review of the .toArray method may reveal a few things of which you were not aware. - http://amp.gs/jTk2H

#react

Using CSS Shapes for Interesting User Controls and Navigation

Preethi showcases how to craft fluid user controls using CSS shapes. - http://amp.gs/jTe3p

#css

Microservices Authentication Strategies: Theory to Practice

Some theory and then some practice using OpenID Connect, Google Cloud, and a Node + React app with authentication. - http://amp.gs/jT7qQ

#nodejs