Quick Lecture Overview
Subscribing gives you access to a brief, insightful summary of each lecture to stay on track.
React Setup
Loading...
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, FunctionsSubscribing 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.