3,918
likes
107
comments
daily view 0
monthly view 0

Share

Live Analytics

Comments 0

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

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

Based on this YouTube video's total view count of 307K views and industry-standard rates, the estimated total earning is $215 - $614 through ad revenue. Historical data is not yet available to calculate daily, weekly, or monthly averages.

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

Explore React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web with 307,053 views, 3,918 likes, and 107 comments. Experience the impact of this video content that has captured audience attention.

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 ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) ⭐️ 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 Course from Ben Awad. Check out his YouTube channel: https://www.youtube.com/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_center?add_user=freecodecamp

About YouTube Real-Time View Count

With SocialCounts.org’s view counter, track your YouTube video’s live view count and YouTube likes count in real time with fast, reliable updates.

Watch every YouTube video live view count rise with our real-time YouTube views tracker—built for accuracy and minimal delay.

Follow YouTube real time views as they happen, using our dedicated view counter for YouTube videos.

Get up-to-date live view count on YouTube and see real-time growth with SocialCounts.org’s smart tracking tools.

Embed Widget

Parameters:

  • fullscreen=true - Fullscreen counter
  • graph=true - Live graph chart
  • counter=0/1/2 - Select counter (0=likes, 1=views, 2=comments)
URL

Click to copy the embed URL to your clipboard