Introduction to React Js | Installation of React
MindCraft Frontend Web Dev - Master React JS Lecture 1
Course by: MindCraft
What is React JS?
React JS is a JavaScript library originally developed by Facebook. It helps in building highly engaging single-page web applications by breaking down complex UI into simpler components. With its high demand in web development, mastering React JS can significantly enhance your development skills.
Installation Guide
To get started with React JS, you'll need to install several tools and extensions.
1. Install VS Code:
Search for ‘Download VS Code’ or click here to download.
Open the setup and click 'Next' until you reach the ‘Select Additional Task’ Dialog box.
Make sure to check all the options and click 'Next' to install VS Code.
2. Install Node.js:
Download Node.js by clicking here.
Select your OS and follow the instructions to install Node.js.
3. Download React Dev Tools:
Add the React Dev Tools Chrome extension by clicking here.
4. Verify Installation:
Open Windows PowerShell by pressing Shift + right-click in File Explorer and selecting ‘Windows PowerShell’.
Check Node.js and npm versions:
node --version
npm --version
Setting Up Your Development Environment
1. Open Folder in VS Code:
Navigate to your desired folder, right-click, and select 'Open with Code'.
2. Download VS Code Extensions:
Thunderclient: Test APIs with 'GET' or 'POST' requests.
ES7 React/Redux/GraphQL/React-Native Snippets: Autocomplete code like Emmet abbreviations.
Bracket Pair Colorizer: Colorize matching brackets for easy identification.
Auto Rename Tag: Automatically rename paired HTML/XML tags.
Live Server: Visualize your static page by opening it with a live server.
What's Next?
In the upcoming lessons, we will cover various React concepts with amazing projects that will help you understand React completely. Stay tuned as we dive deeper into React development and create our first React app in the next lesson!
Thank you for joining me in this introductory lesson. See you all in the next lesson where we will start building with React!