React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web
Learn to use React Native for Web to create a workout app that works on Android, iOS, and the web. The app uses Mobx, Typescript, React Navigation, React Hooks, AsyncStorage / Localstorage, and more. Once the app is complete, you will learn how to deploy it to Netlify.
💻 Code: https://github.com/benawad/react-nati...
⭐️ Contents ⭐️
⌨️ (0:00:00) Setting Up a React Native Web Project
⌨️ (0:09:04) Setting Up React Native Hooks
⌨️ (0:15:03) Setting Up a React Native Web Monorepo
⌨️ (0:28:24) Configuring React Native for Yarn Workspaces
⌨️ (0:39:58) How to use Mobx with React Hooks
⌨️ (0:49:15) Navigation in React Native Web
⌨️ (1:03:28) Styling a Component in React Native Web
⌨️ (1:27:40) Mobx Root Store
⌨️ (1:45:20) Workout Timer with Mobx
⌨️ (2:11:20) React Router with React Native Web
⌨️ (2:22:45) How to Persist Mobx Stores
⌨️ (2:30:47) Storing and Displaying Workout History
⌨️ (2:54:33) React Router Params in React Native Web
⌨️ (3:17:30) Floating Action Button React Native Web
⌨️ (3:34:45) Deploy React Native Web to Netlify
⭐️ Links: ⭐️
🔗 https://stronglifts.com/apps/
🔗 https://github.com/necolas/react-nati...
🔗 VSCode settings used: https://gist.github.com/benawad/1e9dd...
Course from Ben Awad. Check out his YouTube channel: / benawad97
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://medium.freecodecamp.org
And subscribe for new videos on technology: https://youtube.com/subscription_cent...
Watch video React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web online without registration, duration hours minute second in high quality. This video was added by user freeCodeCamp.org 13 March 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 303,331 once and liked it 3.9 thousand people.