• 시작하기
  • 빠른 시작
  • 리액트로 생각하기
• 설치
  • 새 프로젝트에서 시작하기
  • 기존 프로젝트에서 시작하기
  • 에디터 셋업
  • 타입스크립트 적용하기
  • 개발자 도구
• 개념 정리
  • UI 표현하기
    • 첫 컴포넌트
    • 컴포넌트 가져오기 & 내보내기
    • JSX로 마크업 작성하기
    • JSX에서 중괄호로 자바스크립트 사용하기
    • 컴포넌트에 프로퍼티 전달하기
    • 조건부 렌더링
    • 리스트 렌더링
    • 컴포넌트를 순수하게 유지하기
    • UI 트리
  • 상호작용 추가하기
    • 이벤트에 응답하기
    • 상태: 컴포넌트의 메모리
    • 렌더와 커밋
    • 스냅샷으로서 상태
    • 대기열에 일련의 상태 업데이트 추가하기
    • 객체 상태 업데이트하기
    • 배열 상태 업데이트하기
  • 상태 관리하기
    • 상태로 입력에 반응하기
    • 상태 구조 결정하기
    • 컴포넌트간에 상태 공유하기
    • 상태 보존 및 재설정하기
    • 상태 로직을 리듀서로 추출하기
    • 컨텍스트로 데이터 전달하기
    • 리듀서와 컨텍스트로 확장하기
  • 이스케이프 해치
    • Refs로 값 참조하기
    • refs로 DOM 조작하기
    • Effects로 동기화하기
    • Effect는 필요하지 않을 수도 있다
    • 반응형 Effects의 라이프사이클
    • Effects에서 이벤트 분리하기
    • Effect 의존성 제거하기
    • 커스텀 Hooks로 로직 재사용하기
• 기능 정리
  • react@18.2.0
    • Hooks
      • useState
      • useRef
      • useCallback
      • useMemo
      • useReducer
      • useContext
      • useEffect
      • useLayoutEffect
      • useId
      • useTransition
    • Components
      • Fragment
      • Profiler
      • StrictMode
      • Suspense
    • API's
      • createContext
      • forwardRef
      • lazy
      • memo
    • 지시어
      • 'use client'
      • 'use server'
  • react-dom@18.2.0
    • Hooks
    • Components
      • form
      • input
    • API's
      • createPortal
      • flushSync
      • findDOMNode (Deprecated)
      • hydrate (Deprecated)
      • render (Deprecated)
      • unmountComponentAtNode (Deprecated)
    • Client API's
      • createRoot
      • hydrateRoot
    • Server API's
      • renderToNodeStream (Deprecated)
      • renderToPipeableStream
      • renderToReadableStream
      • renderToStaticMarkup
      • renderToStaticNodeStream
      • renderToString
• 블로그
  • React Labs: 작업 중인 사항 - 2023년 3월 (서버 컴포넌트)