React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It is an open-source, component-based front end library.
Popular Post: React
In this tutorial, you will see a complete release history for React. React 17.0.2 is still the current stable version.
In this tutorial, you will learn how to set up an environment for development of ReactJS application.
The create-react-app is an excellent tool for beginners, which allows you to create and run React project very quickly.
The important features of ReactJS are JSX, Components, One-way Data Binding, Virtual DOM, Simplicity, Performance.
ReactJS is the highly used open-source JavaScript Library. But ReactJS has some Pros and Cons.
Reactjs is basically a JavaScript library and AngularJS is a structural framework for developing dynamic web apps.
Reactjs is basically a JavaScript library and React Native is a framework for building native applications using JavaScript.
React requires solid JavaScript skills, while Vue.js is more oriented to novice developers.
JSX stands for JavaScript XML. JSX allows us to write HTML in React. JSX makes it easier to write and add HTML in React.
A Component is one of the core building blocks of React. Components are independent and reusable bits of code.
React components has a built-in state object. The state is an instance of React Component Class can be defined as an object.
Props stands for properties. Props are arguments passed into React components.
App.propTypes is used for props validation in react component. In this example, we will create App component with all the props.
The difference between props and state is that state is internal and controlled by the component itself while props are external.
React constructor is no different than the normal constructor. It is a method that is called automatically when we created an object from that class.
ReactJS component is a top-level API. We will discuss three methods: setState(), forceUpdate and ReactDOM.findDOMNode().
Each component has several lifecycle methods that you can override to run code at particular times in the process.
React uses forms to allow users to interact with the web page. In React, form data is usually handled by the components.
We have two ways to handle the input value, the first one is the Controlled Component and the second is Uncontrolled component.
React can perform actions based on user events. React has the same events as HTML - click, change, mouseover etc.
Conditional rendering is a term to describe the ability to render different user interface (UI) markup if a condition is true or false.
In ReactJs, Lists are very useful to developing the UI of any website. Lists are mainly used for displaying menus in a website.
A key is a unique identifier. Keys help React identify which items have changed, are added, or are removed.
Refs are created using React.createRef() and attached to React elements via the ref attribute.