Build a comprehensive workout app for iOS, Android, and web platforms using React Native Web in this extensive tutorial. Dive into advanced concepts including Mobx state management, TypeScript integration, React Navigation, React Hooks, and data persistence with AsyncStorage/LocalStorage. Follow step-by-step instructions to set up a React Native Web project, configure a monorepo structure, implement navigation, style components, create a workout timer, handle routing, and store workout history. Learn to deploy the finished app to Netlify and explore best practices for cross-platform development. Access the complete source code on GitHub and gain hands-on experience with cutting-edge web and mobile development technologies.
Overview
Syllabus
) Setting Up a React Native Web Project.
) Setting Up React Native Hooks.
) Setting Up a React Native Web Monorepo.
) Configuring React Native for Yarn Workspaces.
) How to use Mobx with React Hooks.
) Navigation in React Native Web.
) Styling a Component in React Native Web.
) Mobx Root Store.
) Workout Timer with Mobx.
) React Router with React Native Web.
) How to Persist Mobx Stores.
) Storing and Displaying Workout History.
) React Router Params in React Native Web.
) Floating Action Button React Native Web.
) Deploy React Native Web to Netlify.
Taught by
freeCodeCamp.org
