Fundamental Core Concept Of React.JS For Beginners……….

Lets Explore How to Learn and Applying React.js:

Photo by Glenn Carstens-Peters on Unsplash

Defining React.js?

React Example:

document.getElementById('myId').innerHTML = `
<div>
<h1>Hello World</h1>
<h4>Welcome to my world</h2>
</div>
`;

Another Example Of React:

ReactDOM.render(
React.createElement(
<div>
<h1>Hello World</h1>
<h4>Welcome to my world</h2>
</div>
),
document.getElementById('myId'),
);

Some Words To React.createElement:

Some Words To ReactDOM.render:

Real DOM:

Virtual DOM:

How Virtual-DOM works in React:

React is all about components:

React.Component:

function showList(props) {
// Returns a DOM/React element here. For example:
return <li>{props.name}</li>;
}// To render list element in the browser

Explore JSX:

const element = <h1>Hello world</h1>

useState Hooks In React:

import React, {useState} from 'react';const [value, setValue] = useState(null)

useEffect Hooks In React:

import React, {useEffect} from 'react';useEffect(()=> {
fetch()
}, [])

useContext Hooks In React:

import React, {useContext} from 'react';const [value, setValue] = useContext()

Web Developer

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