10 Fundamental Concept of react.js that you should know as a react.js developer

1. React.js is a library or framework?

2. DOM API and React’s API

document.getElementById('mountNode').innerHTML = `
<p>
Hello World!
</p>
`;
ReactDOM.render(
React.createElement(
'p',
null,
'hello world'
),
document.getElementById('mountNode2'),
);

3. ReactDOM.render

4. React.createElement

5. Component in React

6. Functional Component

const Input = (props) =>{
return(
<div>
<p>{props.text}</p>
</div>
)
}
ReactDOM.render(<Input text='Hello React!' />, mountNode)

7. Class Component

class Input extends React.Component{
render(){
return(
<div>
<p>{this.props.text}</p>
</div> );
}
}
ReactDOM.render(<Input text='Hello React!' />, mountNode)

8. Function Vs Class

9. Components vs Element

//these whole template is a component
const Student = () => {
return(
//inside return its an element
<div>
<p>hello react!</p>
</div>
)
}

10. Benefits of Component

  1. To make your code more useable and efficient it's a better decision to use components.
  2. For complex UI, HTML parsing gets more complex whereas react components work more efficiently and easier.
  3. Not only the same project, but you can also use react component in a different project.

--

--

--

Jr. Web Developer || Curious JavaScript Programmer

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

Recommended from Medium

Introducing Rekit Studio: a real IDE for React and Redux development

DOCKER WITH JAVASCRIPT

Deploying a Text Classification Model using Flask and Vue.js

Ternary Operator

Taking decisions to structure big projects with Hooks, Stores, Services and more…

10 Basic JavaScript topic for beginners need highly

50 JavaScript Best Practice Rules to Write Better Code

React Starter App

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
Md. Iqbal Ahmed

Md. Iqbal Ahmed

Jr. Web Developer || Curious JavaScript Programmer

More from Medium

What will it cost to begin an app like Dream 11?

What will it cost to begin an app like Dream 11?

A Beginner’s Guide to React styled-components

Uncovering my true passion for Graphic designing

How did your internship influence your future career ?