React for All

Library of Framework

Why React

DOM manipulation

document.getElementById('first')document.getElementById('second')document.querySelector('.box')....///

DOM reconciliation

function showTime() {// plain javascriptdocument.getElementById('clock').innerHTML=`<div><p>This is our clock</><p>The current time is: ${new Date()}</p></div>`;// reactReactDOM.render(React.createElement('div',null,React.createElement('p',null, 'This is our clock'),React.createElement('p',null, 'The current time is: ', new Date()),document.getElementById('clock2')))}
setInterval(showTime, 1000);

JSX

function showName() {return(<p>My name is Abdullah</p>      )}

Diff Algorithm

Component or component

<Button></Button><button></button>
React.createElement(Button, null);React.createElement("button", null);

--

--

--

Full Stack Web Developer | Javascript, React and Node Expert.

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

Recommended from Medium

Prebuilt Customer Checkout page source code template from Stripe

Computer code displayed on a monitor.

Creating speech to text application

Image Classification on React Native with TensorFlow.js and MobileNet

Making user journeys configurable in the GOV prototype kit

Make multipage HTML development suck less with Pug

Context API + useReducer in React

Some Important methods of Javascript, mostly useable…

3 mistakes newbie firebase developer makes

A programmer sitting and writing code

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
Abdullah Alamin

Abdullah Alamin

Full Stack Web Developer | Javascript, React and Node Expert.

More from Medium

An introduction to React Hooks

About React useEffect

Learn Fetch API with React Hooks By Building a simple application

Chrome Extension “New Tab” React Application In 3 Easy Steps