Jemish Italiya shows how to install Node.js and npm, set up Visual Studio Code, and create your first React project with create-react-app. You'll scaffold a project called pro1, start the dev server with npm start, and edit App.js to display a custom message that updates live in the browser.
So myself, Chamish Talia, and yeah, I'm going to start the React.js. Okay, so let's close all the tabs. And yeah, first of all, you have to install the— yeah, first of all, you have to install Node.js from this link I provided in the description. So yeah. You can install it. And yeah, Node.js is also containing the npm package manager. So if you are going to install Node.js, you are automatically going to install the npm packages. So you can install 32-bit or 64-bit, anyone you are going to choose. Yeah, so once you are going to install it, you are going to check with the following command. Node -v. So here they are going to show you the version of the node. And yeah, npm -v. So we are going to see the version of the npm. So like that. And, uh, other thing is that how to— the thing is that you have to— you are going to install the VS Code editor. Yeah, so Install VS Code and you are going to set up, but I suggest you the VS Code. Any other code editors are also available in the market. So the third thing is npm install this command. So yeah, you can paste it here, but I already installed the React.js on my system. So I'm not going to run this command, but yeah, here, here the -g means you are going to install it globally. Yeah, you are going to install it globally, and once you are going to install it, you are— so you are going to make the, your project directory. So I'm going to pro1nd and yeah, cd Pro 1. So this command is very important.
Create React app. And yeah, my first app.
So once you are going to run this command 'Name can no longer contain capital letters.' So yeah, here is— if I want to make small letters, then it is possible. And yeah, it is going to take some while. So there are mentioned in the react, react-dom, TypeScript also in the this whole package manager. And yeah, if you are going to manually install it, means you're going to install it from scratch. Yeah, so you have to add the packages manually via the app.toml script. But, uh, here create-react-app command provide you an automatic setup for the React application, and that is the benefits for the learner. But if you are going to learn from the deep, then the React scratch is very important. And yeah, I am going to create the video on this. So don't worry, let's take enjoy the moments. So yeah, here our create-app process is completed.
So we are going to see my first app and yeah, npm start.
So once we are going to start our npm start, yeah, this app is being— and yeah, I'm going to open the video on the Visual Studio Code. So here our server is started on localhost. So once we are going to open the Visual Studio Code, we are going to open the file folder and yeah, folders in directory, directory Pro 1, select folder. Folder is going to open. And yeah, my first app, and first step, source code. And source code, app.js.
And we are going to remove this portion and we are going to write hello, welcome to the go to the world of chess.
We are going to Ctrl+S, and yeah, so the things is right like that. So that's all.
