Join the Conversation!
Subscribing gives you access to the comments so you can share your ideas, ask questions, and connect with others.
React Setup
Loading...
Loading...
0 Comments
"Please login to view comments"
Upgrade your account
"Please login to view comments"
Subscribing gives you access to the comments so you can share your ideas, ask questions, and connect with others.
By logging in, you'll unlock full access to this and other free tutorials on JSM Pro.
Why? Logging in lets us personalize your learning experience, track your progress, and keep you in the loop with new workshops, coding tips, and platform updates.
You'll also be the first to know about upcoming launches, events, and exclusive discounts.
No spam—just helpful content to level up your skills.
If that sounds fair, go ahead and log in to continue →
Enter your name and email to get instant access
##Looks like we found a thief monkey By the way, I liked the trick how you reached till here. You have a good sense of humor. You will improve a lot if you join our course with this passion.
var (function-scoped, outdated)let (block-scoped, modern and recommended)const (block-scoped, cannot be reassigned)_, or $let let = 5; is invalid)myVar and myvar are different)string, number, boolean, null, undefined, bigint, symbolObjects, Arrays, Functions
Subscribing gives you access to a brief, insightful summary of each lecture to stay on track.
00:00:00Â Before creating a React project, you need Node.js installed on your machine.
00:00:05Â Node is a JavaScript runtime that allows you to run JavaScript code outside of a browser.
00:00:11Â This is essential because React development involves running tools and scripts on your local machine, and these tools require Node.js to function.
00:00:20Â So, head over to nodejs.org and download the LTS or Long-Term Support version of Node.js.
00:00:28Â Those versions are super stable.
00:00:30Â Depending on your operating system, you can install it via Package Manager.
00:00:35Â That'll look something like this.
00:00:36Â You simply copy this to your clipboard and paste it to your terminal.
00:00:40Â It is super quick.
00:00:41Â Alternatively, you can download the installer and then follow the steps to install it.
00:00:46Â And when you install Node, you'll also get a handy tool called MPM, short for Node Package Manager.
00:00:52Â Instead of writing everything from scratch, you can use MPM to quickly add features like animations, form handling, or even full frameworks by pooling
00:01:01Â them from its massive collection of ready-to-use libraries.
00:01:04Â And it also makes it super easy to keep your tools and code up to date, ensuring everything works smoothly together.
00:01:11Â In simple terms, MPM will save you time and effort by giving you access to a lot of packages to help you build your modern apps more efficiently.
00:01:20Â Now that you have Node.js installed, you'll need a place to write your React code.
00:01:24Â There are many code editors out there, and whichever one you choose, you'll be good.
00:01:29Â I prefer WebStorm, as it's a fully fledged IDE designed specifically for React development.
00:01:35Â as it offers you everything you need from a quick project setup, error reporting, an integrated Git system, and more.
00:01:42Â And as of recently, it became completely free.
00:01:46Â And speaking of Git, while it's not mandatory to have Git installed to start learning React, it's absolutely essential for your growth as a React developer.
00:01:56Â or any kind of developer for that matter.
00:01:58Â It's a non-negotiable.
00:01:59Â So go ahead and Google, download Git, head over to their website and install it on your device.
00:02:05Â And if you're new to Git, I've already done a Git and GitHub tutorial, which I'll link somewhere in this video.
00:02:11Â So if you want to do that too, before proceeding with this React course, pause this video and then come back.
00:02:16Â But with that in mind, now that we have all the tools necessary, we are ready to create our first React.js project.