Popular Post: React

React Introduction

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It is an open-source, component-based front end library.

React Version

In this tutorial, you will see a complete release history for React. React 17.0.2 is still the current stable version.

React Installation

In this tutorial, you will learn how to set up an environment for development of ReactJS application.

React create-react-app

The create-react-app is an excellent tool for beginners, which allows you to create and run React project very quickly.

React Features

The important features of ReactJS are JSX, Components, One-way Data Binding, Virtual DOM, Simplicity, Performance.

ReactJS vs AngularJS

Reactjs is basically a JavaScript library and AngularJS is a structural framework for developing dynamic web apps.

Reactjs vs React Native

Reactjs is basically a JavaScript library and React Native is a framework for building native applications using JavaScript.

React vs Vue

React requires solid JavaScript skills, while Vue.js is more oriented to novice developers.

React JSX

JSX stands for JavaScript XML. JSX allows us to write HTML in React. JSX makes it easier to write and add HTML in React.

React Components

A Component is one of the core building blocks of React. Components are independent and reusable bits of code.

React State

React components has a built-in state object. The state is an instance of React Component Class can be defined as an object.

React Props

Props stands for properties. Props are arguments passed into React components.

React Props Validation

App.propTypes is used for props validation in react component. In this example, we will create App component with all the props.

React State vs Props

The difference between props and state is that state is internal and controlled by the component itself while props are external.

React Constructor

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.

React Component API

ReactJS component is a top-level API. We will discuss three methods: setState(), forceUpdate and ReactDOM.findDOMNode().

React Forms

React uses forms to allow users to interact with the web page. In React, form data is usually handled by the components.

React Events

React can perform actions based on user events. React has the same events as HTML - click, change, mouseover etc.

React Conditional Rendering

Conditional rendering is a term to describe the ability to render different user interface (UI) markup if a condition is true or false.

React Lists

In ReactJs, Lists are very useful to developing the UI of any website. Lists are mainly used for displaying menus in a website.

React Keys

A key is a unique identifier. Keys help React identify which items have changed, are added, or are removed.

React Refs

Refs are created using React.createRef() and attached to React elements via the ref attribute.