🔥 This is a workshop for learning how to build React Applications.
I've branched the repo for individual topics.
To checkout all branches run: git branch --all
.
To checkout individual branch run: git checkout <branch name>
. From there on you should be good.
Set up React Application with Parcel
-
Clone this repo in
git clone https://github.com/imranhsayed/react-workshop
-
Run
yarn
-
npm init -yes
-
npm install react react-dom
-
Install Parcel CLI called 'parcel-bundler' globally to run parcel commands
npm install -g parcel-bundler
-
npm install parcel-bundler -D
-
mkdir src
-
touch App.js
Please note that parcel does not support spread operators out of the box . So if we decide to use that, we should install 'babel-plugin-transform-object-rest-spread'
Then create a .babelrc
and add that as a plugin { "plugins": ['babel-plugin-transform-object-rest-spread] }
parcel public/index.html
ornpm run parcel
Runs dev server for development on http://localhost:1234( in watch mode )