- Component: The building block of React applications.
- JSX: A syntax extension for JavaScript, used with React to describe what the UI should look like.
- Props: Short for properties, used to pass data from parent to child components.
- State: Internal data management within a component.
- Lifecycle methods: Functions that are automatically called during the lifecycle of a component.
- Hooks: Functions that allow you to use state and other React features without writing a class.
- useState: A hook that allows functional components to use state.
- useEffect: A hook that allows performing side effects in functional components.
- Component Lifecycle: The series of stages a component goes through from birth to death.
- Rendering: The process of converting React components into UI elements.
- Virtual DOM: A lightweight copy of the DOM maintained by React for efficient rendering.
- Reconciliation: The process of updating the DOM efficiently based on changes in the virtual DOM.
- Conditional Rendering: Showing different UI based on certain conditions.
- Event Handling: Managing user interactions such as clicks and input changes.
- Forms: Handling user input through form elements.
- Refs: A way to access DOM nodes or React elements created in the render method.
- Context: A way to share data between components without having to pass props manually at every level.
- Higher-Order Components (HOCs): Functions that take a component and return a new component with additional functionality.
- Render Props: A technique for sharing code between components using a prop whose value is a function.
- Fragment: A way to group multiple children without adding extra nodes to the DOM.
- Portals: A way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
- Error Boundaries: Components that catch JavaScript errors anywhere in their child component tree.
- Optimizing Performance: Techniques for improving the performance of React applications.
- Memoization: Storing the results of expensive function calls and returning the cached result when the same inputs occur again.
- Pure Components: Components that only re-render when their props or state change.
- Immutable Data: Data that cannot be changed once created, helping to prevent bugs.
- Key Prop: A special attribute used by React to identify which items have changed, been added, or been removed.
- Hooks Rules: Rules and best practices for using hooks in React.
- Testing: Techniques and libraries for testing React components.
- Server-Side Rendering (SSR): Rendering React components on the server and sending the HTML to the client.
- Static Type Checking: Using tools like TypeScript or Flow to add static type checking to React applications.
- Error Handling: Handling errors gracefully in React applications.
- Code Splitting: Splitting the code into smaller bundles that can be loaded on demand.
- Context Providers: Components that provide data to their children via context.
- Context Consumers: Components that consume data from context providers.
- Event Bubbling and Capturing: The order in which events are handled in the DOM hierarchy.
- CSS-in-JS: Writing CSS directly in JavaScript files using libraries like styled-components or Emotion.
- Server Components: React components that are rendered on the server and sent to the client.
- Suspense: A feature that allows components to suspend rendering while waiting for data to load.
- Lazy Loading: Delaying the loading of components until they are needed.
- Error Boundaries: Components that catch JavaScript errors anywhere in their child component tree.
- Code Splitting: Splitting the code into smaller bundles that can be loaded on demand.
- Web Components: A set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps.
- Tree Shaking: A process that removes unused code from the final bundle.
- TypeScript with React: Using TypeScript for type safety in React applications.
- PropTypes: A library for type-checking props in React components.
- React Router: A library for routing in React applications.
- Redux: A predictable state container for JavaScript apps, often used with React for managing application state.
- Context API: React's built-in state management solution for sharing data across the component tree.
- React Native: A framework for building native applications using React.
React top 50 concepts
Le Vuong - Mar 4 - 
