How to use Pullstate global state management in Ionic React

Managing state in React can be painful, sometimes daunting - When using the Ionic framework with React, the same principles apply to use global state management libraries and tools.

There are many different global state management tools out there for React like Redux, MobX, React Context API and also Pullstate.

In this tutorial, I show you how to implement the Pullstate global state management package into your Ionic React mobile application. In the video we create a list of people with the ability to follow a person, updating the state and selecting subsets of the data in state to reflect a new UI on a new page.

#############################
💙 UI Examples with Code and Live Demos
https://ionicreacthub.com

🔗 Tutorial code
https://github.com/alanmontgomery/ion...

🔗 Pullstate global state management
https://lostpebble.github.io/pullstate

🔗 Reselect for better selectors
https://www.npmjs.com/package/reselect

🎉 Reach out to me
  / 93alan  

💙 UI Examples with Code and Live Demos
https://ionicreacthub.com
#############################

00:00 Introduction
00:40 What is Global State?
02:50 Pullstate Docs
05:37 Code Example
08:21 Store Folder Structure
09:48 Creating a Store
12:06 Setting up Selectors
14:30 Retrieving Store State
16:26 useStoreState Hook
18:34 Subset Selector
20:13 Updating Store State
26:50 Retrieving Subset of State
29:49 Outro

#ionic #capacitor #webnative #swiperjs #react #reactjs #ionicreact