This is the code repository for Simplifying State Management in React Native, published by Packt.
Master state management from hooks and context through to Redux, MobX, XState, Jotai and React Query
Managing state in a React Native app can be challenging as it is one of the most difficult concepts to grasp while learning React Native. This is because there are so many ways to do it, and because there is a lack of clear guidelines on what should be used and why.
This book covers the following exciting features:
- Start out by going over the basic ReactJS “mindset”
- Explore all that ReactJS has to offer to manage state in apps by building an app
- Understand existing state management libraries such as Redux, MobX, XState, Jotai, and React Query
- Decide which libraries you want to use in your apps
- Design a social media app to fully understand state management
- Try out all the solutions presented in the book in a social media clone app
If you feel this book is for you, get your copy today!
All of the code is organized into folders. For example, Chapter02.
The code will look like the following:
class Welcome extends React.Component {
constructor(props) {
super(props);
this.state = {name: "World"}
};
render() {
return <Text>Hello, {this.state.name}</Text>;
}
}
Following is what you need for this book: This book is for junior developers, React Native developers, and mobile app developers who are already using React Native, but are also on the lookout for advice and for a broader view to manage the state and changes in their applications. Basic knowledge of ReactJS and React Native, as well as familiarity with JavaScript and general mobile app development concepts are needed to grasp the topics covered in this book.
We also provide a PDF file that has color images of the screenshots/diagrams used in this book. Click here to download it.
With the following software and hardware list you can run all code files present in the book (Chapter 1-10).
| Chapter | Software/Hardware required | OS required |
|---|---|---|
| 1-10 | Expo 44 | Windows Mac OS X and Linux |
| 1-10 | JavaScript (ECMAScript 2020) | Windows Mac OS X and Linux |
| 1-10 | ReactJS v18 and up | Windows Mac OS X and Linux |
| 1-10 | React Native | Windows Mac OS X and Linux |
| 1-10 | Node v14 and up | Windows Mac OS X and Linux |
This is an example app built for the Simplifying State Management in React Native book.
This app is built with Expo
Start by running yarn in the main directory.
Choose which version of the app you would like to run (for example chapter-3, chapter-4 or example-app-full). Go into the necessary folder and run yarn start. Choose how you would like to preview your app by running it in the simulator or on your device.
This app uses a free design kit: https://www.pixeltrue.com/free-ui-kits/social-media-app ❤️ 🔥
Aleksandra Desmurs-Linczewska is a web and software developer with experience reaching as far as Flash and websites laid out with tables. Aleks has seen her fair share of diverse code bases, bugs, and Jira tickets. She studied French literature, but after graduating, she decided to opt for a career in IT, which has always interested her. She started out creating websites for friends and family. Soon, she landed her first paying job at a software house in Sopot, Poland. A few years later, she learned about React Native and started writing her first app back in 2018. She’s been working on both React JS and React Native since then.