TIL-20220710

회고

• 생각을 오래 안하고 Docs만 읽으면써 따라하면서 머리에 때려 넣으니까, 한 80%는 그냥 뇌를 안거치고 지나가는거 같다.
  • 일단 빠르게 전에 docs(learn/api)을 훑는건 좋은데 나중에 카페에서 React Day(React/Next)로 쭈욱 정리한번하자.
• 오늘도 CS Core(DS&A, OS, Architecture, Networking)는 못했다. 일요일이까. (백수인데 일요일 구분이 의미가 있는진 모르겠지만...)
• 내일부터 한주의 시작이다. 다시 해보자.
• 체력관리하자 오늘 25km bike riding, 1시간 17분
• React는 매력적인 라이브러리다.
  • 풍부한 docs가 한몫한다. shoutout to the @dan

React

• Referencing Values with Refs
  • Adding a ref to your component
  • Example: building a stopwatch
  • Differences between refs and state
  • When to use refs
  • Best practices for refs
  • Refs and the DOM

• Manipulating the DOM with Refs
  • Getting a ref to the node
    • Example: Focusing a text input
    • Example: Scrolling to an element
  • Acceing another component's DOM nodes
  • When React attaches the refs
  • Best practices for DOM manipulation with refs

• Extracting State Logic into a Reducer
  • Consolidates state logic with a reducer
    • Step1: Move from setting state to dispatching actions
      • Conventions
    • Step 2: Write a reducer function
      • Conventions
    • Step 3: Use the reducer from your component
  • Comparing useState and useReducer
  • Writing reducers well
  • Writing concise reducers with Immer

• Passing Data Deeply with Context
  • The problem with passing props
  • Context: an alternative to passing props
    • Step 1: Create the context
    • Step 2: Use the context
    • Step 3: Provide the context
  • Using and providing ocntext from the same component
  • Context passes through intermediate components
  • Before you use context
  • Use cases for context

• Scaling Up with Redcuer and Context
  • Combining a redcuer with context
    • Step 1: Create the context
    • Step 2: Put state and dispatch into context
    • Step 3: Use context anywhere in the tree
  • Moving all wiring into a single file