Switching from Redux to Recoil in React Native
Recoil is a new hook-based option in the React state management space. If you think Redux is a bit too complicated, Recoil might be the perfect state management solution for you. This tutorial will show you how easy it is to convert Redux code to Recoil code, reducing a lot of boilerplate and overall complexity. This tutorial uses the code from Part 2 of my Redux tutorial here: • Using Redux in React Native - Part 2 ...
00:00 Intro
00:28 Recoil vs Redux at a high level
01:58 Setup: Removing Redux from the existing app
04:58 using the useRecoilState hook
05:48 using the setter in the recoil hook to add an item to the list state
08:21 adding atoms which represent a piece of state
10:51 showing the list of items in the list using the recoil state hook
11:47 using the setter in the recoil hook to delete an item from the list state
13:25 using the other recoil hooks to use either the state setter or the state value
15:18 Creating a custom hook to centralize the recoil state and "actions" on that state
21:30 using Selectors to create derived state
23:41 Showing the amount of items in the list state using the newly created selector
26:00 Cleaning up and quick summary of the code
💻Get the code: https://github.com/theflutterfactory/...
⚡Connect on Facebook: / flutterfactory
⚡Connect on Twitter: / flutterfactory
🎷Music: https://www.bensound.com