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

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-native-web-series

⭐️ 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-native-web/blob/master/docs/guides/client-side-rendering.md

🔗 VSCode settings used: https://gist.github.com/benawad/1e9dd01994f78489306fbfd6f7b01cd3


⭐️ Learn More ⭐️

React - The Complete Guide (incl Hooks, React Router, Redux)

Modern React with Redux [2019 Update]

React Native - The Practical Guide

Which should I choose: React Native or Flutter?

React Tutorial: Building and Securing Your First App

Build Progressive Web Apps with React

Build a React Calendar Component from scratch

React Native – The Future of Mobile

Suggest:

Kotlin Reified Generics: Explained

Reactive form programming in Angular 7

How to Start Game Development on Android

React Native vs Flutter (Which is best for startup ?)

What is the relation and difference between React, ReactJS, React Native, React router, reactive programming, and RxJava?

NativeScript Tutorial for Beginners - Build iOS, Android and Web Apps with NativeScript and Angular