lzhudson / github-blog

MIT License
0 stars 0 forks source link

Create your first React App #3

Open lzhudson opened 1 year ago

lzhudson commented 1 year ago

Introduction:

I had always had the curiosity to learn front end technology. Though I had worked on and off on JavaScript, never got the profound knowledge.Now that I have some time, I thought I could start my journey with react.

This article discusses how to create your first app using react. Though I have been a python developer for years, I am a newbie to react and I will walk through the steps just the way I learnt.As you would have rightly guessed by now, basically we will be creating a hello-world react app.

We will be using the minimalistic create-react-app in this post for our learning purpose.This app is a starter kit for react introduced by Facebook in 2016.

https://reactjs.org/

Requirements:

We will install node and npm before we create our app.I am using a mac and will be using brew to install npm and node.

MACOSX:

$brew install node

https://nodejs.org/en/download/

After installation check the node and npm versions.

$node -v v18.4.0 $npm -v 8.12.1

Creating the App:

Now that we have our environment setup, let’s create our app.we will name this project as hello-world.

Command:

$ npx create-react-app hello-world