This week we live-stream the 2020 Reactathon – a 3-day React conference – for free on freeCodeCamp's YouTube channel.
Reactathon (also known as the San Francisco React Conference) usually takes place in downtown San Francisco in March. You can probably guess why they postponed it this year. (It starts with P-A-N-D and doesn't eat bamboo.)
The good news is the conference was fully online, and you can watch all the talks right now, safe from the comfort of your own home.
Note that for each conference talk listed below, I've included the introduction segment by conference MCs Anjana Vakil and Jonathan Cutrell. These are no ordinary MCs – they are both icons of the software development field.
Reactathon 2020 Day 1 Talks
Guillermo Rauch talk on Next.js
Day 1 started off with a keynote from Guillermo Rauch, founder of Vercel (formerly Zeit) and co-creator of the popular Next.js full stack development framework.
Swizec Teller talk on Authentication
Next, Swizec Teller showed everyone how to add authentication to any React app in 5 minutes using Auth0.
Alex Krolic talk on Async React Testing
Alex Krolick then showed everyone how to test asynchronous React components using the React Testing Library.
Bryan Manuele talk on Static Analysis in React
Bryan Manuele showed everyone how to use Static Analysis to quantify the health of their React Codebases.
Jana Beck talk on Dimensionality Reduction in React
Jana Beck showcased some advanced Data Science in the browser. She used Web Workers and OffscreenCanvas to perform Dimensionality Reduction in the browser. This way, you can look at multi-dimensional data visually, in a way humans can more easily understand. It was a lot of fun.
Shawn Wang (Swyx) talk on Type-safe Full Stack React
We closed out day 1 with a talk from freeCodeCamp local hero Shawn Wang (Swyx) about type-safe full stack React. That's right – static typing on both the front end and back end.
The benefits of Shawn's approach: better warnings (and thus, better developer experience) and fewer errors.
He even live-coded a TypeScript + React + GraphQL app live to showcase this approach. Live coding. What can go wrong? A lot, but Shawn is a pro. He's always a blast to watch in action.
Reactathon 2020 Day 2 Talks
Kent C. Dodds talk on React Application State Management
Kent C. Dodds kicked off Day 2 with a keynote about React Application State Management. He showed how to organize your app to avoid maintenance headaches down the road.
Kent also gave some tips for how to increase performance just by being more thoughtful in how you categorize your app.
Tejas Kumar talk on React as a Component Abstraction Layer
Next, Tejas Kumar took a look at how developers use React as a sort of Component Abstraction Layer. He gave everyone a peek under the hood and see what exactly makes React React.
Daria Caraway talk on writing highly readable React Component APIs in Typescript
Then Daria Caraway shared tips for writing highly readable – or "considerate" as she likes to call it – React component APIs using TypeScript.
Quincy Larson interview (oh hey, that's me, the author of this article)
At this point, Anjana and Jonathan interviewed me for about 10 minutes about freeCodeCamp, its history, and our big goals for 2021.
Naomi Meyer talk on Internationalization in React
Naomi Meyer will share best practices in the related fields of internationalization (I18N), localization (L10N), and Globalization (G11N). She'll share some related React tooling recommendations.
David Khourshid talk on Model-Driven Development
David Khourshid will introduce you to Model-Driven Development and "how state machines and statecharts can be used to model even the most complex logic and automatically visualize, generate tests, produce documentation, and more."
Reactathon 2020 Day 3 Talks
Becca Bailey talk on React Codebase Refactoring Tips
Becca Bailey will start off the day right with what I nominate as the best talk title of the conference: "Konmari Your Code: Finding Joy in Refactoring."
She'll share tips for simplifying your React codebase, stress-free refactoring, and more.
Lee Robinson talk on Client-side VS Server-side Rendering
Lee Robinson will explore data fetching with the React-powered Next.js framework. He'll talk about Client-side Rendering VS Server-side Rendering, and other important web development concepts.
Brian Leroux talk on Deno
Brian will demonstrate some of the key differences between Deno and Node by deploying his own serverless backend using AWS Lambda.
Cassidy Williams talk on Sci-Fi Inspired User Interfaces
Cassidy Williams will talk about Sci-Fi inspired user interfaces. If you're familiar with Cassidy and her developer-themed Tik-Tok videos, you already know you're in for a treat.
Live Taping of the Syntax.fm Podcast with Wes Bos and Scott Tolinsky
And finally, Day 3 ended with a live recording of the Syntax.fm podcast. Hosts Wes Bos and Scott Tolinsky shared some coding insights, jokes, and as always, some "tasty treats."
Like the other Syntax.fm live tapings I've seen, it was a blast, with lots of audience participation.