2019-11-02

bathingape·2019년 11월 2일
0

TIL(2019)

목록 보기
8/41

Today I Learn...

  • Context API

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

      • 새로운 Context 를 만드는 방법
      const UserDispatch = React.createContext(null);		
          <UserDispatch.Provider value={dispatch}>...</UserDispatch.Provider>
      
      * 내보내기/불러오기
      ```js
    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
profile
웹 개발을 위해 공부한 내용을 기록하고 있습니다.

0개의 댓글