MyReactJS: A JavaScript repository from jasonwee

ensure nodejs installation path is export

$ node --version
v17.3.0
$ npx --version
8.3.0
$ npm --version
8.3.0

create a reactjs project

npx create-react-app my-app
cd my-app
npm start

start the dev server

npm start

deploy to production

npm run build
# then check in build folder

By default, the production build is created assuming that the application will be hosted in the root folder of a web application. If the application needs to be hosted in a subfolder, then use below configuration in the package.json and then build the application.

{ ... "homepage": "http://domainname.com/path/to/subfolder", ... }

convert from jsx to native javascript

or the online version https://babeljs.io/repl/

mkdir foo
cd foo/
npm init -y
npm install babel-cli@6 babel-preset-react-app@3
mkdir src
npx babel --watch src --out-dir . --presets react-app/prod

cdn links

dev

<script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>

prod