A JavaScript library for building user interfaces., React, A collection of ready-made tools that developers can use., JavaScript library, The visual part of an app that users see and interact with., user interface / UI, An app that uses one main HTML template and updates content without loading a new page each time., single-page application / SPA, A basic page structure used to display content., template, The browser’s structure of the webpage; React updates it when the UI changes., DOM, An independent, reusable part of the UI., component, A component that contains another component., parent component, A component inside another component., child component, Components placed inside other components., nested components, A component written as a JavaScript function., functional component, An older type of React component written as a JavaScript class., class-based component, Functions that let functional components use state and lifecycle features., React hooks, A syntax that looks like HTML but allows JavaScript inside it., JSX, A way to insert JavaScript expressions into JSX., curly braces {}, A tool that converts JSX into regular JavaScript and HTML-like code the browser can understand., compiler, A tool that manages different URLs and pages in a React single-page application., React Router, The process of matching URLs with the correct page/component., routing, Data passed from one component to another., prop, Passing props through many component layers., prop drilling, Data managed inside a component that can change over time., state, A React hook used to create and update component state., useState, A React hook used to work with lifecycle logic, such as loading data or reacting to changes., useEffect, The stages a component goes through: mounting, updating, and unmounting., component lifecycle, When a component is first added to the DOM., mounting, When a component changes because data, props, or state changed., updating, When a component is removed from the DOM., unmounting, State that can be used by many components in the app., global state, A built-in React tool for sharing global data without prop drilling., Context API, A third-party state management library., Redux, The structure of nested components in a React app., component tree, A lightweight copy of the real DOM that React uses to calculate efficient updates., Virtual DOM, The actual browser representation of the webpage., real DOM, A unique value used when rendering lists so React can track items., key prop, Code that reacts to user actions, such as clicks or typing., event listener, A writing style where words are joined and each new word starts with a capital letter., camelCase, A React event handler used when input value changes., onChange, A React event handler used when a form is submitted., onSubmit, A form element whose value is controlled by React state., controlled component, Showing different UI depending on a condition., conditional rendering, A short way to render something only if a condition is true., logical AND operator &&, A short conditional structure: condition ? A : B., inline if-else / ternary operator, A tool that creates starter files for a React project., Create React App, Starter code or basic project structure., boilerplate, A local server used to run the app while developing., development server, An optimised version of the app prepared for deployment., production build, Publishing the app so users can access it., deployment.

React

만든이
인쇄
퍼가기

순위표

비주얼 스타일

옵션

템플릿 전환하기

자동 저장된 게임을 복구할까요?