WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Jun 17, 2020

State management in a world of hooks

Adam Klein

Tired of deeply nested React context providers and unnecessary re-renders? Discover how the Reusable library natively elevates standard hooks into high-performance, shared global state.

Pause
Mute Enter Fullscreen
#1 about 3 min

The challenge of managing local versus global state

Switching mental paradigms between local component hooks and external shared stores complicates state management.

#2 about 2 min

Applying global state patterns to local components

Unifying state approaches by using global patterns locally sacrifices the innate benefits of native hooks.

#3 about 4 min

How structural traits of hooks enable code modularity

Hook code's flat and keyless architecture allows developers to seamlessly extract and reuse functional logic.

#4 about 3 min

Leveraging React context for shared state management

Using context providers enables propagating native component state across the rendering tree without third-party tools.

#5 about 5 min

Performance and architectural drawbacks of React context

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

#6 about 4 min

Designing an ideal hook-based state management API

Prototyping custom hook implementations demonstrates the necessity of retaining native React developer tool compatibility.

#7 about 3 min

Core architecture of the reusable state management library

Hosting custom hooks in invisible components creates singleton stores that broadcast direct updates to subscribing components.

#8 about 5 min

Migrating local component state to a reusable store

Wrapping isolated hook logic within a global store seamlessly converts local component state into shared applications state.

#9 about 3 min

Implementing selectors and cross-store subscriptions for state optimization

Using selectors prevents excessive component re-renders while enabling direct value sharing between independent state stores.

#10 about 1 min

Choosing sustainable technology solutions over passing trends

Technical decisions should focus on team workflows and maintainable architectures instead of adopting the latest industry hype.

Matching moments

2:22 min

Implementing global state natively using the Context API

Marc Brehmer Marc Brehmer · WWC 2024

1:22 min

Advantages of utilizing native React state management tools

Marc Brehmer Marc Brehmer · WWC 2024

2:12 min

Introduction to React hooks usage in large codebases

Daniel Espino Garcia Daniel Espino Garcia · WWC 2024

44 sec

Constructing basic UI components using React hooks

Marc Rousavy Marc Rousavy · WWC 2025

2:05 min

Sharing reusable component logic with custom React hooks

Daniel Espino Garcia Daniel Espino Garcia · WWC 2024

4:38 min

Introduction to react components, props, and state

Clemens Helm · WWC 2023

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Paweł Matynia, Bartosz Leczycki

Paweł Matynia
Bartosz Leczycki
Open session

World Congress 2026 North America

Offloading IoT State: Solving the Memory Crisis on Legacy Hardware

Pravin Nagare

Senior Software Engineer, Roku

Pravin Nagare
Open session

World Congress 2026 North America

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris
Open session

World Congress 2026 North America

Headroom: A Context Optimization Layer for LLM Applications

Tejas Chopra

Senior Software Engineer at Netflix

Tejas Chopra
Open session

World Congress 2026 North America

MicroAgents: The Microservices of the Agentic Era

Ashish Shubham

Runs the show bussiness at ThoughtSpot

Ashish Shubham

Related videos

Rethinking React State Management: The Power of Built-In Solutions thumbnail
23:39
WWC 2024 • almost 2 years ago

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

Marc Brehmer

Dos and don'ts with react hooks. An opinionated approach thumbnail
20:16
WWC 2024 • almost 2 years ago

Dos and don'ts with react hooks. An opinionated approach

Daniel Espino Garcia

Bringing back reactivity in "reactive" frontend thumbnail
28:43
WWC 2024 • almost 2 years ago

Bringing back reactivity in "reactive" frontend

Michał Moroz

Client-Side State Management Reimagined – Think Outside the Box thumbnail
29:54
WWC 2025 • 12 months ago

Client-Side State Management Reimagined – Think Outside the Box

Michael Egger-Zikes

Building Interactive Async UI with React 19 and Ariakit thumbnail
25:22
WWC 2025 • 12 months ago

Building Interactive Async UI with React 19 and Ariakit

Aurora Scharff

Challenges of building React and React Native apps thumbnail
24:10
WWC 2022 • about 4 years ago

Challenges of building React and React Native apps

Milica Aleksic, Stefan Nikolic

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.