10 Important React elements

Rabiul Islam
2 min readMay 7, 2021
  1. React hooks: React hooks are the key thing of the react. React hooks are the key factor of all the use of reacting. React hooks use your data more effectively and workable. Cause react hooks help to data transfer and get data for other files or sections. React hooks use for some reason like data changing and data rendering.
  2. React createElement : React createElement is a object of DOM element.This element is a key thing of the react cause you have to catch or build any page by react createElement.React createElement made some arguments in the function. So, you have to use it carefully.
  3. Nesting React elements: Nesting react element to use when we need so much information in one place .So that we have call data or use react route for that. Calling one after one so that we use it nesting react elements. It helps to get all information in one place.
  4. Update React elements: In javascript, we use function as well as in react so we have to update react elements for a new version. We have to keep change and update your data so that it will be easy to use for users to use your website.
  5. React is all about components: React is always dependent on components. React can't work without components. React always and have to use components cause react build this way. React components are the helping hand of all work sectors. React components help to call, catch, update and change data for react.
  6. How DOM builds: Document Object Model (DOM) is a blueprint of the data structure of the server.API and HTML are two important things in DOM. Step by step how data collection and show data show all the way process is called DOM.
  7. Understing the virtual DOM: If you have to understand virtual DOM then you have to understand the step of the start to the end of data creat and show. Then you can how data creat by HTML or get API and show in the website.
  8. Optimizing performance: Optimizing performance is the key to build a better website than others. So that you have to see your code and keep change or update the code by using a new item or the help of the library. So your website performance will be better than others.
  9. JSX: JavaScript XML(JSX) is the way where we can easily use HTML in react. For example:
const first= (
<div>
<h1 >Hello! Try to raed about JSX</h1>
</div>
)

10.It’s declarative: React declaratively has a style that is used when we use writing components. For example:

<select value={this.state.value} onChange={this.handleChange}>
{somearray.map(element => <option value={element.value}>
{element.text}
</option>)}
</select>

--

--