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.Show NotesPatreonMy Book - Foundations of High Performance Reactthereactshow.comSupport the show

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 NotesPatreonMy Book - Foundations of High Performance React - 30% of through Jan 1st - code: HOLIDAY30thereactshow.comTanStack Query v4: https://tanstack.com/query/v4TanStack Router: https://tanstack.com/router/v1NextJS 13: https://nextjs.org/blog/next-13Remix: 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-featuresReact 18: https://reactjs.org/blog/2022/03/29/react-v18.htmlSupport the show

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!LinksPatreonMy Book - Foundations of High Performance Reactthereactshow.comhttps://swr.vercel.app/blog/swr-v2https://wasp-lang.dev/blog/2022/11/29/wasp-betahttps://github.com/step-security/wait-for-secretshttps://vercel.com/blog/edge-config-ultra-low-latency-data-at-the-edgehttps://reactbricks.comhttps://foon.uk/how-flash-2022/Support the show

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.LinksPatreonMy Book - Foundations of High Performance Reactthereactshow.comRodrigo Pombo’s “Build Your Own React”React Reconciler DocsSupport the show

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.LinksPatreonMy Book - Foundations of High Performance ReactEdited by: The Podcast Editorthereactshow.comSvelteSupport the show

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?LinksPatreonMy Book - Foundations of High Performance ReactEdited by: The Podcast Editorthereactshow.comThinking in ReactSupport the show

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?LInksPatreonMy Book - Foundations of High Performance ReactEdited by: The Podcast Editorthereactshow.comSupport the show

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-reactLinksTwitter - The React ShowEdited by: The Podcast Editorthereactshow.comPatreonOfficial React Site with Link to DocsBeta React Docsvscode - popular React code editorNextjsNPM and NPM JS library searchingeslintchakra-ui component libraryMUI - Material UI - component librarycypress - testingcypress-react-selector - react plugin to make testing easierBook - Foundations of High-Performance ReactSupport the show

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.LinksTwitter - The React ShowEdited by: The Podcast Editorthereactshow.comPatreon“Moving From React to htmx” a talk by David Guillot at DjangoCon 2022 conferenceLiterate ProgrammingSupport the show

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.Support the show