React Knowledge

Ahsan Ullah
2 min readMay 9, 2021

Hello, my programmer friends!!
Today I am discussing react basic concept. Let's start!

React not a framework: If you are a react developer then you should know that this is a javascript library, not a framework. Because you don't show readymade file in this. All of the decisions you make by yourself.

JSX: It neither a string nor an HTML! It is a funny syntax.
But it has a high power of javascript. Where you write HTML and javascript and you can make a nice user interface.JSX is an inline markup that looks like HTML and gets transformed into JavaScript.

It’s JavaScript: However, this is a javascript. Because what is you write in this that is a javascript .like this…

import React from “react”;const Test = () => {const Test = [{id: 1,name: “Ahsan”,},{id: 2,name: “Sakib”,},];return (<div>{Test.map((test) => (<li>test.name</li>))}</div>);};export default Test;

Data Goes Down: In “react” you can send data from parents component to child component by using the props method use. It is a very suitable concept.

State: This very a very important part of “react”. Because you can store your data or any change data in this.

Hooks: This is a new addition in React 16.8. you use state and other React features without writing a class. By this, you can write a functional component that is very simple from the class base component.

--

--

Ahsan Ullah

I am a web developer. I have excellent skills in web development. Worked in HTML, CSS3, Reactjs,Nextjs, Javascript, TypeScript, Bootstrap, and MaterialUI.