- Seed Funding for Remix
- React Router v6
Speaking of that gang, they released React Router v6, which looks like a positive move — all hooks based, 50% smaller than v5 — but is yet another major version with API changes. React Router has a history of API changes like this and they trigger plenty of grumbling in the community. There is plenty of that again.
- React Aria
“A library of React Hooks that provides accessible UI primitives for your design system” from… Adobe. Interesting. Looks like some pretty hard problems being solved here, like FocusScope (“When the
containprop is set, focus is contained within the scope.”) and interesting color inputs, like useColorField, useColorSlider, and useColorWheel. There are 59 hooks in all, ranging from interactions and forms to overlays and internationalization, with plenty of others in between.
- Front End Tables: Sorting, Filtering, and Pagination
Tania Rascia: “One thing I’ve had to do at every job I’ve had is implement a table on the front end of an application that has sorting, filtering, and pagination.” No shame in reaching for a big library with all these features, but sometimes it’s best to DIY.
- Good advice on JSX conditionals
Vladimir Klepov covers the (weirdly) many ways fairly simple conditionals can go wrong, like the number
0leaking into your markup, and how to manage update versus remount in conditionals.
I’ve found ProseMirror to be a pretty nice rich text editor in the past. The library itself isn’t actually in React, so I think it’s a smart call here to make a modern React wrapper for it.
- Spead up sluggish inputs with useDeferredValue
You can introduce gnarly input delay the more work that an
onChangefunction has to do on a text input. “
useDeferredValuegives us a way to separate high priority updates from low priority updates for cases like this.”
- 🎥 A Cartoon Intro to WebAssembly
If you don’t have a good understanding of what WebAssembly is, then Lin Clark will get you there in this video from JSConf EU 2017. So, no, not a new link or anything, but it’s new to me!
- 🎥 Turborepo Demo and Walkthrough
Vercel bought Turborepo. Turborepo is specifically focused on making monorepos better. As someone who’s main codebase is a monorepo with Lerna and Yarn Workspaces such that we can have multiple different sites all share things like a design system, this is right up our alley. This video is with the Turborepo creator Jared Palmer and Lee Robinson, head of developer relations at Vercel. In this video, you get to see it all work.
Check out our Starter Sites built with #ToolWeLove including Toolset, Elementor Pro, and Astra Pro.