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.
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