State management is crucial for application functionality and user experience because it ensures data consistency and improves performance.
Using the useState hook for local component state can lead to prop drilling, where state is passed down through many layers of components.
External libraries like Recoil offer a global state solution using atoms and selectors to avoid prop drilling and manage shared state.
React's built-in Context API provides a way to create a global state without external dependencies, avoiding prop drilling.
Both the Context API and Recoil can introduce performance issues, complexity like 'context hell', and the risk of overusing global state.
State transformers are pure functions that encapsulate state modification logic, making updates more maintainable, testable, and reusable.
A practical example shows how to manage user authentication by combining the Context API for global access, useReducer for predictable updates, and state transformers for logic.
Using React's native tools for state management reduces dependencies, improves performance with a smaller bundle size, and offers flexibility.
Sensory-Minds GmbH
Offenbach am Main, Germany
Hubert Burda Media
München, Germany
28:10Adam Klein
20:16Daniel Espino Garcia
28:43Michał Moroz
24:10Milica Aleksic & Stefan Nikolic
30:40André Kovac
23:09Marc Rousavy
49:32Keith Cirkle
27:01Shem Magnezi
Jobs that call for the skills explored in this talk.
Prominds Business Consulting Inc
New York, United States of America
RAYOMIND SOFTWARE SOLUTIONS LLC
Tampa, United States of America
Comresource, Inc.
Columbus, United States of America
Comresource, Inc.
Columbus, United States of America
Cloudspace LLC
Denver, United States of America
Cloudspace LLC
Phoenix, United States of America
ThoughtStorm LLC
Miami, United States of America