React Conf highlights, the complete guide to React Router, and a new way to build real-time collaborative web apps
This week's issue is sponsored by Retool.
Programming hasn’t fundamentally changed in a long time. Building an app usually means Googling for the right component library, debugging dependencies, rewriting a lot of boilerplate code, and figuring out where to deploy. Everything but solving the problem at hand.
Retool has a new approach that gives you the ease of visual programming with the power and flexibility of real code. Connect to any database or API. Drag-and-drop a UI while simultaneously live programming it. Deploy instantly.
No big new announcements from last week's React Conf -- but there were lots of great talks and demos on new React 18 features that we can look forward to. Here are some of the highlights:
React 18 Keynote by Andrew Clark, Lauren Tan, Juan Tejada and Ricky Hanlon.
React 18 for App Developers by Shruti Kapoor showed how easy it is to upgrade to React 18 and how to use some of the new concurrent features.
React DevTools by Brian Vaughn showed off some cool new updates.
New React Docs by Rachel Nabors showed off the new React Docs, which are currently in beta and look great.
React 18 for External Store Libraries by Daishi Kato demonstrated the pitfalls state management libraries might face in Concurrent Rendering, and how to avoid them.
Vercel has been making (more) big moves this past week by acuqiring Turborepo -- a high-performance build system for JavaScript and TypeScript codebases, created by Jared Palmer. They also just announced that they've hired Sebastian Markbåge away from the React Core Team at Facebook 🤯.
Our very own Tyler McGinnis wrote down everything he knows about React Router. If you've ever had a question about anything RR-related, your answer is probably in this guide.
In this article, Martin Bavio writes about the similarities and differences he sees between Remix and Ruby on Rails back in its early days.
useId APIChetan Gawai writes about what this means for how we generate unique IDs on both the client and the server.
A library for building distributed, real-time collaborative web applications that sync automatically. It adds an easy-to-use API on top of modern CRDT technology to make developing multiplayer (or multi-device) experiences just as simple as developing regular applications. Created by Yousef El-Dardiry.
A lightweight React <Img /> component that's designed to help you handle image UX and performance optimization like a pro.
Dan Abramov continued his tour of mock technical interview tours when he did one on Gonzalo Pozzo's channel last week.