Hello friends. I hope that at least some of your currency is the centralized kind 🥲.
Welcome to #135.
During Tuesday’s session of Jamstack Conf, Tanner Linsley (creator of React Query and friends) got on stage and painted us all a picture of a brave new (typesafe) world.
In this world, we didn’t need to worry about global or server state (at least not as much) — because shouldn’t we just be storing as much state as possible right inside the URL, the way TBL intended? After all, links are the OG form of “portable state”, and they’re inherently shareable, bookmark-able, and historical.
Next.js and React Router already give us APIs to help us manage state inside the URL structure with path parameters and search params, but they still leave us with two problems:
Next and RR’s approach doesn’t always scale well, because they assume you’re working with very few search params, flat key-value pairs, and strings (reality is
usually often more complex than this).
Next and RR naturally exclude all non-React frameworks. (Remix doesn’t, but more on that later.)
So what did Tanner do? He locked himself in a dark closet under the stairs for a few months (Harry Potter style), until he came out with some magic. And on Tuesday, he unveiled TanStack Router — a scalable, framework-agnostic routing library that brings the full power of URLs to the unwashed masses.
Here’s a few more highlights from this beta release:
100% typesafety means the router is fully inferred from route definitions to rendering, so you get autocomplete everywhere and you don’t have to worry about writing unsafe routes.
State-manger grade search params come with schemas and validation, custom parsing and serialization, and immutability to make it easy to store all kinds of state in the URL without triggering unwanted side effects.
Built-in caching with custom cache timings and automatic preloading for faster page loads.
Bottom Line: TanStack Router definitely builds on popular routing patterns and ideas from Remix, Next, and React Router, while taking it to a whole new level and expanding it beyond the React ecosystem.
Have you ever though to yourself, “What if Geocities was still around and also had a baby with modern web development?”
Me neither. But Dynaboard did, and that’s why they were crazy enough to build it. So now you can use their platform to build fully customized, modern full-stack web apps in one sitting — without all the complexity. Here’s how:
Fork one of their app templates, or use their customizable component libraries to build whatever you want 10x faster — without worrying about frameworks, boilerplate, or dependencies.
Add custom code wherever you want, on both the client and the server. Dynaboard is powered by Wasm and supports all ES2020 syntax to give you max flexibility.
Build and edit with your whole team (even the marketers) in real time with their Google Docs-like multiplayer mode.
The web’s come a long way since you helped set up that WordPress site for your grandma’s scented candle blog back in 2009, but Dynaboard makes it feel just as fun and simple as it did back then — but with a lot more power.
If you aren’t familiar, Underscore, Lodash, and Ramda are collections of composable functions for dealing with data. So what’s going on with the big functional programming libraries these days?
FP in JS slowing down: From the trend chart, we see that the overall growth of the 3 most popular libraries seems to be slowing down. In general, there has been an increase in the popularity of reactive systems like Svelte or Vue, which watch for mutations rather than using pure functions and immutability (see also MobX vs Redux).
Browser / ESM support: The two successors to Underscore, Lodash (which started as a fork) and Ramda (which appealed to the hardcore FP nerds), worked on being more browser and bundler friendly by supporting ESM and tree-shaking. This helped them become more popular than the og
SolidJS just released SolidStart — a new framework for Solid apps that’s built on Vite and features Nested FileSystem Routing. Because apparently, the unofficial theme of this year’s Jamstack Conf was “come launch some routing stuff.”
If you’re trying to hire remote developers, World Wide Teams lets you easily get your job in front of lots of remote-friendly developers. You can even specify your roles by country, state/province, and time zone. [sponsored]
The Placemark team wrote about Dependency management in practice. Now I just need them to write a post called “Practicing Management in Practice”, so that I can use it to
passive aggressively gently call out my team lead.
Expo SDK 47 was just released with a brand new Expo Modules API. Has a single person created a React Native app in the last four years without using Expo? Are we even sure if that’s possible?
Google’s CSS Podcast made this 10-minute episode on Subgrid, which should be a stable feature in all major browsers “soon” (which means anytime between tomorrow and the year 2037).
Alex Illarionov created this Supersonic Plugin For Scroll Based Animation. Like many great web innovations, this plugin was born out of a need to more easily view pictures of cats on the internet.
The first stable release of Rome just came out. Time to find out if Ralph Waldo Emerson was right all along when he famously said, “Build a faster linter and the world will beat a path to your door.”