React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web

Publicado em: 13 Março 2019
no canal de: freeCodeCamp.org
303,331
3.9k

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...


Nesta página do site você pode assistir ao vídeo on-line React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário freeCodeCamp.org 13 Março 2019, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 303,331 vezes e gostou 3.9 mil espectadores. Boa visualização!