create-react-app on Ubuntu with Apt

sudo apt install nodejs npm

node --version
npm --version

> f02f@computer:~$ node --version
v10.19.0
f02f@computer:~$ npm --version
6.14.4

npx --help

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

Compiled successfully!

You can now view my-new-app in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://172.17.0.2:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

Transcript

we're going to install the dependencies

necessary to

to run create react app on ubuntu

so let's start first of all you're gonna

need

if you don't have it already to install

npm and node.js so to do this

we just use the apt get

and install node.js and npm so let's run

this

we'll have to confirm here we want to

continue

and it's installing then we're going to

confirm

that this was installed correctly

as soon as it's over so basically if you

already have

this installed of course it's not

necessary you could start

straight away with the following steps

it seems like this could take a while

second eight percent

also uh well it's uh installing

we're going to use npx but npx is now

included with npm

so that's why it doesn't have an

additional install step

so this is getting there

and by the end of this tutorial you will

see um

exactly you will see the the page

loading yeah

the example of react um so here it asks

us the geographical area

in my case i'm in europe eight and

in berlin seven it's for a time zone

so just put the number that corresponds

to your time zone and you will be fine

and it's almost there

okay so it finished right and then we

can test it

by running node version and we can see

that it's installed

and npm version

and we can see also it's installed so

this is a good thing

and now we need to check that this npx

that we're gonna use for create react

app it's installed so then let's run

this

and it's installed because we can see

the the hub right

and um and we're ready we can

run the the create react command

so that's npx create

react app and the name of your

new app i'm gonna choose this one my new

app

so i run it and now npx is

creating all the scaffolding that we

need perfect so it says it created it

here

okay now it's installing the packages so

this will be a bit slow also

as you know node.js tends to install a

lot of packages

[Music]

okay well let's wait it out

[Music]

and then we'll go in into the app and

start it

and then you will be able to see the the

basic

example of the of the create react

command create react app

we can see here all the things that are

being installed

low json types

eslint more json stuff some testing

frameworks

really i think a lot of things get

installed with uh

with this um let's see we're gonna just

wait it out so you see the whole thing

and then we are practically done

[Music]

assembly

then we will load like in the browser

so we'll see the the main example of

react

okay it's getting close

and

that's him

okay so happy hacking here we see the

instructions

so we're literally gonna do this

cd my new app

and we can see here that the folder

structure

yes for node modules public source and

then we're going to do npm start

and now this will give us already the

instructions we will say where

which addresses we can use but basically

one of these two addresses right

i'm gonna use this one but both both

will work

and then if you just open it in the

browser here you see the

the main react example so the example

that is always used

to to know that everything is working

correctly so we made it

this is the default app and from this

you can use this

template to to change to

to start developing your app so enjoy