The first in-person conference in years! It was wonderful 🤩
Beautiful outdoor venue, great talks, wonderful conversations. And a surprising realization how small this industry is. Everyone knows everyone.
At one point I found myself in a conversation between a React core maintainer, the inventor of XState, creator of React Router and Remix, a Chrome engine person, and the dude who built Firefox devtools and founded Replay 😳
The group agreed that animation is hard, React may or may not be working on it, and
useEffect leads to bugs.
My key takeaways from Reactathon are:
- Remix is great
- Serverless at edge is the future
- GDPR does not play with 👆
"I don't know what is Remix, I don't care, and why is everyone telling me to learn this? Where are all the NextJS talks"— Swizec Teller (@Swizec) May 6, 2022
🌶 quote from a #reactathon attendee
You don't have to learn Remix. The ideas it brings to building React apps are cool though. Everyone's excited.
Several talks mentioned Remix as an exciting step into the adjacent possible of React, Serverless, and modern web standards. Like this:
- you write a Remix app
- Remix understands your code
- runs data access functions on the server
- renders the initial view on server
- updates fragments of your page (React components) in the browser as data updates
- renders can mix server-side and client-side on every page as desired to hit the UX you want
All of this happens by magic. Ryan explained it as a lever you can pull between different web vitals metrics like time-to-first-byte and largest-paint.
As David said in his talk – fetch on render is a lie.
You need to fetch while you render. Side-effects go in state transitions, not when you land on the new state in your state machine.
And yes you are building state machines even if you don't realize it. We had lots of debates about how nice it would be if engineers started new projects by drawing out a state machine in their notebook.
No need to use XState or any library at all, but please draw out and enumerate your states before you start banging on your keyboard.
“This looks really complicated but it’s not”— Swizec Teller (@Swizec) May 5, 2022
What @erikras means to say is that visualizing your state machine exposes the complexity you didn’t even know you had
plus he can do live visual coding in @statelyai’s editor 😍#reactathon pic.twitter.com/Xa6W6YgUC1
The nice thing about Remix is that it handles the most typical state machine – data fetching – and bakes it right into the router. And they're backporting a lot of this to React Router 😍
Fuck me Ryan made Remix sounds so cool at @reactathon— Swizec Teller (@Swizec) May 4, 2022
Literally solves all the annoying things I don’t wanna think about
Serverless at edge is all the rage and definitely the future. Lots of platforms are adding this, lots of new ones are making it better.
You combine the power of a CDN with the power of serverless functions. Making your code run as close as possible to the user who's running it 😍
Right now this is used for various flavors of server-side rendering, smart caching, and light personalization. The data portion isn't quite there yet. You get a large latency hit as soon as a database is involved because that remains central.
Companies like Xata and Cloudflare are starting to work on that by offering serverless databases at edge.
Erikras showed an interesting approach – running an XState state machine on the server and persisting its state in the cookie. You get complex stateful logic without slowing down to talk to a central database 😍
This was a side-conversation. What happens to serverless at edge when you have European data in the mix? 🤨
Here's the problem:
- GDPR says all data processing about Europeans has to comply
- storing and serving data is processing
- European data cannot be processed outside the EU
- Serverless at edge tries to process data as close to the consumer as possible
If an American looks at, say, a European user's profile, you cannot process that on a server in America. But that's exactly what automatic global serverless at edge wants to do.
Not a problem at all 😅
I had to watch the video to find this, here's the frame: pic.twitter.com/hO1HqDMcLN— 𝔖 𝔘𝔦𝔩𝔦𝔞𝔫 𝔖 (@uilian) May 6, 2022
I don't know what to do with this information, but the future's exciting. We're going beyond infrastructure as code and towards infrastructure from code.
Self-configuring platforms that look at your code and create the right deployment environment, set up your lambdas, make the queues, figure out your database, ... you write the business logic, platform does the rest 😍
Jeremy Daly in his talk on the history and future of Serverless said: "Swyx was right. Except that future is here. Just very fresh."
PS: the sun is strong
Even if it’s cold, the sun is strong.— Swizec Teller (@Swizec) May 6, 2022
The most important lesson from Reactathon day 2 pic.twitter.com/85rJwK5Lol
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 👇
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. 👌"
Senior Mindset Book
Get promoted, earn a bigger salary, work for top companiesLearn more
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
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
By the way, just in case no one has told you it yet today: I love and appreciate you for who you are ❤️