redux(2)
-
React.js + Redux
Redux * 장점.- UI / Data 가 분리되어 프로젝트를 이해하기가 쉬워지며, component의 재사용률도 높여 줌. * container로 만들어야 할 것.- Page- List- Header- Sidebar- 내부의 컴포넌트 때문에 props가 여러 컴포넌트를 거쳐야 하는 경우. * Action-Action은 하나의 객체. 모든 액션 객체는 type이라는 값을 지니고 있어야한다.ex) type: "SET_COLOR", color: "black"여기서 type은 액션의 이름과도 같은 존재.Type name은 대문자로 써야함. * Reducer- Action의 type에 따라 변화를 일으키는 함수. 초기상태가 정의되어야함. * StoreRedux에서 가장 핵심적인 인스턴스.이 안에 현재 상태를 ..
2017.06.21 -
Next.js / React.js Redux 진도
Next.js 기초 https://velopert.com/3293 ( O ) ++ Next.js 에 Redux 적용하는 방법은 ... with-redux 를 사용한다. https://github.com/zeit/next.js/tree/master/examples/with-reduxhttps://github.com/zeit/next.js/issues/872 참고. React.js + Redux 강좌 목차 링크 : https://velopert.com/3365 우선 순서는, 위에 Next.js 기본 강의는 들었고, 밑에 Redux 를 해보고 응용해보자.. 1강 시작 ~ https://velopert.com/3346 이걸로 React.js + Redux 실습을 진행.... +++++ 오늘의 Tip ! - Gi..
2017.06.21