Remix 1.0, Redux 8.0, and a closer look at partial hydration
This week’s issue is sponsored by Progress KendoReact.
If you thought Figma was only for designers, think again! This blog post will show you how developers are using this powerful tool to improve collaboration with their design team and easily find their way in Figma design files. It gives a clear picture of file organization in Figma and ways to export assets to ease the pain of design-to-development handoff.
The team behind React Router just launched their long-hyped React metaframework called Remix. Its founders call it an "edge-first web framework that embraces JavaScript runtimes running as close as possible to your users." They team has raised some VC money already and they recently hired Kent C. Dodds.
Not to be outdone, Vercel just raised another huge round of funding to "accelerate how we support open-source projects, make the Web Edge-first, build the end-to-end development platform, and grow our team." They also just hired Rich Harris to work on Svelte full time.
Major changes:
@types/react-redux)useSyncExternalStore API for React 18 compatconnectAdvanced, the pure option for connect)This article by Varun Vachhar shows you how to create breathtaking 3D animations using React Three Fiber (R3F). It walks through setting up a stage, creating geometry, adding lighting and enabling post-processing effects, and it shows you how to build animations from scratch.
Anthony Campolo wrote this great article that explains exactly what partial hydration is and why there's been so much hype around this concept lately.
This tutorial by Alex Eagleson walks you through the process of creating and publishing your own custom React component library and hosting it on Github.
Matti Bar-Zeev takes you through the steps of creating a React Custom Hook which will encapsulate the logic behind a simple Pagination component.
Created by React Core Team member, Brian Vaughn, this experimental, cross-platform RFC API is designed to make e2e testing more robust with the ability to select by text, component, and more.
A new tool for creating faster design systems that bills itself as a "much faster, more modern way to write React Native + React Native Web apps", thanks to an optimizing compiler. Created by Nate Weinert
An app development framework built atop React that’s easy to use, performant and customizable.
A Figma plugin that lets you press a button and get React components from a design. You can preview this code live in the browser, and then copy the code into your own app. Check out this video to see how it works.