How Airbnb Gets Faster JavaScript Builds with Metro

The story of Airbnb’s migration from Webpack to Metro (a JavaScript bundler aimed at React Native – but Airbnb uses it for Web projects) and how it made their development feedback loop ‘nearly instantaneous’. - http://amp.gs/jnlpV

#javascript

Using Web Streams in Node.js

Streams provide a handy abstraction for cleanly working with streaming data but Web Streams (a.k.a. WHATWG Streams) are a different, more broadly supported beast to classic Node.js streams. Dr. Axel starts from the basics but goes into a lot of depth here - a handy resource. - http://amp.gs/jnlHO

#nodejs

Manage Accessible Design System Themes With CSS Color-Contrast()

Daniel Yuschick outlines how the CSS color-contrast() function can become a cornerstone for developers in enforcing sufficiently contrasting and accessible UIs. - http://amp.gs/jnBy0

#css

How I Created a Desktop Productivity App with React and Rust

This is a neat idea. Amine wanted to have an extremely light weight way to take quick notes while in the middle of other tasks and brought together React with the Rust-based Tauri to make it happen. - http://amp.gs/jnBo8

#react

Generically Typed Vue Components with Composition API

An interesting take on generic type Vue.js components. - http://amp.gs/jnnR0

#vue

Working with the File System from Node.js

Dr. Axel seems to be on a bit of a Node kick lately and comes back this week with a particularly deep dive on all things related to working with text files from Node, from simple reading and writing operations to streams, buffers, and directory manipulation. - https://2ality.com/2022/06/nodejs-file-system.html

#nodejs

Angular Quick Answer: Difference between constructor and ngOnInit

And how to spew coffee galore… - http://amp.gs/jnGpx

#angular

Element vs Component vs Instance

Code heavy demonstrations of the distinction between the meaning of an element, component or instance in React, before looking at how they tie together. - http://amp.gs/jnG3z

#react

Dark Mode Toggles Should be a Browser Feature

Bramus Van Damme explores the idea that dark mode toggle becomes a browser feature. - http://amp.gs/jnxxZ

#css

Build a Location-Aware Application with Vue and Typesense

Implement geolocation using Typesense, a third-party search tool, to build a location-aware application like Uber or Airbnb. - http://amp.gs/jnxLA

#vue

Component Encyclopedia: A Catalog of 5000+ UI Components

Storybook, a popular UI component devtool, has unveiled a visual catalog of over 5,000 components (not all React, but largely) from all corners of the Web – you don’t need to be a Storybook user to take advantage of this as links to repos and demos are provided in each case. - http://amp.gs/jnfEn

#storybook #showcase

Angular Error Interceptor

When applications make HTTP requests and fail, we need to handle them. In this article, we learn how to do… - http://amp.gs/jnfQN

#angular

Clean Node.js Architecture —With NestJS and TypeScript

Your architectures should tell readers about the system, not about the frameworks you used in your system - http://amp.gs/jnCS2

#nodejs

Create Nuxt.js Universal Apps using GraphQL on Postgres

Server-side render (SSR) websites using Nuxt.js and GraphQL APIs over PostgreSQL using Hasura GraphQL Engine. Instant setup with tutorial/boilerplate. - http://amp.gs/jnkYW

#nuxt

How We Reduced Bugs in Our React Codebase

A thorough examination of three unexpected code behaviours in React which are then addressed by identifying and understanding their underlying patterns and anti-patterns. - http://amp.gs/jnkva

#react

Cool CSS Hover Effects That Use Background Clipping, Masks, and 3D

Temani Afif explores advanced CSS techniques for creating hover effects. - http://amp.gs/jnkHk

#css

13 tools and techniques to accelerate frontend development

Learn how to deliver your software faster and more efficient - http://amp.gs/jnetW

#tools

How to Create a Search Bar in Vue

Discover how to build a custom search bar in Vue.js. - http://amp.gs/jnehZ

#vue

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

#angular

React Labs: What The React Team is Working On

With the React 18 launch in the rear view mirror, the React Core Team has turned their attention to what’s next and this post gives some detailed hints of what’s to come. As they note, however, it’s not a road map and some of what’s discussed many not even see the light of day as-is. - http://amp.gs/jn7tO

#react