react js

구조/개념

• React.js를 이해하다

• http://www.slideshare.net/deview/141-react-everywhere

• Facebook은 React를 왜 만들었을까?

• http://webframeworks.kr/tutorials/react/es2015-react/

• http://www.slideshare.net/jisuyoun/frontend-es6-reactjs

• React.js 실서비스 적용기

• https://spoqa.github.io/2015/09/09/react-guide-01.html

Props, State

• https://velopert.com/921

Lifecycle method

• constructor
• getChildContext
• componentWillMount : ES6 에서는 사용할 일 없음
• componentDidMount
• componentWillReceiveProps
• shouldComponentUpdate
• componentWillUpdate
• componentDidUpdate
• componentWillUnmount
• render

Server side rendering

• http://subicura.com/2016/06/20/server-side-rendering-with-react.html

Flux & Redux

• 페이스북의 결정: MVC는 확장에 용이하지 않다. 그렇다면 Flux다.
• http://haruair.github.io/flux/docs/overview.html#content
• Flux와 Redux
• http://dobbit.github.io/redux/
• 역시 Redux
• 리덕스(Redux) 애플리케이션 설계에 대한 생각
• FluxUtils 한바퀴
• http://jaysoo.ca/2015/02/06/what-the-flux/
  • As you see, the canonical Flux architecture is only one way of implementing CQRS in a system.
• https://egghead.io/courses/getting-started-with-redux

생태계 라이브러리

• http://jxnblk.com/rebass/
• https://github.com/reactjs/react-router
  • https://github.com/reactjs/react-router-tutorial : Reactor 라우터 예제
• https://github.com/mobxjs/mobx-react
• react-developer-tools

활용사례

• http://fbdg.github.io/ironhee-2015-presentation
• 안드로이드에 Flux 적용하기. Flux는 정말 새로운 것인가?

Convention

• https://github.com/airbnb/javascript/tree/master/react