#341 — May 31, 2023 |
|
|
|
▶ Celebrating 10 Years of React — Grab yourself a slice of cake, React is 10 years old. As part of the celebrations, Vercel’s Delba de Oliveira ▶️ hosted a ‘roundtable’ discussion (though the table itself has taken the day off 😁) with Andrew Clark and Sebastian Markbåge talking about the current state of React, Suspense, Server Components, and Actions. Guillermo Rauch (Vercel) |
React-Admin: The Open-Source Framework for B2B Apps — From simple dashboards to complex admin panels for your entire company, react-admin unleashes the true productivity of React. Join more than 20k devs already building web apps like they play Lego, thanks to 230+ business-oriented components. Marmelab/React-admin sponsor |
|
The Evolution of React APIs and Code Reuse — An exploration of the evolution of common React patterns, from mixins and higher-order components to render props and hooks. As React becomes more popular in backend contexts too, you can benefit from maintaining a clear mental model of React and understanding the tradeoffs and benefits of each approach here. Rem / Frontend Mastery |
|
IN BRIEF:
|
|
Practice React by Fixing Tests — How would you evaluate your knowledge of JSX? One way could be to clone this repo or this CodeSandbox and see if you can fix the bugs. React Practice |
|
The State of State Management in React Apps — State management remains a subject that attracts a lot of attention. So much, in fact, you may need the help of the handy React Handbook to help sort through all the options. React Handbook |
|
▶ Talking About the React 'Forget' Compiler — React core team members Joe Savona and Sathya Gunasekaran talk, amongst other topics, about the ‘Forget’ React optimizing compiler first teased in 2021 but then further explained in the React team’s June 2022 update. Paige Niedringhaus (PodRocket Podcast) podcast |
|
▶ Are React Server Components Really Slower? — Are RSCs actually slower in Next.js than the getServerSideProps/Pages model? Jack Harrington |
|
How to use OAuth to Add Authentication to Your React App FusionAuth sponsor |
|
How to Avoid Mocking in React Router v6 Tests
|
🛠 Code and Tools |
|
|
MouseTracker: A Component That 'Follows' Your Mouse — A component that renders children into a fixed-position div that takes the coordinates of the mouse, with optional offsets, perhaps to augment the pointer with helpful information or to render tooltips. There are a couple of live samples with code, too. Yoav Kadosh |
|
'Enterprise-Grade' Next.js Boilerplate App — One of those boilerplate apps that includes everything but the kitchen sink 😁 Tailwind CSS, Jest, Playwright, Storybook, Radix UI, T3 Env, and more all come along for the ride here. Blazity |
|
Tuple – The Fastest Way to Onboard New Devs — Waste hours verbally steering on Zoom? New hires learn your codebase faster with Tuple. Trusted by over 40,000 devs. Tuple sponsor |
|
|
Boring Avatars: React Library to Generate Custom Avatars — Ranging from generic gradients to face-like creations, this library (GitHub repo) generates custom, SVG-based, round avatars from any username and color palette. Boring Designers |
|
|