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

4 Helpful Hooks in React

SOLID Principles, JavaScript, Version Controlling and NoSQL

Adding Charts in Ionic 4 apps and PWA using Google Charts

Adding Charts in Ionic 4 apps and PWA : Part 4- Using Google Charts

Building a Unity Mobile App

JavaScript native face detector API

JavaScript native face detector API

How to solve this kind of problem when using create-react-app

Bye Bye Entry Components (Angular 9 and onward)

Audit your Google Drive Privacy!

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

Frontend, Backend & Fullstack Development

Shopify Collection Filtering

MERN Stack — A Quick

Learn JS Async/Await, Fetch Requests & APIs by Building a Trivia Game