#​314 — November 16, 2022

Read on the Web

Together with  GrapeCity
React Status

The Magical World of Particles with React Three Fiber and Shaders — An interactive introduction where you’ll learn all sorts about shaders and rendering particle effects with them. There’s actually a fair bit of JS here, it’s not all GLSL incantations. Does your next CRUD app need this? Probably not, but it’s fascinating nonetheless.

Maxime Heckel

Is React Impacted by Meta's Layoffs? — A thread about the recently announced layoff of 11,000 employees at Meta and potential impacts on React. In short, the effect might not be large since React is so widely adopted and the team more distributed than ever. And, there's Vercel. Our thoughts are with those affected, however.

Hacker News

See Robust React DataGrid & Spreadsheet Components in Action — Wijmo brings you lightweight, high-performing, framework-agnostic React UI components like datagrids. SpreadJS delivers a true Excel-like spreadsheet component for React applications. Our React solutions are modularized to add only what you need.

GrapeCity sponsor

Refactoring React Code: 43% Less Code and a Better Data Structure — Often productivity can better be measured by how much code is removed rather than how much has been added! Here’s the step-by-step story of a productive refactoring journey that resulted in just that.

Johannes Kettmann

TanStack Router: A Fully Typesafe Router for React (and Others) — Powerful routing and first-class search-param APIs for JS/TS, React, Solid, Vue and Svelte. Built in caching, auto prefetching, and more. This comes from a good place with Tanstack really putting out some high quality tools and components lately.

Tanner Linsley

IN BRIEF:

Stream’s Reimagined Web Theming API Emphasizes Customization and UX

Stream sponsor

GitHub's Move to Rendering with React? — Leading off with a comment from somebody claiming to be one of the engineers behind the new approach, this is a significant React endorsement. Not everyone thinks it’s an improvement (yet), though.

Hacker News

React Component with TypeScript — Robin continues his series on TypeScript with a (very) brief look at making a simple component type safe.

Robin Wieruch

What and Why: React Server Components in Next.js 13
Thomas Desmond

🛠 Code and Tools

React95 4.0: Windows 95 Style UI Component Library for React — Retro is red hot and what could be more retro than a state-of-the-art React app with a Windows 95 UI? See for yourself: take a look at the components and demo.

React95

Twix: Style React Components with Tailwind CSS — If you never liked having CSS in your JavaScript, how about Tailwind instead?

Kasper Mikiewicz

Dynaboard: The Pro-Code Web App Builder Made for Developers

Dynaboard sponsor

chartjs-react 3.8: A Hooks-Based Wrapper for Chart.jsreact-chartjs-2 was written many years ago and has a number of legacy code issues. This package is a total rewrite using hooks, enabling your app to incorporate Chart.js functionality in a modern way.

xr0master

React Advanced Cropper: A Customizable Photo Cropping Library — You can try it out here.

Advanced Cropper

Hadmean: Generate Admin Apps in Seconds — While still in pre-release this free, open-source, no-code admin app generator written with NextJS seems to hold some promise and the demo certainly feels fast.

Hadmean Team

Jobs

Software Engineer — Join our "kick ass" team. Our software team operates from 17 countries and we're always looking for more exceptional engineers.
Stickermule

Senior Frontend Engineer (San Francisco) — Build interfaces for an AI-powered research assistant that makes knowledge workers smarter. TypeScript, React, GraphQL.
Heyday

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

Mantine DataTable: A Table Component for Data-Rich Apps — A fully featured data table / data grid component for building data-rich applications with Mantine UI.

Ionut-Cristian Florescu