React 2020 — P1: Intro and Installation

React 2020 — P1: Intro and Installation

Let’s tackle another topic: React. React is a JavaScript library that we’ll use to build User Interfaces.

Let’s tackle another topic: React. React is a JavaScript library that we’ll use to build User Interfaces. Everything is going to be split into components for easy maintenance and scalability. What are components? Take a look below. It’s much easier to manage a website when it’s divided into its own individual components. We have the headernavsectionasidefooter, etc. Components can in-turn contain other components. The _section _component below contains four _article _components. All of the components below are in the main component.

Image for post

You should have basic HTML, CSS, and JavaScript under your belt before you attempt to tackle React. Even though people will say that you have to be an absolute JavaScript ninja to take on React, I tend to disagree with that statement; a basic understanding will suffice. Once you approach a topic that you don’t understand, you can always freshen up on it then. An overall understanding of functional and object-oriented programming is extremely beneficial, however.

Before you can use React, you must be able to install React. As far as requirements go, make sure that you have the latest version of Node installed on your computer. Head over to and get the latest (LTS) version. Run through the prompts and you should be set-up. After the installation, you can verify that you have node installed by typing in node -v _into your terminal. You’ll also need to verify that _npm _was installed by typing in _npm -v. The node package manager, npm, will be installed with Node. Why do you need npm? Because React is just an npm package. Finally, run _npx -v _to verify that the npm package runner is installed. This is what we’re going to be using to install React onto our computers.

You may also want to get the React Developer Tools browser extension to be able to view how your React app is functioning in the browser.

And we’re all set. Open your terminal and navigate to a directory where you would like to create your React app. Run the command:

c:\youtube>npx create-react-app yt-react

react javascript programming web-development front-end-development

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Learn React.js: Front-End Web Development for Beginners

Learn React.js - Frontend Web Development for Beginners. In this React tutorial, you will learn the core fundamentals of React JS and Modern JavaScript so that you can start building lightning fast web apps using React JS. Learn Modern JavaScript and React JS from absolute scratch. Learn to make AJAX requests to get data from remote API and display into your web application. Learn React JS, which is one of the most exciting technology of recent time

Why You Should Not Learn React, Angular or Vue as a Beginner in Front-End Web Development

Do not follow the hype behind Frameworks and Libraries. Why You Should Not Learn React, Angular or Vue as a Beginner in ... what should I learn? maybe front-end web development, or maybe Cloud ...

Top 19 Front-End Web Development Tools to Consider in 2020

In this post, we are putting curated list of top tools with key features and download links "Top 19 Front End Web Development Tools to Consider in 2020"

5 JavaScript Projects You Should Build As a Front-End Developer

5 JavaScript Projects You Should Build As a Front-End Developer: Brochure website; A blog template with HTML and CSS; Web application using an API; An eCommerce shopping cart; Personal portfolio