Today I Learn...

  • Context API

    • 깊은 곳에 위치하는 컴포넌트에게 여러 컴포넌트를 거쳐서
      함수를 전달해야 하는 일이 있다면 Context API 를 사용

    • 새로운 Context 를 만드는 방법

        const UserDispatch = React.createContext(null);        
        <UserDispatch.Provider value={dispatch}>...</UserDispatch.Provider>
    • 내보내기/불러오기

      export const UserDispatch = React.createContext(null);
      import { UserDispatch } from './App';
  • immer 라이브러리

    • 데이터의 구조가 복잡해져서 불변성을 유지하면서 업데이트하려면 코드가 복잡해지는 상황이 올때 사용
    • immer 사용법
      $ yarn add immer
      import produce from 'immer';
    • produce 함수를 사용 할 때에는 첫번째 파라미터에는 수정하고 싶은 상태, 두번 째 파라미터에는 어떻게 업데이트하고 싶을지 정의하는 함수를 넣어준다.
  • VS code 익스텐션

    • Prettier, ESLint, Snippet

To-Do

  1. 벨로퍼트와 함께하는 모던 리액트 문서
  2. Sass