The React Show

What is it like to port a React Native app to React for Web? In this episode we join Thomas on a journey to do just that. Along the way we discuss how testing and useEffect are possibly the worst parts about React and how you can use them in the best ways.

2022 was a big year for React! We round-up the major developments in this recap and take a look at the ground-breaking changes that are laying the foundation for the future of React: server components.

Show Notes

• TanStack Query v4: https://tanstack.com/query/v4
• TanStack Router: https://tanstack.com/router/v1
• NextJS 13: https://nextjs.org/blog/next-13
• Remix: https://remix.run/
• Shopify Hydrogen: https://hydrogen.shopify.dev/
• Gatsby 5: https://www.gatsbyjs.com/blog/gatsby-5/
• Cypress 10: https://www.browserstack.com/guide/cypress-10-features
• React 18: https://reactjs.org/blog/2022/03/29/react-v18.html

React news Roundup For December 2022: fun with ChatGPT, new SRW release, WASP React app builder DSL release, Multi-factor auth for CI, React Bricks visual CMS, and Flash in 2022!

Links

• https://swr.vercel.app/blog/swr-v2
• https://wasp-lang.dev/blog/2022/11/29/wasp-beta
• https://github.com/step-security/wait-for-secrets
• https://vercel.com/blog/edge-config-ultra-low-latency-data-at-the-edge
• https://reactbricks.com
• https://foon.uk/how-flash-2022/

Have you ever wondered how React works internally? Or what happens when React “renders”? I did and embarked on a journey to build my own version of React and dive deep into the source code of React itself to better understand exactly what happens “under the covers”. This is my story of that journey.

Links

• My Book - Foundations of High Performance React
• thereactshow.com
• Rodrigo Pombo’s “Build Your Own React”
• React Reconciler Docs

Is Typescript really that important? Should you use it? Do I use it? Also, I recently got back into Svelte and share my thoughts on the experience and how it compares to React.

Links

• Edited by: The Podcast Editor
• thereactshow.com
• Svelte

How do you “think in React”? If you can think in React you’ll be able to build React applications quicker, easier, and in a more robust manner. But where does one start? What is the best method for building React components and applications in a manner that fits well with the design of React?

Links

• Edited by: The Podcast Editor
• thereactshow.com
• Thinking in React

It's time to do a design analysis of cryptocurrencies and the technology they are built upon: blockchains. What are the design characteristics of cryptocurrencies and what problems are they good at solving? Are they good for currencies? How decentralized are they?

LInks

• Edited by: The Podcast Editor
• thereactshow.com

Are you new to React or even new to programming in general but want to learn React? This is our concise-ish, opinionated guide to learning React. Between JavaScript, React, bundlers, JSX, code editors, npm or yarn, and more it can be extremely confusing when you first are trying to get started. The goal with this episode is to guide you through the path so you can learn React in the most efficient, pleasant, and fun way possible!

https://www.thereactshow.com/podcast/concise-ish-beginners-guide-to-learning-react

Links

• Edited by: The Podcast Editor
• Official React Site with Link to Docs
• Beta React Docs
• vscode - popular React code editor
• Nextjs
• NPM and NPM JS library searching
• eslint
• chakra-ui component library
• MUI - Material UI - component library
• cypress - testing
• cypress-react-selector - react plugin to make testing easier
• Book - Foundations of High-Performance React

If you or the previous programmer doesn't document what the code is intended to do it’s bad code and it won’t be maintainable in the long term. High quality, maintainable code must include high quality code comments. In this episode we look at why that is and how to do it. We also investigate if you can store React state outside of hooks or React classes.

Links

• Edited by: The Podcast Editor
• “Moving From React to htmx” a talk by David Guillot at DjangoCon 2022 conference
• Literate Programming

Are you more often correct than your boss? And what does that matter? Also, we have some fun experimenting with the performance of React compared to vanilla JavaScript and discuss why it does or does not matter.