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