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.
28:10Adam Klein
20:16Daniel Espino Garcia
28:43Michał Moroz
30:40André Kovac
24:10Milica Aleksic & Stefan Nikolic
23:09Marc Rousavy
49:32Keith Cirkle
27:01Shem Magnezi
Jobs that call for the skills explored in this talk.
Nia Health GmbH
Berlin, Germany
Schulz.codes GmbH
Darmstadt, Germany
BSB Bremer Software & Beratungs GmbH
Bremen, Germany
Optimi Solutions GmbH