ReactJs
React.js is an open-source JavaScript library that is used for building user interfaces specifically for single-page applications. It’s used for handling the view layer for web and mobile apps. React also allows us to create reusable UI components. React was first created by Jordan Walke, a software engineer working for Facebook. React first deployed on Facebook’s newsfeed in 2011 and on Instagram.com in 2012. React allows developers to create large web applications that can change data, without reloading the page. The main purpose of React is to be fast, scalable, and simple. It works only on user interfaces in the application. This corresponds to the view in the MVC template. It can be used with a combination of other JavaScript libraries or frameworks, such as Angular JS in MVC. React JS is also called simply React or React.js.
Introduction
React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”. This category will give you a small brief about Reactjs.
Getting started with React
By Hari Sapna Nair
● Published At Oct 2021
This blog includes the basic concepts for getting started with React, creating the React starter app, React folder structure, etc.... Keep reading ..
Component Architecture
By Sneha Mallik
● Published At Jan 2022
This blog covers the concept of component architecture in react and how it is helpful in web development. ... Keep reading ..
Single Page Apps vs. Multi-Page Apps
By Manvi Chaddha
● Published At Nov 2021
There are two types of web applications - Single Page and Multi Pages. This blog will describe the differences between Single Page Apps vs. Multi-Page Apps.... Keep reading ..
Introduction to Babel
By Sneha Mallik
● Published At Jan 2022
This blog covers the concept of babel, a Javascript transpiler, and gives insight into the working process of an application using babel.... Keep reading ..
Introduction to Webpack
By Sneha Mallik
● Published At Jan 2022
This blog covers the concept of webpack. We will learn about webpack configurations, webpack as a modular bundler and the development server in webpack. ... Keep reading ..
Next js vs React js
By Soumya Deep Sahu
● Published At Jun 2022
In this article, we extensively discuss React js and Next js, how they compare and how they perform as agile frontend development tools... Keep reading ..
React Js Projects
By kashish saxena
● Published At Jun 2022
This article will deeply give you really good ideas for creating react Js projects with how react Js can be used for creating these projects. ... Keep reading ..
Advantages and Disadvantages of React JS
By Anju Jaiswal
● Published At Jun 2022
This blog gives an overview of disadvantages and advantages of ReactJS ... Keep reading ..
Main Concepts
There's never been a better time to learn React. You'll develop a strong understanding of React's most essential concepts: JSX, class and function components, props, state, lifecycle methods, and hooks.
Introduction to JSX
By Hari Sapna Nair
● Published At Oct 2021
JSX(JavaScript XML) is an XML-like syntax extension to ECMAScript which makes it easier to write and add HTML in React. This blog will give you an introduction to JSX.... Keep reading ..
Rendering Elements in ReactJs
By Rubleen Kaur
● Published At Oct 2021
The article covers a detailed description of how we can use Rendering in React application. We have covered how we can render and perform re-render if the app is updated. ... Keep reading ..
Props in React
By Manvi Chaddha
● Published At Oct 2021
JavaScript plays an important role in designing the UI of a webpage. While designing UI using React, it is important to have a solid understanding of Props in React. This article describes Props in React.... Keep reading ..
Components in React
By Neelakshi Lahiri
● Published At Oct 2021
JavaScript plays an important role in designing the UI of a webpage. Components help with that by splitting the UI. This article discusses components in React.... Keep reading ..
Functional Components in React
By Neelakshi Lahiri
● Published At Nov 2021
Components in React are divided into two parts - functional and class components. This article discusses functional components in React. ... Keep reading ..
Class components in React
By Neelakshi Lahiri
● Published At Oct 2021
Components in React are of two types. Class components in React are one such type of component and are discussed in this article. ... Keep reading ..
State and Lifecycle
By Kabir Singh
● Published At Oct 2021
In this article, we will be looking at how the working of State and Lifecycle takes place in react.... Keep reading ..
Handling Events in React
By Pranchal Agrahari
● Published At Oct 2021
Events are one of the most important parts of react.js. In this article, we will be discussing handling events in react.... Keep reading ..
React Components Lifecycle
By Ranjul Arumadi
● Published At Dec 2021
A component is one of the core building blocks in React. In this blog, we will be discussing the React components lifecycle.... Keep reading ..
Conditional Rendering in React
By Jessica Mishra
● Published At Oct 2021
This blog describes the concept of conditional rendering in React and ways to achieve it. ... Keep reading ..
REACT Lists and Keys
By Sneha Mallik
● Published At Oct 2021
This blog covers the concept of React lists and keys, the need for the React lists and keys, and how to generate unique keys for lists. ... Keep reading ..
Lifting The State Up in ReactJS
By Ranjul Arumadi
● Published At Oct 2021
In React, whenever a state needs to be shared with siblings, we lift the state up to the closest common ancestor. This is called "Lifting The State Up."... Keep reading ..
Difference between Composition and Inheritance in React
By Sneha Mallik
● Published At Oct 2021
This blog covers the concept of composition and inheritance in React and the difference between composition and inheritance in React.... Keep reading ..
REACT Forms
By Sneha Mallik
● Published At Oct 2021
This blog covers the concept of react forms, controlled components, conditional rendering and creating a form with the useState Hook. ... Keep reading ..
Thinking in React
By Ranjul Arumadi
● Published At Oct 2021
Thinking in React means how we can think to create projects using React. In this blog, we will break down the steps in building a simple search app using React.... Keep reading ..
Map in react js
By Soumya Deep Sahu
● Published At Jun 2022
In this article, we extensively discuss the map method, its use in Javascript and the use of map in React js with examples.... Keep reading ..
For Loop in React JS
By Vidhi Singh
● Published At Jun 2022
This article extensively covers the concept of the loop in ReactJS ... Keep reading ..
Login Page in React JS
By Vidhi Singh
● Published At Jun 2022
This article discusses how to create a login page in react js ... Keep reading ..
Use of render() in React js
By kashish saxena
● Published At Jun 2022
This article will deeply explain render() in react js and why we need to use the render(). ... Keep reading ..
useState() in React Js
By kashish saxena
● Published At Jun 2022
In this blog, we will learn about the useState() in React Js and when and how we can use the useState() method.... Keep reading ..
Dropdown in react js
By Shivani Singh
● Published At Jun 2022
In this blog, we will discuss the need for a dropdown in react js, how to use dropdown in react js, HTML5 dropdown list, react select dropdown, and multi select dropdown, and lastly, we will discuss the benefits and some guidelines of using react dro... Keep reading ..
Features of React js
By Akshit Mehra
● Published At Jun 2022
In this blog, we will briefly introduce React js. Also, we will study the major features of React js.... Keep reading ..
Table in React js
By Akshit Mehra
● Published At Jun 2022
In this Blog, we will be studying Tables in React js. Furthermore, we will see how to create table in React js. ... Keep reading ..
Advanced Guides
Take a deep dive into full-stack JavaScript with React.js and learn advanced concepts like the context API, HOCs, external state, performance optimization, asynchronous APIs, testing, deployment, and more.
REACT Accessibility
By Sneha Mallik
● Published At Dec 2021
This blog covers the concept of React accessibility, react accessibility issues, and the solutions to overcome them. ... Keep reading ..
Code-Splitting in React
By Hari Sapna Nair
● Published At Oct 2021
This blog includes the concept of Code-Splitting in React along with some frequently asked questions based on it.... Keep reading ..
REACT Context
By Sneha Mallik
● Published At Oct 2021
This blog covers the concepts of React context, createContext, provider, consumer, and how to use react context API. ... Keep reading ..
Error Boundaries in React
By Pranay Chauhan
● Published At Oct 2021
Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the component tree that crashed. ... Keep reading ..
Higher-Order Components in React
By Pranay Chauhan
● Published At Oct 2021
A higher-order component is an advanced technique in React for reusing component logic. They are a pattern that emerges from React’s compositional nature.... Keep reading ..
Integrating React with Other Libraries
By Sneha Mallik
● Published At Jan 2022
This blog covers the concept of integrating React with other libraries. We will look at how to include JavaScript libraries in a React app. ... Keep reading ..
React JSX in Depth
By Sneha Mallik
● Published At Feb 2022
This blog covers the concept of React JSX, the need for JSX in-depth, attributes, and commenting out the code in JSX. ... Keep reading ..
Render Props in React
By Pranay Chauhan
● Published At Oct 2021
Render props in react is a technique that allows sharing of code among several components using a prop whose value is a function. It helps to increase the code reusability.... Keep reading ..
Forwarding Refs in React
By Pranay Chauhan
● Published At Oct 2021
Ref forwarding is a technique for automatically passing a ref through a component to one of its children. ... Keep reading ..
REACT Fragments
By Sneha Mallik
● Published At Oct 2021
This blog covers the concept of React fragments, the returning of multiple elements, conditional rendering, array rendering, and the use of React fragments. ... Keep reading ..
Optimizing Performance in React
By Manvi Chaddha
● Published At Dec 2021
React uses several techniques to minimize the number of costly DOM operations. There are several other ways to speed up your React application; this article will discuss ways of Optimizing Performance in React. ... Keep reading ..
React Profiler
By Sneha Mallik
● Published At Feb 2022
This blog explains the concept of React Profiler and the prerequisites and tools required. The React Profiler DevTool and React Profiler API are also discussed. ... Keep reading ..
React Without ES6
By Pranay Chauhan
● Published At Nov 2021
ES6 is the 6th version of the ECMAScript programming language. We will learn how to implement React without ES6. ... Keep reading ..
React without JSX
By Manvi Chaddha
● Published At Nov 2021
In React, JSX allows us to use JavaScript and its rich functionality coupled with HTML directly. However, one can use React without JSX as well. This blog will teach you how to do so. ... Keep reading ..
React Reconciliation
By Sneha Mallik
● Published At Jan 2022
This blog covers the concept of React reconciliation, which explains how React modifies the browser's DOM. ... Keep reading ..
React Refs and DOM
By Sneha Mallik
● Published At Feb 2022
This blog covers the concept of React refs and DOM and also explains the use of refs, DOM, and ReactDOM. ... Keep reading ..
Static Type Checking
By Pratyksh
● Published At Dec 2021
This article will explore static type checking and its implementation in JavaScript. ... Keep reading ..
Strict Mode
By Priyanka Patwal
● Published At Oct 2021
Strict Mode is a React feature that highlights potential issues in a program. It causes its progeny to be subjected to additional tests and warnings.... Keep reading ..
Portals in React
By Pranay Chauhan
● Published At Nov 2021
Portals provide a first-class way to render children into a DOM node outside the parent component’s DOM hierarchy. ... Keep reading ..
Type Checking with PropTypes
By Gunjeev Singh
● Published At Jan 2022
This blog explains the concept and implementation of Type Checking with PropTypes in React.... Keep reading ..
Uncontrolled Components in React
By Sneha Mallik
● Published At Jan 2022
This blog discusses the concepts of uncontrolled components used in React applications.... Keep reading ..
Web Components
By Pranay Chauhan
● Published At Nov 2021
Web Components are a way of building custom, reusable, encapsulated HTML tags to use in web pages and web apps. ... Keep reading ..
React: Fiber Architecture
By Sneha Mallik
● Published At Feb 2022
This blog covers the concept of React fiber architecture and the need for it. We also learn about the elements being rendered into DOM. ... Keep reading ..
Axios in React
By Juhi Sinha
● Published At Nov 2021
In this blog, we will be discussing Axios in react. ... Keep reading ..
API Reference
React is a JavaScript library for building user interfaces. This API Reference includes information about different React Entities and Classes, and methods available to interact with them.
React DOM Server
By Juhi Sinha
● Published At Oct 2021
In this blog, we will be discussing the ReactDOMServer.... Keep reading ..
Accessing the DOM elements in React
By Juhi Sinha
● Published At Oct 2021
In this blog, we will be discussing the DOM Elements and how to access them in React. ... Keep reading ..
Synthetic Event In React
By Juhi Sinha
● Published At Oct 2021
In this blog, we will be discussing synthetic events in React ... Keep reading ..
React Test Utilities
By Gunjeev Singh
● Published At Feb 2022
This blog explains the concepts of testing react components using the react Test Utilities.... Keep reading ..
React Test Renderer
By Tanay Kumar
● Published At Feb 2022
This blog explains the React Test Renderer package and the methods linked to it.... Keep reading ..
JavaScript Environment Requirements
By devika varshney
● Published At Jan 2022
This blog will go through the environmental requirements needed to be fulfilled for javascript. We will see javascript's web browsers and development environment. Furthermore, we will see what is react and what you should do if you use an old browser... Keep reading ..
Hooks
“Hooks are a new addition to React in version 16.8 that allows you to use state and other React features, like lifecycle methods, without writing a class.” ... Hooks let you always use functions instead of having to constantly switch between functions, classes, higher-order components, and render props.
Introduction to React Hooks
By Sneha Mallik
● Published At Oct 2021
This blog covers the concept of React hooks, the rules to consider while using hooks, different state variables, basic and custom hooks.... Keep reading ..
Hooks at glance
By Rubleen Kaur
● Published At Nov 2021
This article delivers all the information you need to understand Hooks in ReactJs. We have covered the bare Hooks and also how we can create our custom-built Hooks. ... Keep reading ..
Using the state hook
By Pradipta Choudhury
● Published At Oct 2021
In this blog, we are going to learn state hook, declaration of state variables, and the difference between using class and function components.... Keep reading ..
Using the Effect Hook
By Rubleen Kaur
● Published At Nov 2021
This article describes what Effect hooks are and how we can use them in our applications. We have also briefly covered the two types of effects and a few tips about using them.... Keep reading ..
Rules of Hooks
By Pradipta Choudhury
● Published At Dec 2021
This article contains a discussion around the rules of Hooks, a brief introduction to the ESLint plugin and why they came into existence, and finally some frequently asked questions. ... Keep reading ..
Build your own Custom Hooks
By Rubleen Kaur
● Published At Oct 2021
The article helps us map out the essential features offered by Custom Hooks in ReactJs and how we can build cool custom hooks ourselves, using illustrative examples of various hooks. ... Keep reading ..
Hooks API Reference
By Pradipta Choudhury
● Published At Dec 2021
This article describes first with the introduction of hooks. Then proceed to basic hooks, useEffect, use context, and at last, some additional hooks.... Keep reading ..
useRef hook in React
By Pratyksh
● Published At Oct 2021
In this article, you’ll learn what a useRef hook is and how to use it in the best possible way.... Keep reading ..
useMemo hook in React
By Pratyksh
● Published At Oct 2021
In this article, we will explore the useMemo hook and how it can be leveraged to boost performance in our application.... Keep reading ..
Learn How to use React Js useCallback() hook
By GAZAL ARORA
● Published At Nov 2021
In this blog, you will learn about the useCallback hook in ReactJS with the help of some use cases. Read the following blog to understand it in detail... Keep reading ..
Frequently Asked Questions about Hooks
By Rubleen Kaur
● Published At Nov 2021
This article covers the 25 top most frequently asked questions on Hooks. It is a small guide for young developers to know all about React Hooks and how they can use it in their applications. ... Keep reading ..
Redux
Redux is a predictable state container designed to help you write JavaScript apps that behave consistently across client, server, and native environments and are easy to test. While it's mostly used as a state management tool with React, you can use it with any other JavaScript framework or library.
React Router
By GAZAL ARORA
● Published At Nov 2021
Routing to front-end applications is an essential concept, and in this blog, you will learn about the use of React Router to route anywhere in your react application. ... Keep reading ..
Redux-first Routing Model
By Rubleen Kaur
● Published At Dec 2021
This article briefly describes the redux-first routing model with a detailed explanation of the application code and the npm package which you can use to integrate the model in your project.... Keep reading ..
Reach Router
By Pranchal Agrahari
● Published At Nov 2021
In this blog, we will discuss a popular routing package reach router in detail with some examples... Keep reading ..
useReducer
By Pranchal Agrahari
● Published At Oct 2021
this is a complete guide for useReducer hook in Reactjs we will discuss useReducer in detail with some examples and illustrations.... Keep reading ..
Redux: Basic Concepts and Data Flow
By Reet Maggo
● Published At Oct 2021
This article will explain the fundamental concepts in Redux, its principles and its data flow. Redux terminology is described and illustrated with examples for a better understanding of the concept.... Keep reading ..
Redux States, Actions and Reducers
By Reet Maggo
● Published At Oct 2021
This article will explain the states, actions and reducer functions in Redux. We have illustrated the article with examples and code snippets for a better grasp of the concept.... Keep reading ..
Using Redux with UI and React
By Reet Maggo
● Published At Nov 2021
This article explains how Redux works with a UI layer to add a user interface to our previous app concept.... Keep reading ..
Async Logic and Data Fetching in Redux
By Reet Maggo
● Published At Nov 2021
This article explains asynchronous logic, the Thunk middleware and how it is used for data fetching in Redux.... Keep reading ..
puzzle icon

Top Problems related to ReactJs