The React Show

Dan Abramov has an updated Beta React Effects Guide. In this episode we go through and see what the designers of React think about effects and how to correctly use them in React 18 and we take a look at user reactions. Beta React Effects Guide Twitter React Show Support the show

The challenge: forms suck in React today, can we design a better way to work with forms in React? Links Twitter Owl Creek Source Code From Episode Support the show

Support the show

Twitter: @TheReactShow Foundations of High Performance React 30% off with code REACTSHOW on Leanpub What actually is routing in React? In this episode we look at what React routing is, and how it can be used not only for the traditional tasks but for a whole lot more. Support the show

Links Twitter - The React Show YouTube Foundations of High Performance React Support the show

Links Twitter - The React Show Twitter - Thomas Hintz YouTube Resources React 18 Release Post React 18 Upgrade Guide Show Notes Major New Features  Concurrency!  Mostly an implementation detail but powers many of the features. Interruptible renders! Better/smoother UI UX React can abandon and resume renders. Upcoming minor release will include Offscreen component for that allows restoring previous...

Is it possible to build your React app right the first time? Or do you get annoyed with having to re-do things when it turns out we didn’t actually understand what users wanted? Or do you just want to make more money by creating happier users? On this episode we’ll work through methods to save time, effort, and actually build what the user wants. Links Episode Page Twitter Owl Creek Twitter Thomas...

Is React the final answer? Is it possible today to take React’s shortcomings to create something better than React? Links Twitter Owl Creek Twitter Thomas Hintz YouTube Support the show

How does the JavaScript that powers your React app actually get run in the browser? How does React take advantage of the browser execution model? In this episode we talk about what actually happens when your JavaScript source code gets sent to a browser and it executes it going into detail about every step in the pipeline. Support the show

As new technology emerges in your technical stack, it’s important to not only learn them in theory, but to find practical ways to implement the knowledge you’re learning. You could either spend your time making another Todo List or Tic Tac Toe implementation, or dive into a rapidly expanding eCommerce market with the new Shopify Hydrogen Framework, built on upcoming React 18 Features like React Se...

Have you ever gotten burned out? Or do you want to learn how to prevent it from happening in the first place? In this two part series, Brian Wetzel, former CTO of Softgiving, discusses his own experiences with burnout and what we can do on a personal level as well as a engineering and process level to mitigate the chances of burnout. Links Contact Brian: brian@wtzl.software Part 1 Episode Page Twi...

Have you ever gotten burned out? Or do you want to learn how to prevent it from happening in the first place? In this two part series, Brian Wetzel, former CTO of Softgiving, discusses his own experiences with burnout and what we can do on a personal level as well as a engineering and process level to mitigate the chances of burnout. Links Contact Brian: brian@wtzl.software Episode Page Twitter Ow...

In any application, not just Javascript based ones, user input is one of the foundational pieces for user interaction with the application, the server, and with others across the web. In order to capture user input, you need forms. In this episode, we’ll explore the box form support provided by React with the basic HTML form elements like input, textarea and select, as well as libraries that have...

Upcoming in a React release is React Server Components. No, they aren’t just Server-Side Rendering. In fact, they are quite different and quite powerful in their own way. In this episode we learn about React Server Components and discuss how they could be used in applications of the future. Links Episode Page Twitter Owl Creek Twitter Thomas Hintz YouTube Resources https://blog.plasmic.app/posts/h...

In this episode we learn about the primary data structure underlying the React rendering process: React Fibers. With this knowledge we take a look at some of React’s design and how fibers impact development. Links Episode Page Twitter Owl Creek Twitter Thomas Hintz YouTube Resources https://github.com/acdlite/react-fiber-architecture https://blog.logrocket.com/deep-dive-into-react-fiber-internals/...

Stop getting midnight calls because you broke the site on the last deploy: use Cypress for front-end testing! In this episode we talk about how we use the free, open-source testing framework Cypress to save time, catch bugs, and sleep better at night. Links Episode Page Cypress Twitter Owl Creek Twitter Thomas Hintz YouTube Show Notes What is integration testing? What are other types of testing? U...

Join Chris Keen, of Keen Concepts, in learning about being and becoming a React contractor and how to succeed long term. Chris Keen has been a highly successful React consultant for over 7 years, a web contractor for nearly two decades, and is the founder of Keen Concepts. In this episode, we’ll learn from Chris how to become and stay a successful React contractor. Episode Page Links Keen Concepts...

A great way to improve the UX of most React applications is to include a query caching layer. In this episode we talk about why it can be be so important and some techniques to implement it well. Owl Creek React Query SWR (For Next.js) Show Notes Issues Example, data hooks based on another data hook; “location” hook used everywhere Issues with vanilla data fetching hooks Every component/page refet...

As React Developers, we’ve definitely got the front-end under control, but what about the back-end? One of the core components of a successful application is your Database. What is a Database? How do you choose the right one? Where do you host it? We’ll answer all your questions and share some experiences on Where and How to Store Data from your React Application Show Notes Intro New Year’s Chat D...

A lot of us end up wasting a lot of time doing repetitive tasks. But we also worry that learning a new scripting language or keyboard shortcuts will be more work than it’s worth. In this episode we discuss a method you can use to find the right things to optimize. Support the show

We’re always working with components, but do we know when they mount or unmount or even what that actually means? Do we know how effects play into the lifecycle of a component? On this episode, we’re going to take a close look the lifecycle of a React component; what it is made up of and how it interacts with the rest of your program. Links Episode Page Twitter Show Notes Intro Overview Background...

You probably know that software licenses exist, but do you know what implications they can have on your business or project? Did you know not paying attention to them can be extremely costly? In this episode we’ll talk about software licensing, how it can affect your business or project, how you can navigate it, and which license to choose for your project. Links Companion YouTube Video Podcast Pa...

Want to get a job as a React developer? What’s the best way to go about it? In this episode we discuss different paths to becoming a React developer and which one might be the best for you. Links Companion YouTube Video: Easiest Way to get a Software Job Study: Does Stress Impact Technical Interview Performance? Show Notes Overview Thomas Experience CS degree, joke in a different way ran the gaunt...

Hot takes on React, async programming, and other topics in this special episode of the React Show where we join the hosts, Austin & Thomas, on a QA session. Episode page Show Notes Intro Announcements: Discord Overview What is your favorite program you’ve ever worked on or built? What makes it your favorite? What is your dream program to build? Have you ever considered a different career than...

Refactoring can be dangerous, to your program and to your health. In this episode we discuss techniques to enable safe and healthy refactoring methods. Show Notes Story time (Thomas) I used to have delusions of grandeur about my refactoring ability Austin recent project Purpose: to make the code better The challenge, how to do it so that: You don’t break things unintentionally You don’t get mired...