React
24 moments from 18 videos · 1:13:07 total
Optimize your UI architecture using these curated presentation clips focusing on concurrent features, custom hooks, and rendering performance in production React applications.
Eliminating boilerplate with React 19 server functions
Handling asynchronous operations smoothly by replacing endpoint fetching layers with server actions triggered via the useTransition hook.
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.
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.
Testing components using community libraries and Jest frameworks
Integrating the default test renderer or dedicated testing library modules consistently validates intended user interface behaviors.
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.
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.
Setting up Viro React using React Native CLI
Configuring code environments and establishing right-handed coordinate systems for precise 3D geometry placement.
Evaluating cross-platform AR frameworks and mobile tools
Comparing platform-specific constraints against cross-platform frameworks like Unity, Unreal, and Viro React.
Bridging Unity AR Foundation within React Native projects
Embedding compiled Unity libraries into mobile platforms and orchestrating functionality via custom native bridging components.
Elevating product decisions through React composition patterns
Using slots, render props, and callbacks eliminates nested dependencies by elevating stateful decisions to the screen layer.
Building declarative React views without business logic
Pure functional components focus entirely on rendering UI elements and forwarding user events to the view model.
Utilizing React lifecycles to reduce redundant rendering
Executing logical operations during appropriate lifecycle phases and minimizing superficial state mutations prevents unnecessary render cycles.
Constructing basic UI components using React hooks
Implementing simple interactive user interfaces with standard functional components and robust state management hooks.
Architecture and performance optimizations in React Native
How a native layout engine, asynchronous threads, and pre-compiled hermes bytecode enable JavaScript to achieve near-native execution speed.
Rebuilding React hooks via secret internal dispatchers
Undocumented internal React dispatchers allow mocked hook executions specifically for static server environments.
Performance and architectural drawbacks of React context
Deeply layered context providers couple application state to the component hierarchy while blocking selective render bailouts.
Server rendered component revival and cyclical software trends
Recognizing how modern frontend architecture is regressing toward sending raw markup natively across network boundaries.
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.
Preventing invalid DOM hierarchies using React fragments
Using React fragments allows developers to group and render sibling elements without introducing invalid wrappers.
Choosing React Native for mobile application growth
Team experience and cross-platform capabilities made React Native the ideal choice for rapid initial development.
Defining native applications and the history of React
Understanding how React's declarative, component-based approach translates to mobile platforms.
Navigating continuous delivery for React Native mobile applications
An overview of automating build and delivery pipelines for modern mobile application ecosystems.
Introduction to React hooks usage in large codebases
Managing functional components in large open-source codebases highlights common patterns and pitfalls.
Rendering geographical maps with React Map GL
Installing a map dependency and passing boundary coordinates instantiates an interactive map view inside the application layout.
Your mix. Instantly.
More mixes
AI & Machine Learning
AI coding agents
AI & Machine Learning
MCP (Model Context Protocol)
AI & Machine Learning
RAG
Languages & Frameworks
TypeScript
Languages & Frameworks
React
Languages & Frameworks
Java
Cloud, Platform & Data
Platform engineering
Cloud, Platform & Data
Observability
Cloud, Platform & Data
Infrastructure as code
Architecture, Quality & Security
System architecture
Architecture, Quality & Security
Code review
Architecture, Quality & Security
Software supply chain security
Leadership, Career & Community
Engineering strategy
Leadership, Career & Community
Developer experience
Leadership, Career & Community