React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web
Why Stack Overflow recommends it
Stack Overflow users cite it as the tutorial they were following when they hit setup errors with yarn workspaces, package resolution and react-native-web imports.
Recommended by 0 people across 0 different months, 2019 to 2021.
What it is
A 3 hour 41 minute freeCodeCamp.org course by Ben Awad that builds a workout tracking app with React Native Web, targeting iOS, Android and the web from one codebase. It uses Mobx, TypeScript, React Navigation, React Hooks, a Yarn workspaces monorepo and local storage, then deploys the result to Netlify.
What people said
Cites ShLuBsTeR · 2019-09 · Stack Overflow · on “Unable to test my react program, yarn start and test don't work”
So I have JUST started learning React Native to try and learn app development. So I started with a tutorial [this video] . Everything was going fine until I tried running the command yarn start in the terminal to start the server and program and I got the following error message: error Command "start" not found. I also tried yarn test but got a similar error: error Command "test" not found. I started doing research on why this would happen but I haven't found a solution yet. As you can see from the image my package.json has the start and test commands in it I've checked for yarn with yarn --version and it gives me 1.17.3 so I know it exists. I also have node installed. I should be able to start t
Cites ShLuBsTeR · 2019-11 · Stack Overflow · on “Why am I getting unrecognized tag errors in React”
So I'm trying to complete a react web tutorial to learn how to make Android and iOS apps and I've been following this tutorial: [this video] But when I try to run a simple page to test some hooks: import React, { useState } from 'react'; import logo from './logo.svg'; import { TextComponent } from 'react-native'; const App = () => { const[count, setCount] = useState(0); return ( <view> <text>{count}</text> <button title="Increment" onKeyPress={()=> setCount(count + 1)}>Increment</button> </view> ); } export default App; I'm getting the following console errors: Warning: The tag <text> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase lette
Cites Jose Antonio Amieva Cardoso · 2020-03 · Stack Overflow · on “Error: Couldn't find package "@wow/common@1.0.0" required by "react-native-web-workout-series@0.1.0" on the "npm" registry”
I have problems running my web app using this tutorial video React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web [this video] in react-native. I've been searching a lot for an answer but there is no accurate one yet that solves my issue. I downloaded the app from here: git repo [LINK] . error Couldn't find package "@wow/common@1.0.0" required by "@wow/app@0.0.1" on the "npm" registry. info Visit [LINK] for documentation about this command. Error: Couldn't find package "@wow/common@1.0.0" required by "react-native-web-workout-series@0.1.0" on the "npm" registry. at MessageError.ExtendableBuiltin (/usr/local/Cellar/yarn/1.22.4/libexec/lib/cli.js:721:66) at new Message
Cites Joseamica · 2020-04 · Stack Overflow · on “Why can't find package required on the "npm" registry”
I have problems running my web app using this tutorial video React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web [this video] in react-native. I've been searching a lot for an answer but there is no accurate one yet that solves my issue. I downloaded the app from here: git repo [LINK] . Try to use: $ yarn $ yarn install $ npm install $ npm config set @icons:registry [LINK] $ rm -rf node_modules $ npm i [LINK] $ curl ' [LINK] ' but nothing seems to work, I keep getting this error. error Couldn't find package "@wow/common@1.0.0" required by "@wow/app@0.0.1" on the "npm" registry. info Visit [LINK] for documentation about this command. Error: Couldn't find package "@wo
Cites thor_ · 2021-01 · Stack Overflow · on “Failed to compile module not found after attempting to import AppRegistry from "react-native"”
C:/Users/admin/node_modules/react-native-web/dist/exports/createElement/index.js Module not found: Can't resolve 'react-dom/unstable-native-dependencies' in 'C:\Users\admin\node_modules\react-native-web\dist\exports\createElement Error on yarn start code block that works import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import reportWebVitals from './reportWebVitals'; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') ); reportWebVitals(); code block that breaks import App from './App'; import reportWebVitals from './reportWebVitals'; import { AppRegistry } from 'react-native' AppRegistry.registerComponent("App