React

An overview of React and Redux

📄️ react-dom package

The primary purpose of react-dom is to allow React to interact with the

📄️ React.Fragment

Each React component should return only one element. If you need to return

📄️ Virtual DOM

Operations on the real DOM can be slow and resource-intensive. So libraries like

📄️ React Fiber

Fiber is a new version of the React core algorithm, introduced in React 16. The

📄️ Components

Functional Components

📄️ Props

Props (short for properties) are are used to pass data from from a parent

📄️ Lifecycle Methods

React components go through 3 stages during their lifecycle:

📄️ Hooks

Hooks are functions that allow you to use additional React features in

📄️ Side Effects in React Components

Side effects can include data fetching, subscriptions, or manually changing the

📄️ State

In React, state refers to a built-in object that stores property values that

📄️ Memoization

Class Components

📄️ Using Refs in React

Refs can be used to hold any mutable value that doesn't trigger a re-render when

📄️ React Context

React Context is a way to manage state globally in an application. It allows you

📄️ Portals

Portals provide a way to render children into a DOM node that exists outside the

📄️ Working with Forms

In React, handling forms involves managing state and handling user input

📄️ Common Patterns

Conditional Rendering

📄️ Optimisation of React Components

The key Prop

📄️ Data Virtualization

When we need to work with large datasets in React, such as large lists, we can

📄️ Recompose

Recompose is a React utility belt for function components and higher-order

📄️ Redux Overview

What is Redux and Why Use It in React Native?

📄️ Concurrent Mode

Concurrency is a way of using multiple tasks at once to make software run

📄️ Bundle Optimisaton

When you import a module or a library into your JavaScript application, it

📄️ Using DevTools

React DevTools

📄️ Testing

Testing in React applications involves verifying that components, utilities, and

📄️ React Router

React Router is a standard library for routing in React. It enables the

📄️ Memoization it Redux: Reselect Library

Reselect is a library for creating memoized "selector" functions in JavaScript.