React
📄️ 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.