> Markdown version of [/playlists/react](https://www.wearedevelopers.com/playlists/react). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Playlist: React 16 videos · 21 moments · 65.3 minutes ## Building Interactive Async UI with React 19 and Ariakit - **Eliminating boilerplate with React 19 server functions** (14:05, 3min) — Handling asynchronous operations smoothly by replacing endpoint fetching layers with server actions triggered via the useTransition hook. [Learn more](https://www.wearedevelopers.com/videos/1589-building-interactive-async-ui-with-react-19-and-ariakit) ## Challenges of building React and React Native apps - **Transitioning developers from React web to React Native mobile** (00:05, 2min) — Similarities in foundational elements like components and state management allow developers to smoothly transition to mobile applications. - **Strategies for manually upgrading React Native application versions** (17:10, 1min) — Safely resolving version conflicts relies on command line interface auto-upgrades or dedicated upgrade helper web tools. - **Testing components using community libraries and Jest frameworks** (20:04, 0min) — Integrating the default test renderer or dedicated testing library modules consistently validates intended user interface behaviors. - **Optimizing bundle loading with code splitting and dynamic imports** (10:08, 2min) — Techniques like lazy loading, route-based splitting, and inline requires load JavaScript chunks only when specifically requested. [Learn more](https://www.wearedevelopers.com/videos/448-challenges-of-building-react-and-react-native-apps) ## New Browser APIs, End of React Create App, Smuggling Data in Emoji and more with Rowdy Rabouw - **Analyzing the deprecation of the Create React App tool** (24:45, 8min) — The shift away from simple React templates pushes beginners toward more complex meta-frameworks like Next.js. [Learn more](https://www.wearedevelopers.com/videos/1299-new-browser-apis-end-of-react-create-app-smuggling-data-in-emoji-and-more-with-rowdy-rabouw) ## Cross platform Augmented Reality development with React Native - **Setting up Viro React using React Native CLI** (15:23, 6min) — Configuring code environments and establishing right-handed coordinate systems for precise 3D geometry placement. - **Evaluating cross-platform AR frameworks and mobile tools** (09:24, 2min) — Comparing platform-specific constraints against cross-platform frameworks like Unity, Unreal, and Viro React. [Learn more](https://www.wearedevelopers.com/videos/160-cross-platform-augmented-reality-development-with-react-native) ## The two trees of React - **Elevating product decisions through React composition patterns** (07:38, 2min) — Using slots, render props, and callbacks eliminates nested dependencies by elevating stateful decisions to the screen layer. [Learn more](https://www.wearedevelopers.com/videos/100180-the-two-trees-of-react) ## The Journey of a Pixel in a React Application - **Utilizing React lifecycles to reduce redundant rendering** (18:30, 1min) — Executing logical operations during appropriate lifecycle phases and minimizing superficial state mutations prevents unnecessary render cycles. [Learn more](https://www.wearedevelopers.com/videos/1667-the-journey-of-a-pixel-in-a-react-application) ## Building Better Apps with React Native - **Constructing basic UI components using React hooks** (06:32, 0min) — Implementing simple interactive user interfaces with standard functional components and robust state management hooks. [Learn more](https://www.wearedevelopers.com/videos/1466-building-better-apps-with-react-native) ## JSX to Live Activity: The Story of Voltra - **Rebuilding React hooks via secret internal dispatchers** (23:07, 3min) — Undocumented internal React dispatchers allow mocked hook executions specifically for static server environments. [Learn more](https://www.wearedevelopers.com/videos/100118-jsx-to-live-activity-the-story-of-voltra) ## State management in a world of hooks - **Performance and architectural drawbacks of React context** (09:50, 4min) — Deeply layered context providers couple application state to the component hierarchy while blocking selective render bailouts. [Learn more](https://www.wearedevelopers.com/videos/13-state-management-in-a-world-of-hooks) ## GraphQL + Apollo + Next.js: A Lovely Trio - **Integrating backend GraphQL queries into React interfaces with Apollo** (31:09, 3min) — Integrating Apollo Client inside a Next.js provider context to run auto-generated data hooks natively within React components. [Learn more](https://www.wearedevelopers.com/videos/311-graphql-apollo-next-js-a-lovely-trio) ## Awful APIs: A History Lesson in Industry Mistakes and Mishaps - **Server rendered component revival and cyclical software trends** (25:49, 3min) — Recognizing how modern frontend architecture is regressing toward sending raw markup natively across network boundaries. [Learn more](https://www.wearedevelopers.com/videos/759-awful-apis-a-history-lesson-in-industry-mistakes-and-mishaps) ## Multiple Apps, Millions of Users: Scaling React Native in Production - **Choosing React Native for mobile application growth** (03:02, 1min) — Team experience and cross-platform capabilities made React Native the ideal choice for rapid initial development. [Learn more](https://www.wearedevelopers.com/videos/100313-multiple-apps-millions-of-users-scaling-react-native-in-production) ## Hands-on React Native: From Zero to Hero - **Defining native applications and the history of React** (02:52, 6min) — Understanding how React's declarative, component-based approach translates to mobile platforms. [Learn more](https://www.wearedevelopers.com/videos/277-hands-on-react-native-from-zero-to-hero) ## Accessibility in React Application - **Preventing invalid DOM hierarchies using React fragments** (12:26, 1min) — Using React fragments allows developers to group and render sibling elements without introducing invalid wrappers. [Learn more](https://www.wearedevelopers.com/videos/1239-accessibility-in-react-application) ## The perfect CI/CD React Native pipeline with Fastlane - **Origins and architectural capabilities of the React Native framework** (03:43, 2min) — How declarative programming and a single codebase simplify native user interface creation. - **Navigating continuous delivery for React Native mobile applications** (00:04, 3min) — An overview of automating build and delivery pipelines for modern mobile application ecosystems. [Learn more](https://www.wearedevelopers.com/videos/556-the-perfect-ci-cd-react-native-pipeline-with-fastlane) ## Dos and don'ts with react hooks. An opinionated approach - **Introduction to React hooks usage in large codebases** (00:02, 2min) — Managing functional components in large open-source codebases highlights common patterns and pitfalls. [Learn more](https://www.wearedevelopers.com/videos/957-dos-and-don-ts-with-react-hooks-an-opinionated-approach)