Topic mix

React

21 moments from 16 videos · 1:05:18 total

Optimize your UI architecture using these curated presentation clips focusing on concurrent features, custom hooks, and rendering performance in production React applications.

Building Interactive Async UI with React 19 and Ariakit
Play section Eliminating boilerplate with React 19 server functions
Eliminating boilerplate with React 19 server functions thumbnail

Eliminating boilerplate with React 19 server functions

Handling asynchronous operations smoothly by replacing endpoint fetching layers with server actions triggered via the useTransition hook.

Challenges of building React and React Native apps
Play section Transitioning developers from React web to React Native mobile
Transitioning developers from React web to React Native mobile thumbnail

Transitioning developers from React web to React Native mobile

Similarities in foundational elements like components and state management allow developers to smoothly transition to mobile applications.

Play section Strategies for manually upgrading React Native application versions
Strategies for manually upgrading React Native application versions thumbnail

Strategies for manually upgrading React Native application versions

Safely resolving version conflicts relies on command line interface auto-upgrades or dedicated upgrade helper web tools.

Play section Testing components using community libraries and Jest frameworks
Testing components using community libraries and Jest frameworks thumbnail

Testing components using community libraries and Jest frameworks

Integrating the default test renderer or dedicated testing library modules consistently validates intended user interface behaviors.

Play section Optimizing bundle loading with code splitting and dynamic imports
Optimizing bundle loading with code splitting and dynamic imports thumbnail

Optimizing bundle loading with code splitting and dynamic imports

Techniques like lazy loading, route-based splitting, and inline requires load JavaScript chunks only when specifically requested.

New Browser APIs, End of React Create App, Smuggling Data in Emoji and more with Rowdy Rabouw
Play section Analyzing the deprecation of the Create React App tool
Analyzing the deprecation of the Create React App tool thumbnail

Analyzing the deprecation of the Create React App tool

The shift away from simple React templates pushes beginners toward more complex meta-frameworks like Next.js.

Cross platform Augmented Reality development with React Native
Play section Setting up Viro React using React Native CLI
Setting up Viro React using React Native CLI thumbnail

Setting up Viro React using React Native CLI

Configuring code environments and establishing right-handed coordinate systems for precise 3D geometry placement.

Play section Evaluating cross-platform AR frameworks and mobile tools
Evaluating cross-platform AR frameworks and mobile tools thumbnail

Evaluating cross-platform AR frameworks and mobile tools

Comparing platform-specific constraints against cross-platform frameworks like Unity, Unreal, and Viro React.

The two trees of React
Play section Elevating product decisions through React composition patterns
Elevating product decisions through React composition patterns thumbnail

Elevating product decisions through React composition patterns

Using slots, render props, and callbacks eliminates nested dependencies by elevating stateful decisions to the screen layer.

The Journey of a Pixel in a React Application
Play section Utilizing React lifecycles to reduce redundant rendering
Utilizing React lifecycles to reduce redundant rendering thumbnail

Utilizing React lifecycles to reduce redundant rendering

Executing logical operations during appropriate lifecycle phases and minimizing superficial state mutations prevents unnecessary render cycles.

Building Better Apps with React Native
Play section Constructing basic UI components using React hooks
Constructing basic UI components using React hooks thumbnail

Constructing basic UI components using React hooks

Implementing simple interactive user interfaces with standard functional components and robust state management hooks.

JSX to Live Activity: The Story of Voltra
Play section Rebuilding React hooks via secret internal dispatchers
Rebuilding React hooks via secret internal dispatchers thumbnail

Rebuilding React hooks via secret internal dispatchers

Undocumented internal React dispatchers allow mocked hook executions specifically for static server environments.

State management in a world of hooks
Play section Performance and architectural drawbacks of React context
Performance and architectural drawbacks of React context thumbnail

Performance and architectural drawbacks of React context

Deeply layered context providers couple application state to the component hierarchy while blocking selective render bailouts.

GraphQL + Apollo + Next.js: A Lovely Trio
Play section Integrating backend GraphQL queries into React interfaces with Apollo
Integrating backend GraphQL queries into React interfaces with Apollo thumbnail

Integrating backend GraphQL queries into React interfaces with Apollo

Integrating Apollo Client inside a Next.js provider context to run auto-generated data hooks natively within React components.

Awful APIs: A History Lesson in Industry Mistakes and Mishaps
Play section Server rendered component revival and cyclical software trends
Server rendered component revival and cyclical software trends thumbnail

Server rendered component revival and cyclical software trends

Recognizing how modern frontend architecture is regressing toward sending raw markup natively across network boundaries.

Multiple Apps, Millions of Users: Scaling React Native in Production
Play section Choosing React Native for mobile application growth
Choosing React Native for mobile application growth thumbnail

Choosing React Native for mobile application growth

Team experience and cross-platform capabilities made React Native the ideal choice for rapid initial development.

Hands-on React Native: From Zero to Hero
Play section Defining native applications and the history of React
Defining native applications and the history of React thumbnail

Defining native applications and the history of React

Understanding how React's declarative, component-based approach translates to mobile platforms.

Accessibility in React Application
Play section Preventing invalid DOM hierarchies using React fragments
Preventing invalid DOM hierarchies using React fragments thumbnail

Preventing invalid DOM hierarchies using React fragments

Using React fragments allows developers to group and render sibling elements without introducing invalid wrappers.

The perfect CI/CD React Native pipeline with Fastlane
Play section Origins and architectural capabilities of the React Native framework
Origins and architectural capabilities of the React Native framework thumbnail

Origins and architectural capabilities of the React Native framework

How declarative programming and a single codebase simplify native user interface creation.

Play section Navigating continuous delivery for React Native mobile applications
Navigating continuous delivery for React Native mobile applications thumbnail

Navigating continuous delivery for React Native mobile applications

An overview of automating build and delivery pipelines for modern mobile application ecosystems.

Dos and don'ts with react hooks. An opinionated approach
Play section Introduction to React hooks usage in large codebases
Introduction to React hooks usage in large codebases thumbnail

Introduction to React hooks usage in large codebases

Managing functional components in large open-source codebases highlights common patterns and pitfalls.

Your mix. Instantly.

More mixes