React Introduction — Learn Step by Step

React is a library for building fast and beautiful web applications. Jordan Walke was the author of React. He was a software engineer at Facebook. Today we will learn and understand React Introduction step by step.

Let’s start with React Introduction.

React Introduction

React is a JavaScript library. It was created and maintained by Facebook. Also used for building User Interfaces. React was initially released on May 29, 2013. It was written in JavaScript.

Prerequisite for React

Before starting with React, you should know the following areas:

  1. HTML
  2. CSS
  3. JavaScript

It is good to have additional knowledge:

  1. How does the browser render the DOM?
  2. Basic SCSS / CSS materials such as box model, position, etc.
  3. JavaScript core concepts. Ex- Hosting, Call, Apply, Bind, Higher-Order Function, Closure, and Object-Oriented JavaScript.
  4. The basic concept of web apps. Ex — Ajax, SPA (single page Application), responsive web pages, etc.

Longer Definition for React

React is only responsible for the view layer of an application. It means that it is only responsible for rendering UI (User Interface). Such as text, list, buttons, links, etc. React supports live reloading browser, as well as updating whenever the UI changes.

For example, you are creating an e-commerce website. You want to maintain the number of selected items in the shopping bag. Users will add and remove items from the bags.

You can simplify it in React. The number of selected items show in a shopping bag like {selectedItems.length}. React will display it and update it whenever it changes.

React is NOT a Framework

React is a library, not a framework.

The difference between a library and a framework is:

  1. The library helps you on only one side
  2. The framework helps you on many sides

Read Also: https://codeshipguru.blogspot.com/2021/08/top-angular-interview-questions-and.html

Thank You.

--

--

--

I enjoy using my obsessive attention to detail, my unequivocal love for making things, and my mission-driven work ethic to literally change the World.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

React Core Concept

Refactor Series : What I did vs What I should have done

Firebase Auth with React Typescript

How do I perform API testing on JMeter?

Learning Angular as a React Developer (feat. Frontend Mentor)

How to write a link checker in the browser with Vanilla JavaScript

Selenium & Pagination

Basic Overview JavaScript JS

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Akash Gadhiya

Akash Gadhiya

I enjoy using my obsessive attention to detail, my unequivocal love for making things, and my mission-driven work ethic to literally change the World.

More from Medium

All you Needs to know about Virtual DOM

Behind the scenes heroes at Nevada

Node.js Questions and Answers

Using JavaScript to Update the DOM on Dropdown Selection: One Example