React for beginner fundamentals concept

Moniur Rahman Shimul
2 min readMay 7, 2021
React is a Javascript Library.

React is a Javascript Library, before 2012 there was usually no react before it would have been possible to do big projects. A lot of data could not be sorted or written according to the algorithm, just then a software engineer of Facebook prepared React library in 2012 to master these messy things. React’s popularity has been at the top ever since. If there is some other library besides React and it is used according to the needs of the people.
Reacts are usually components and class base.

DOM (Document Object Model)

DOCUMENT OBJECT MODEL -DOM

DOM is usually used to make an element of HTML interactive, such as a button or an element to make it attractive and functional. It’s the browsers ’programming interface for HTML & HML documents using a tree structure.

React’s tree reconciliation

The relationship with React is usually formed through the dom API, because all of its functions, including the interaction of the dom, are examples of e.

React Function vs Class

“A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). Function names can contain letters, digits, underscores, and dollar signs (same rules as variables).”

“Class methods are created with the same syntax as object methods. Use the keyword class to create a class. Always add a constructor method();”

React Components Vs Element

“Components are independent and reusable bits of code. They serve the same purpose as JavaScript functions, but work in isolation and return HTML via a render() function. Components come in two types, Class components and Function components, in this tutorial we will concentrate on Class components.”

“React elements are immutable. Once you create an element, you can’t change its children or attributes. An element is like a single frame in a movie: it represents the UI at a certain point in time”.

Default Props.

Props in React are like function arguments. You can use props to send data to a component.

You know about it react?

React is thin and it’s extremely easy to mix it with other 3rd party libraries.

I’ve been using React for over a year now. I’m also conducting training to help people learn it from scratch. I noticed that on every training session I’m explaining the same set of concepts over and over.

--

--