Simplifying State Management in React Native Master State Management from Hooks and Context Through to Redux, MobX, XState, Jotai and React Query
Make fact-based decisions by comparing different solutions and learning popular ways to manage state in React Native with clear guidelines and recommendations by a React Native expert Key Features Explore the big picture of state management in React Native using the most simplified version Implement...
| Autor principal: | |
|---|---|
| Formato: | Libro electrónico |
| Idioma: | Inglés |
| Publicado: |
Birmingham :
Packt Publishing, Limited
2023.
|
| Edición: | 1st ed |
| Materias: | |
| Ver en Biblioteca Universitat Ramon Llull: | https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009712939906719 |
Tabla de Contenidos:
- Cover
- Title Page
- Copyright and Credits
- Contributors
- Table of Contents
- Preface
- Part 1 - Learn the Basics: Intro to React, States, Props, Hooks, and Context
- Chapter 1: What are React and React Native?
- Understanding the history of ReactJS
- The predecessors
- And then there was React
- Thinking in React (the React mindset)
- Understanding cross-platform software development
- Going over the history of React Native
- Reviewing examples of popular apps using React Native
- Summary
- Chapter 2: Managing State in a Simple React App
- Technical requirements
- What is state and how is it different from props?
- What are stateful and stateless components?
- What are hooks and why use them?
- Which hooks should you know?
- Setting up the example app
- Environment setup
- App structure
- Summary
- Further reading
- Part 2 - Creating a Real, Working App
- Chapter 3: Planning and Setting Up the Funbook App
- Technical requirements
- Planning the needed surfaces and components
- Planning data flows in the app
- Getting comfortable previewing and debugging the app
- Summary
- Further reading
- Chapter 4: Styling and Populating the Funbook App
- Technical requirements
- Creating and styling components
- Pulling in data for the app
- Summary
- Further reading
- Part 3 - Exploring Various Libraries for State Management in React Native
- Chapter 5: Implementing Redux in Our Funbook App
- Technical requirements
- What is Redux? A brief history
- Installing and configuring Redux
- Dispatching actions
- Adding Redux functionalities to the app
- User login state walkthrough
- Using Redux for liked images
- Combining various pieces of global state
- Taking advantage of Redux Toolkit for creating actions
- Fetching data
- Replacing the context
- Debugging
- Summary
- Further reading.
- Chapter 6: Using MobX as a State Manager in a React Native App
- Technical requirements
- Going over MobX concepts
- Configuring MobX in the Funbook app
- Using MobX for FavoritedImages
- Creating the store
- Fetching data
- Adding actions
- Deriving data from state
- Summary
- Further reading
- Chapter 7: Untangling Complex Flows in React Native Apps with XState
- Technical requirements
- What are finite state machines?
- What is XState - high-level concepts
- Configuring XState in the Funbook app
- Using XState for the FavoritedImages surface
- Configuring context and components
- Fetching image data
- Managing the image in the image modal
- Liking images
- Summary
- Further reading
- Chapter 8: Integrating Jotai in a React Native App
- Technical requirements
- What is Recoil and an atomic state?
- What is Jotai?
- Configuring Jotai in the Funbook app
- Using Jotai for ListOfFavoritedImages
- Fetching data with Jotai
- Reading and writing atoms
- Adding read-write functionality to the imageListAtom
- Implementing the Like button
- Summary
- Further reading
- Chapter 9: Using React Query for Server-Side-Driven State Management
- Technical requirements
- What is React Query and why is it in this book?
- Installing and configuring React Query
- Using React Query for data fetching
- Fetching image data
- Other React Query Functionalities
- React Query utilities for React Native
- Summary
- Further reading
- Part 4 - Summary
- Chapter 10: Appendix
- Index
- Other Books You May Enjoy.
