리액트 공식 문서 스터디

LEARN REACT

• Quick Start
  • Tutorial: Tic-Tac-Toe
  • Thinking in React
• Installation
  • Start a New React Project
  • Add React to an Existing Project
  • Editor Setup
  • Using TypeScript
  • React Developer Tools
• Describing the UI
  • Your First Component
  • Importing and Exporting Components
  • Writing Markup with JSX
  • JavaScript in JSX with Curly Braces
  • Passing Props to a Component
  • Conditional Rendering
  • Rendering Lists
  • Keeping Components Pure
• Adding Interactivity
  • Responding to Events
  • State: A Component's Memory
  • Render and Commit
  • State as a Snapshot
  • Queueing a Series of State Updates
  • Updating Objects in State
  • Updating Arrays in State
• Managing State
  • Reacting to Input with State
  • Choosing the State Structure
  • Sharing State Between Components
  • Preserving and Resetting State
  • Extracting State Logic into a Reducer
  • Passing Data Deeply with Context
• Escape Hatches
  • Referencing Values with Refs
  • Manipulating the DOM with Refs
  • Synchronizing with Effects - cofla juhee
  • You Might Not Need an Effects - KoziKim juhee
  • Lifecycle of Reactive Effects
  • Separating Events from Effects
  • Removing Effect Dependencies
  • Reusing Logic with Custom Hooks

---

API REFERENCE

• Hooks

  • State Hooks
    • useState - juhee SungBeum
    • useReducer - juhee SungBeum
  • Context Hooks
    • useContext
  • Ref Hooks
    • useRef
    • useImperativeHandle
  • Effect Hooks
    • useEffect
    • useLayoutEffect
    • useInsertionEffect
  • Performance Hooks
    • useMemo
    • useCallback - cofla juhee
    • useTransition
    • useDeferredValue
  • Other Hooks
    • useDebugValue
    • useId
    • useSyncExternalStore

• Components

  • <Fragment> (<>)
  • <Profiler>
  • <StrictMode>
  • <Suspense>

• Directives

  • use client
  • use server

  ---

React-dom

• Hooks

  • useFormState - juhee , sungbeum
  • useFormStatus - juhee , sungbeum

• Components

• APIs

• Client APIs

• Server APIs