Hello World
People who have looked into web-dev sure would have heard the word "React" or "React native", confused? I got you.
What is react?
React.js is like a magic toolbox that helps developers build really cool and interactive websites. It's like playing with building blocks, where each block does something special. With React.js, we can make websites that respond quickly and look amazing, just the way we want them to.
Do I have your interest now?
Listen carefully, A lot of people make mistake of not learning JavaScript properly before jumping on to reactJS.
So it's
HTML ➡️ CSS ➡️ JAVASCRIPT ➡️ REACT
And then you'll be much cooler.
Like daniel.
Setting Up ReactJS
To set up your React.js development environment, follow these steps:
Install Node.js:
Node.js is a JavaScript runtime that allows us to run JavaScript code outside of a web browser.
-Go to the official Node.js website (https://nodejs.org) and download the latest stable version for your operating system.
-Follow the installation instructions to complete the setup.
Install Create React App:
-Create React App is a tool that sets up a new React.js project with the necessary configurations.
-Open your terminal or command prompt.
Run the following command to install Create React App globally:
npm install -g create-react-app
Create a new React.Js Project
- In your terminal navigate where you want to create your project.
- Run the following command
npx create-react-app my-react-app
Start the Development Server
-Once the project is created navigate to the folder.
cd my-react-app
Run the following command to start your application
npm start
Let's Wrap it up.
I hope you enjoyed enough to start with React.Js but do not forget that basics is everything, keep your foundations super strong.
To learn more about React.Js, here are some links for you:
Roadmap: https://roadmap.sh/react
Learn : https://react.dev/learn
If you enjoyed the read, I'd love a feedback and I'll see you super soon in the next mini-blog.
Until then, keep coding :)
Top comments (1)
Great one💯