World Congress 2024 • Aug 20, 2024 • Session details

Rethinking React State Management: The Power of Built-In Solutions

Marc Brehmer

Are heavy state management libraries adding unnecessary bloat to your React apps? Discover how to engineer robust, native global state using just the Context API and useReducer.

Pause
Mute Enter Fullscreen
#1 about 5 min

Understanding the role and benefits of state management

An overview of application state and its impact on user experience, data consistency, and performance.

#2 about 3 min

Handling local state and the problem of prop drilling

How passing local state down multiple component layers creates messy code and limits maintainability.

#3 about 4 min

Managing global state with external libraries like Recoil

Using external libraries to distribute application state across components without explicit prop drilling.

#4 about 3 min

Implementing global state natively using the Context API

Creating a custom global state management solution using React's built-in context hooks.

#5 about 3 min

Common pitfalls of context and global state libraries

The performance and maintenance challenges that arise from nested contexts and distributed state architectures.

#6 about 3 min

Controlling complex state updates using pure state transformers

Encapsulating state modification logic into standalone pure functions for predictable behavior and simple testing.

#7 about 5 min

Combining native tools for user authentication state management

Constructing an application-wide authorization state by weaving contexts, reducers, and state transformers together.

#8 about 2 min

Advantages of utilizing native React state management tools

How adopting built-in hooks reduces application bundle size and prevents future dependency conflicts.

Matching moments

2:07 min

Leveraging React context for shared state management

Adam Klein · LIVE

3:48 min

Designing an ideal hook-based state management API

Adam Klein · LIVE

4:38 min

Introduction to react components, props, and state

Clemens Helm · World Congress 2023

4:02 min

Performance and architectural drawbacks of React context

Adam Klein · LIVE

44 sec

Constructing basic UI components using React hooks

Marc Rousavy Marc Rousavy · World Congress 2025

2:17 min

Introduction to modern client-side state management concepts

Michael Egger-Zikes Michael Egger-Zikes · World Congress 2025

Upcoming sessions on this topic

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

Multi-Cloud Isn't a Project. It's a Side Effect.

  • Antonio Mendoza Pérez

    Temporal Technologies

    Staff Developer Success Engineer

  • Gaurav Thadani

    Temporal

    Staff Developer Success Engineer

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

Beyond File Dumps: Context Engineering for Coding Agents

  • Animesh Dutta

    Arm

    Senior Software Engineer

Open session

Supply Chain Security for the Everyday Engineer

  • Pradumna Saraf

    Kestra Technologies

    Quality Assurance Engineer