REACT 0 TO 1
------------
[Stef Countryman -- 2022/08/06] [home] [blogs]
This very short list of links is meant to get you up and running developing
an application in React JS.
-
Preliminarily: you probably want to be using Powershell on Windows or
Terminal on MacOS to enter the required commands.. If you're on Linux I assume you know how to open a
terminal. If you're new to the shell, you can follow
this guide to learn the basics of navigation and Bash scripting.
This applies on either MacOS or Linux, though many of the commands
(
mv, ls, cd, mkdir, pwd,
and others) will work in their
simplest forms in Powershell.
-
Install a package manager if on
MacOS or
Windows (Linux distros should already come with a package manager)
-
Install Node Version Manager using a package manager or from
the official install script. Package manager installation will
look something like:
- On MacOS, run
brew install nvm
- On Windows, run
choco install nvm
-
Use nvm to install (at least) the minimal version of Node specified on the
create-react-app installation instructions page, e.g. by running
nvm install 16.3.0
and activating that version with
nvm activate 16.3.0
.
-
Install create-react-app.
-
If you don't already have a place where you keep your coding projects,
you should probably make one. I use
~/dev
. Switch to that
directory in your terminal; you'll be storing your React app here.
-
Follow the
local development instructions in the React tutorial to set up
your app using create-react-app (Node will automatically install
create-react-app, after prompting you for confirmation,when you run the
command).
-
Follow the rest of the instructions in the React tutorial linked above.
-
Refer to the
React docs for conceptual help on various parts of React as
needed.
-
???
-
Profit.