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

Customizing Color Fonts on the Web

Myles C. Maxfield and David Jonathan Ross explain how color fonts provide a way to add richness to your designs without sacrificing any of the many benefits of using plain text. - http://amp.gs/jn7NJ

#css

BFF Pattern — Dos and Don’ts

The right way to implement backend-for-frontend - http://amp.gs/jnPGk

#bff

Introducing Module Federation

Part 4 of 9 in our series where we discuss how we introduced module federation for the purposes of breaking… - http://amp.gs/jnPwK

#webpack #microfrontends

How to Debug Node.js Code Using Multiple Tools

This tutorial demonstrates various tools to help debug applications and find the cause of a problem.
- http://amp.gs/jny7W

#nodejs

Address Autocomplete and Verification with Lob’s Vue Component Library

In this tutorial, you'll learn how to build address autocomplete and address verification with Lob's Vue Component Library, Vue 3, and Vite. - http://amp.gs/jnyMF

#vue

Just How Long Should Alt Text Be?

Geoff Graham explores how long alt text should be. - http://amp.gs/jnhRz

#css

Notes on Maintaining an Internal React Component Library

A developer’s thoughts on maintaining a component library as part of an existing design system used by a large number of frontend apps at DigitalOcean. - http://amp.gs/jnh6f

#react

How to write component harnesses in Angular

Step by step guide to implement your first harness object for your Angular components - http://amp.gs/jnvSg

#angular

JavaScript of Halftone Printing

A delightful, practical and interactive walk through what’s involved reproducing a classic halftone style printing process using basic JavaScript and a canvas. - http://amp.gs/jngZU

#javascript

Introducing LunchboxJS

LunchboxJS is a Vue 3 custom renderer for Three.js that allows you to write Three scenes using Vue components. - http://amp.gs/jngiG

#vue

Microservices with NodeJs Using NestJs Part 1 - http://amp.gs/jnEGC

#nodejs

Microfrontends Architecture, Tooling, and Recommended Practices

The Vertical Slice · Library/Framework: Favor React over Angular · Code Structure: Favor Monorepo over… - http://amp.gs/jnEwW

#microfrontends

animate-css-grid

A script that makes it easy to transition your CSS grid gracefully from one state to another. - http://amp.gs/jnVki

#css

An MDX, MJML & React Workflow for Building HTML Emails

We know perhaps better than most that creating HTML layouts that work in email clients is.. a tricky job! 😆 While we stay quite old school with our tooling, Josh deftly takes a more modern React-oriented approach here, leveraging Mailjet’s MJML framework and MDX - a way to work with Markdown in JSX – to keep things friendly and maintainable. - http://amp.gs/jnVMH

#react

Basic Test Setup with Cypress and Vitest

Learn how to set up a standard Vue project with Vite and add basic configuration for testing using Cypress. - http://amp.gs/jn99I

#vue

Building Framework Interoperable Web Components

If you use different frameworks like React, Svelte, Vue, etc. it’s common to pick a component library that suits each one, but what if you could write such components once in a framework agnostic way and use them wherever you want? Web Components provides an approach. - http://amp.gs/jn9K3

#javascript

The Ultimate Guide To The Angular App Shell

Why not join the app shell band-wagon and make your Angular app load faster and impress more people? - http://amp.gs/jn4YX

#angular

Simplify Your Color Palette With CSS Color-Mix()

Daniel Yuschick shows how you can define a color palette and theme without too much effort using CSS color-mix(). - http://amp.gs/jn4VH

#css

How Shopify Built Hydrogen: A React Framework for Building Custom Storefronts

A deep dive into Shopify’s use of React for their brand new development platform for their merchants. “Frameworks aren’t a zero-sum game. Next.js, Remix, all the others are still awesome, but it makes a lot of sense for Shopify to build their own framework purpose-built for commerce.” - http://amp.gs/jn4Jt

#react