#Npm reduxjs toolkit install#
#Npm reduxjs toolkit code#

We need to install the packages for redux, react-redux and the toolkig in your production dependencies and additionally the react-redux types (which are missing from the react-redux package) for development.Įnter fullscreen mode Exit fullscreen mode

#Npm reduxjs toolkit code#

You still write the same logic, you still write the same code more or less but you do write substantially less of it and the files are more compact and way easier to read. 'Present-day me' gave the toolset another go, made some prototypes with it, used it on a larger project and now has a sensible chuckle when thinking of 'past me' vehemently NOT wanting to use it. I couldn't argue against the boilerplate argument there but then again it's not that bad and you do not spend THAT much time writing redux code in my experience. I used to prefer the hands-on way to do it as Redux is not scary and definitely not complicated, once you understood the basic priciples. In the past, I had decided to not work with Redux Toolkit. Please keep in mind that not every project NEEDS Redux but many CAN profit from using it. I know that there's currently a great hype to remove Redux and other dependencies from all projects by completely replacing them with React Hooks but I'm still a firm believer in the ideas behind Redux and especially with the newest version of React Navigation (5.x at the time of writing), they improved the integration of Redux in the Navigator and we'll make good use of that in later sessions when we add React Navigation into the mix.

If you need a small refresher on Redux, I've got just the article for you! As we continue with the setup from our last session, we are still working with Expo to manage our React Native Build and bundling. To get started, I’m assuming that you have basic knowledge of React Native and Redux.

Today we will add React Redux to the mix, a predictable state container that will allow us to manage global state in one centralised place.Īs always, you will find the finished code linked on GitHub at the end of the article. In our last session, we've set up a new and clean React Native Project with Typescript and Linting Support.