UEFA 2020 Fantasy App: React Native & Recoil Tutorial For Beginner
UEFA 2020 Fantasy App: React Native & Recoil Tutorial For Beginner
- What is Recoil
- What is Recoil
- Integrate Recoil in React Native
- What is Recoil
- Integrate Recoil in React Native
- Atoms and Selectors
- What is Recoil
- Integrate Recoil in React Native
- Atoms and Selectors
- Asynchronous logic
- What is Recoil
- Integrate Recoil in React Native
- Atoms and Selectors
- Asynchronous logic
- API Fetching
I AM
@VadimNotJustDev
Prerequisites
1. Asset Bundle (dummy data, images, icons, PDF presentation, bonus cookie):
https://assets.notjust.dev/euro2020
2. Expo CLI installed
https://docs.expo.io/get-started/installation/
3. (Optional) RapidAPI Account:
https://rapidapi.com/
Let’s get started
Field Screen
- Image background
- Players on the field
- Stats container
- Button
Players List
- Bottom Sheet
https://gorhom.github.io/react-native-bottom-sheet/
- PlayerListItem Component
- List of players
Players Filter
- Filter by position
Global State Management
with Recoil
🚀🚀🚀
What is Recoil?
Atoms
Atoms
Atoms
Selectors
Selectors
Install Recoil
Recoil in action
Q&A