react.js 공식문서 번역
1.Your First Component
첫 번째 컴포넌트 만들기
2.Importing and Exporting Components
컴포넌트 임포트(Import) 및 엑스포트(Export)하기
3.Writing Markup with JSX
JSX로 마크업 작성하기
4.JavaScript in JSX with Curly Braces
JSX에서 중괄호로 자바스크립트 사용하기
5.Passing Props to a Component
컴포넌트에 Props 전달하기
6.Conditional Rendering
조건부 렌더링
7.Rendering Lists
리스트 렌더링
8.Keeping Components Pure
컴포넌트를 순수하게 유지하기
9.Understanding Your UI as a Tree
UI를 트리로 이해하기
10.Responding to Events
이벤트에 응답하기 (Responding to Events) React를 사용하면 JSX에 이벤트 핸들러(event handlers)를 추가할 수 있어요. 이벤트 핸들러라는 건, 사용자가 버튼을 클릭하거나, 마우스를 올리거나(hover), 입력창에 포커스를 맞추는 등의 다양한 상호작용(interaction)을 했을 때 그에 반응하여 실행되도록 우리가 직접 ...
11.State: A Component's Memory
"State: 컴포넌트의 기억력
12.Render and Commit
렌더링과 커밋
13.State as a Snapshot
스냅샷으로서의 State
14.Queueing a Series of State Updates
여러 State 업데이트 큐에 담기
15.Updating Objects in State
State에서 객체 업데이트하기
16.Updating Arrays in State
상태에서 배열 업데이트하기
17.Reacting to Input with State
State로 입력에 반응하기
18.Choosing the State Structure
상태 구조 선택하기
19.Sharing State Between Components
컴포넌트 간에 State 공유하기
20.Preserving and Resetting State
상태 보존 및 초기화
21.Extracting State Logic into a Reducer
상태 로직을 Reducer로 추출하기
22.Passing Data Deeply with Context
Context로 데이터 깊숙이 전달하기
23.Scaling Up with Reducer and Context
Reducer와 Context로 확장하기
24.Referencing Values with Refs
Ref로 값 참조하기
25.Manipulating the DOM with Refs
Ref로 DOM 조작하기
26.Synchronizing with Effects
Effect와 동기화하기
27.You Might Not Need an Effect
Effect가 필요하지 않을 수도 있다
28.Lifecycle of Reactive Effects
리액티브 Effect의 생명주기
29.Separating Events from Effects
이벤트와 Effect 분리하기
30.Removing Effect Dependencies
Effect 의존성 제거하기
31.Reusing Logic with Custom Hooks
커스텀 Hook으로 로직 재사용하기
32.React Compiler/Introduction
React Compiler 소개
33.React Compiler/Incremental Adoption
점진적 도입
34.React Compiler/Debugging and Troubleshooting
디버깅과 문제 해결
35.Using TypeScript
TypeScript 사용하기
36.React Developer Tools
React 개발자 도구
37.Thinking in React
React로 사고하기
38.Built-in React Hooks
React 내장 Hooks
39.useActionState
useActionState
40.useCallback
useCallback
41.useContext
useContext
42.useDebugValue
useDebugValue
43.useDeferredValue
useDeferredValue
44.useEffect
useEffect
45.useEffectEvent
useEffectEvent
46.useId
useId
47.useImperativeHandle
useImperativeHandle
48.useInsertionEffect
useInsertionEffect
49.useLayoutEffect
useLayoutEffect
50.useMemo
useMemo
51.useOptimistic
useOptimistic
52.useReducer
useReducer
53.useRef
useRef
54.useState
useState
55.useSyncExternalStore
useSyncExternalStore
56.useTransition
useTransition
57.<Fragment> (<>...</>)
<Fragment>
58.<Profiler>
<Profiler>
59.<StrictMode>
<StrictMode>
60.<Suspense>
<Suspense>
61.<Activity>
<Activity>
62.act
act
63.cache
cache
64.cacheSignal
cacheSignal
65.captureOwnerStack
captureOwnerStack
66.createContext
createContext
67.lazy
lazy
68.memo
memo
69.startTransition
startTransition
70.use
use
71.useFormStatus
useFormStatus
72.Common components (e.g. <div>)
모든 브라우저 내장 컴포넌트들은 몇 가지 공통 props와 이벤트를 지원
73.<form>
<form>
74.<input>
<input>
75.<option>
<option>
76.<progress>
<progress>
77.<select>
<select>
78.<textarea>
<textarea>
79.<link>
<link>
80.<meta>
<meta>
81.<script>
<script>
82.<title>
<title>
83.createPortal
createPortal
84.flushSync
flushSync
85.preconnect
preconnect
86.prefetchDNS
prefetchDNS
87.preinit
preinit
88.preinitModule
preinitModule
89.preload
preload
90.preloadModule
preloadModule
91.createRoot
createRoot
92.hydrateRoot
hydrateRoot