리액트 정리
[인프런] Nodebird 리뉴얼 (진행중) 본문
front/pages (네이밍 컨벤션!)
index.js
맨 위에 import React from 'react'; 안쓴 이유:
넥스트가 pages 폴더는 자동 인식 -> 파일들을 코드스플리팅 된 개별 페이지로 만들어준다.
action을 만드는 이유는, history를 남기기 위해서. (타임머신, 디버그)
reducer를 만드는 이유는, action을 js에게 이해시키기 위해서.
왜 객체를 새로 만들어줘서 리턴해주나 ?
{} === {} // false
이전기록, 다음기록을 둘다 남기기 위해서. 히스토리 관리!
새로운 객체를 만들어서 참조관계를 끊어준다.
새 객체를 생성할 때 ...state로 일부 참조 유지. 메모리 관리. + 받은 데이터.
'리액트' 카테고리의 다른 글
[인프런] Nodebird 리뉴얼 이론 - Next (0) | 2020.07.28 |
---|---|
[UserList] 배열에 항목 제거하기. filter로 id가 __인 객체를 삭제. (0) | 2020.03.03 |
[UserList] 배열에 항목 추가하기. Spread연산자와 concat (0) | 2020.03.03 |
[TodoList] styled-components, createGlobalStyle , Tagged template literal (0) | 2020.03.01 |
[TodoList] 컴포넌트에서 다른 컴포넌트를 담기. 합성 (Composition). {props.children} (0) | 2020.02.29 |