1. Component: A reusable piece of UI that can manage its own state and lifecycle. Components can be functional or class-based.
2. JSX (JavaScript XML): A syntax extension for JavaScript that allows writing HTML-like code within JavaScript, commonly used to define React components.
3. Props (Properties): A mechanism for passing data from parent components to child components. Props are read-only and help in making components dynamic.
4. State: An object that determines the behavior and rendering of a component. Unlike props, state is managed within the component and can change over time.
5. Lifecycle Methods: Special methods in class components that allow developers to hook into different stages of a component's lifecycle, such as
componentDidMount, componentDidUpdate, and componentWillUnmount.6. Hooks: Functions that let you use state and other React features in functional components. Common hooks include
useState, useEffect, and useContext.7. Virtual DOM: A lightweight representation of the actual DOM that React uses to optimize rendering performance by minimizing direct manipulation of the real DOM.
8. React Router: A library for managing navigation and routing in a React application, allowing for dynamic rendering of components based on URL paths.
9. Higher-Order Component (HOC): A pattern for reusing component logic by creating a function that takes a component and returns a new component with additional props or functionality.
10. Context API: A feature that allows for sharing values (like state) between components without explicitly passing props through every level of the component tree.
11. Redux: A state management library often used with React to manage global application state through a unidirectional data flow, using actions and reducers.
12. Reducer: A pure function in Redux that takes the current state and an action as arguments and returns a new state, used to manage state transitions.
13. Action: An object that describes an event or change in the application state, typically containing a
type and optional payload.14. Thunk: A middleware for Redux that allows action creators to return functions instead of plain action objects, enabling asynchronous operations.
15. Fragment: A lightweight wrapper that allows grouping multiple elements without adding extra nodes to the DOM, used to return multiple children from a component.
16. Portal: A feature that allows rendering a component's children into a different part of the DOM tree, outside of its parent hierarchy.
17. Memoization: A performance optimization technique that involves caching the results of expensive function calls to avoid unnecessary recalculations.
18. Controlled Component: A form element whose value is controlled by React state, ensuring that the React component is the single source of truth for the input value.
19. Uncontrolled Component: A form element that maintains its own internal state and is not directly controlled by React, often using refs to access its value.
20. React DevTools: A browser extension that provides debugging tools for inspecting React component hierarchies, props, state, and performance metrics.