Tutorial
Introduction

Introduction

🎉

Read This on Github

This article is available on Github. You can read it there and contribute to it.
Github Link
Any Issue ?

⭐ What is React Js ?

Introduction

React is a JavaScript library that is used to build user interfaces, or parts of a website that a person interacts with. Imagine you're building a toy car and you have all the different parts like the wheels, the body, and the steering wheel. React is like the glue that holds all those parts together and makes sure they work well together.

We use React because it makes it easy to build and update user interfaces. It also makes it easy to make our website interactive, so when a person clicks on a button or types something, the website can respond in a certain way.

React is a JavaScript library that is used to build user interfaces, or parts of a website that a person interacts with. Imagine you're building a toy car and you have all the different parts like the wheels, the body, and the steering wheel. React is like the glue that holds all those parts together and makes sure they work well together.

React is just one of many frameworks (a set of tools and rules) that people use to build websites. Other frameworks include Angular and Vue.js. Each framework has its own strengths and weaknesses, and people choose to use the one that best fits their project.

So, React is a tool that helps us build interactive and good-looking websites. It is a part of JavaScript library, which is easy to use and understand. Think of it like a toy car's steering wheel, it helps you control the toy car and make it move in different directions.

ℹ️

React was created by Facebook in 2011. A group of engineers at Facebook, led by Jordan Walke, wanted to find a way to build more efficient and easy-to-use user interfaces for the social media platform. They developed React as a solution to these problems and open-sourced it, meaning that the code is publicly available for anyone to use and improve.

Since then, React has become one of the most popular libraries for building user interfaces, and is widely used by companies and developers all around the world. It is now maintained by Facebook and a community of developers who contribute to its development.

ℹ️
ReactReact Native
Runs in a web browserRuns on mobile devices (iOS, Android) and desktop (Windows, Mac, Linux) using native components
Uses a virtual DOM for efficient updates and renderingUses native components for improved performance and look-and-feel
Written in JavaScriptWritten in JavaScript
Can be used with a variety of web frameworks (e.g. Angular, Vue)Primarily used with JavaScript libraries such as React Navigation and Redux
Typically requires a webpack build processTypically requires separate builds for each platform (iOS, Android)

⭐ Quick MCQs

Quick Question no 1

  1. What is the main purpose of React JS?

Answer

(Correct Answer: a) Explanation: React JS is a JavaScript library that is used to build user interfaces for websites. It helps developers create interactive and good-looking websites by providing tools and rules to build and update user interfaces.

Quick Question no 2

  1. Who created React JS?

Answer

(Correct Answer: c) Explanation: React JS was created by a group of engineers at Facebook, led by Jordan Walke, in 2011. They wanted to find a way to build more efficient and easy-to-use user interfaces for the social media platform.

Quick Question no 3

  1. How is React JS different from React Native?

Answer

(Correct Answer: a) Explanation: React JS is a JavaScript library that is used to build user interfaces for websites, while React Native is a framework that allows developers to build mobile apps using React. Both React JS and React Native are open-source and maintained by Facebook and a community of developers.