#​267 — December 1, 2021

Read on the Web

React Status
⚛️ Your weekly React news digest, every Wednesday.

Using WebAssembly (from Rust) to Create Fast React Components — Just how easy is it to integrate Rust into a standard React workflow? Josh takes a look. This may seem a real meeting of buzzwords, but ideas like this have a way of turning into the future!

Josh Finnie

▶  React Router v6 - The No Nonsense Guide — We’ve mentioned the React Router v6 release a few times now, but here’s a ten minute screencast cutting down to the basics and showing it off.

Mitchel S

What Is a Gantt Chart and When to Use It in Your React Apps — The Gantt Chart - a component that can provide a ton of utility in very few scenarios. Jump into this blog to understand when you should consider using a Gantt and see how you can add one into your app with the help of the KendoReact UI library.

Progress KendoReact sponsor

How To Maintain a Large Next.js App — Rather than trying to scale the ad hoc maintenance techniques used when the codebase was kicked off, here are tools which will keep the code in good shape as it grows.

Nirmalya Ghosh

🎄📧  React Holiday: A React 18 Advent Email Course — Last year this domain hosted an advent calendar of React tips. This year it’s a 25 day React 18 course of sorts. Free but behind an email wall. There’s a Discord too if you want to chat about it.

Michael Chan

useEffect Sometimes Fires Before Paint: Why? — Does your application have an annoying flicker which is hard to explain and even harder to diagnose? It could be that useEffect isn’t firing when you think it does.

Vladimir Klepov

A React Folder Structure for Enterprise Level Apps — While these types of articles represent subjective opinion, it’s still instructive to compare your appoach to their’s to see how the two stack up.

Kolby Sisk

Jobs

Senior Full Stack Engineer (Remote) — Invoca is looking for passionate developers to join our team. Help build something awesome with React, GraphQL and Ruby on Rails.
Invoca

React Developer at X-Team (Remote) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more.
X-Team

Find React Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.
Hired

Implementing Server-Sent Events (SSE) in Node and ReactServer-Sent Events (SSE) is an often overlooked technology for sending live updates from a backend server to a frontend client without refreshing the page or endless polling from JavaScript. This is a basic example.

Eric Cabrel Tiogo

Introducing Svelte, and Comparing it to React and Vue — Born out of the New York Times’ demanding requirement to quickly build snappy interactive visualizations, Svelte has only gone from strength to strength recently. Here's how it compares with what you may already know.

Josh Collinsworth

Learning React Concepts with Sourcegraph: A Cheatsheet for Common Uses

Sourcegraph sponsor

Using localStorage for Persisting State With a Custom Hook — It seems not a week goes by where there isn’t yet another way of persisting state in React. The author takes a refreshingly straightforward approach: simply use localStorage?

Damiano Magrini

🛠 Code and Tools

React PDF Reader 1.0: A Simple PDF Viewer Component — A wrapper around PDF.js, as used by Firefox.

ZEISS Group

Goober: CSS-in-JS for Peanuts — A 1KB alternative to the 23KB combination of styled-components and emotion. And they’ll pay you to make goober smaller—if you can!

Cristian Bote

Elementary Grid: A JS + Elementary Powered Music Creator — Attempt to be the next deadmau5 with this JavaScript powered grid music creator.. or at least have a fun 30 seconds.

Johan Althoff

lottie-react-native: JSON-Based, Multi-Platform Animation — Create animations with Adobe After Effects and run them on React Native using Lottie.

Lottie - React Native

React Virtual 2.9: Hooks for Virtualizing Scrollable Elements in React — With a single headless hook you can work with row, column and grid level virtualization, get imperative scrolling when needed, custom scrolling function support, and more.

Tanner Linsley

⚡️ NPM Corner: