React 18 is coming soon. I hope 🤞
React 18 is the one with Suspense. The major refactor that enables transparent asynchronous rendering.
Yes that means you can load data without async functions and draw large animations that skip frames without UI blocking.
I showed off what that means with 2 demos at a React Dinners talk during the summer. It was lots of fun. Everyone went "Wow shiny" at suspense-for-cpu and "Omg gimme now I need this!" at suspense-for-fetch. Solves a huge pain in the ass.
The suspense-for-cpu portion is based on A better React 18 startTransition demo where I use a fractal as the worst case scenario for React rendering. Works without custom performance tricks ✌️
The suspense-for-fetch portion is based on React 18 and the future of async data
It just hit me that idiomatic <Suspense> for data fetching means there's no async, await, or promise anywhere. Shit just works 🤯
— Swizec Teller (@Swizec) July 22, 2021
this is huge
You can try startTransition with React alpha versions right now, fetch is under the experimental flag. Coming in 18.x
Can't wait
So I was giving a talk about React 18 last night (video soon) and something interesting happened
— Swizec Teller (@Swizec) July 29, 2021
The Suspense-for-cpu demo got all the oohs and aahs
But Suspense-for-fetch got all the "OMG can't wait to try this 😍"
Solve A Painful Problem really does beat shiny demos 🤔
Cheers,
~Swizec
Continue reading about Why I'm excited about React 18 – talk
Semantically similar articles hand-picked by GPT-4
- Trying out React 18 Alpha
- React 18 and the future of async data
- A better React 18 startTransition demo
- Async React with NextJS 13
- Experimenting with the new React Concurrent mode
Learned something new?
Read more Software Engineering Lessons from Production
I write articles with real insight into the career and skills of a modern software engineer. "Raw and honest from the heart!" as one reader described them. Fueled by lessons learned over 20 years of building production code for side-projects, small businesses, and hyper growth startups. Both successful and not.
Subscribe below 👇
Software Engineering Lessons from Production
Join Swizec's Newsletter and get insightful emails 💌 on mindsets, tactics, and technical skills for your career. Real lessons from building production software. No bullshit.
"Man, love your simple writing! Yours is the only newsletter I open and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me. Inspiring! And very relatable. 👌"
Have a burning question that you think I can answer? Hit me up on twitter and I'll do my best.
Who am I and who do I help? I'm Swizec Teller and I turn coders into engineers with "Raw and honest from the heart!" writing. No bullshit. Real insights into the career and skills of a modern software engineer.
Want to become a true senior engineer? Take ownership, have autonomy, and be a force multiplier on your team. The Senior Engineer Mindset ebook can help 👉 swizec.com/senior-mindset. These are the shifts in mindset that unlocked my career.
Curious about Serverless and the modern backend? Check out Serverless Handbook, for frontend engineers 👉 ServerlessHandbook.dev
Want to Stop copy pasting D3 examples and create data visualizations of your own? Learn how to build scalable dataviz React components your whole team can understand with React for Data Visualization
Want to get my best emails on JavaScript, React, Serverless, Fullstack Web, or Indie Hacking? Check out swizec.com/collections
Did someone amazing share this letter with you? Wonderful! You can sign up for my weekly letters for software engineers on their path to greatness, here: swizec.com/blog
Want to brush up on your modern JavaScript syntax? Check out my interactive cheatsheet: es6cheatsheet.com
By the way, just in case no one has told you it yet today: I love and appreciate you for who you are ❤️