Fundamentals of React

  • It uses Virtual DOM instead of Real DOM considering that Real DOM manipulation is extravagant.
  • It supports server-side rendering.
  • It follows unidirectional data flow or data binding.
  • It uses reusable/composable UI components to develop the view.

Component

JSX

class App extends React.Component {
render() {
return(
<div>
<h1>{'Hello world!'}</h1>
</div>
)
}
}

Virtual DOM

Props

State

Photo by Constance Crutchfield

Reconciliation

Component Lifecycle

--

--

--

I am Sakib Uddin from Bangladesh. I am a front End Developer

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

Recommended from Medium

React NextJS Instagram stories UI with TailWind CSS Part 1

How To Let a TypeScript Function Accept an Index Type as Parameter

React Dropzone and upload images Part 11 Styling the react dropzone

React Native social sign in with Apple and Amplify

Using Redis in LoopBack 4

Learning React Test-Driven-Development: Login Form Tutorial Part II

Figma to Production-Ready Javascript component with AWS Amplify Studio — Part 1

[Svelte Tutorial] How to use Panolens.js and Svelte to create panorama slider

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
Sakibuddin

Sakibuddin

I am Sakib Uddin from Bangladesh. I am a front End Developer

More from Medium

Math Application for Kids in React

React Concepts

Back in the Saddle

Chaos is how I learn image for Nathan Pyle — creator of Strange Planet

Transitioning from Plain JS to React.