NoteGPT_React Full Course for free ⚛️ (2024).txt

ReactJS

A JavaScript library used for building user interfaces.

Component

A self-contained section of code in React that functions as a reusable building block.

JSX

A syntax extension for JavaScript that allows writing HTML-like code within JavaScript files.

Virtual DOM

A lightweight copy of the Real DOM in React, allowing for updates without refreshing the entire web page.

Node.js

A runtime environment that executes JavaScript code outside of a web browser.

npm

Node Package Manager, a tool to install and manage packages for Node.js and JavaScript projects.

Props

Properties that allow passing data from one component to another in React.

State

An object that determines how that component renders & behaves in React.

useState Hook

A React Hook that allows you to add state to functional components.

useEffect Hook

A React Hook that lets you synchronize a component with an external system (e.g., fetching data, subscriptions).

useRef Hook

A React Hook that allows you to access and interact with DOM elements or persist values without causing re-renders.

Event Handling in React

The mechanism to handle user interactions (like clicks) in React components.

Component Lifecycle

Phases in the lifecycle of a React component: mounting, updating, and unmounting.

Conditional Rendering

Rendering different UI output based on conditions in React.

Context API

A React feature that allows for global state management and sharing data across components without prop drilling.

useContext Hook

A Hook that lets you use the Context API in functional components.

CSS Modules

A way to write CSS that's scoped locally to a specific component.

React Router

A library for routing in React applications.

Giving Styles to Components

Different techniques in React for styling components, such as CSS modules, inline styles, or using external stylesheets.

Event Listeners

Functions that are called when a specified event occurs on a DOM element.

Hooks

Functions that let you 'hook into' React state and lifecycle features from function components.

Controlled Components

Components that derive their input value from component state, making the component the single source of truth.

Uncontrolled Components

Components that store their own state internally, not controlled by React.

Framer Motion

A popular library for animations in React applications.

Functional Components

JavaScript functions that return React elements.

Class Components

ES6 classes that extend React.Component to define components with lifecycle methods.

Higher-Order Components

Functions that take components as arguments and return new components.

Render Props

A technique for sharing code between React components using a prop whose value is a function.