WONISM | REACTJS

React - 기본적인 이론 컨셉...

이 문서는 필자의 React 모델에 대한 이해를 설명하기 위한 문서이다. 이 디자인을 이끄는 연역적 추론의 관점에서 이를 설명하고자 한다....

javascript reactjs

2018-08-15 20:34

React를 실질적으로 제어하는 updater...

node_modules에서 react 모듈의 내용을 보면, react는 추상 클래스의 모음이고, 실제 중요한 로직들은 대부분 react-reconsiler, react-dom 등 안에 구현되어 있다....

javascript react reactjs reconciliation

2018-08-15 02:00

Virtual DOM 살펴보기...

가상 DOM은 크게 두 가지 컨셉을 가진다. 1. 가상 DOM은 실제 DOM의 표현 방법이다. 2. 가상 DOM 트리에서 무엇인가 변경되면 새로운 트리를 얻게된다. 알고리즘은 두 트리를 비교하여 변경점을 찾고, 실제 DOM 변경에 필요한 최소한의 변경만을 수행한다. (참고로, 리액트의 트리 변경 알고리즘의 Big O는 O(n)이다.)...

javascript virtual dom jsx reactjs

2018-05-18 00:13

Reselect로 Redux 성능 개선하기...

selector는 store로부터 온 데이터를 가져오거나 계산하는 역할을 하며, Redux가 상태를 최소한으로 유지할 수 있도록 한다. 이 셀렉터는 인자가 변경될 때까지 다시 계산하는 일이 없기에 효율적이다....

javascript reactjs redux reselect memoization

2017-10-30 00:03

Lodash로 좀 더 간결한 Reducer 코드 작성하기...

일반적으로 리듀서에서 액션의 타입에 따라 다른 작업을 수행하기 위해 switch를 사용한다. 이 때, 각 case마다 블록으로 사용하지 않는 이상 스코프의 범위는 switch의 블록이다....

javascript reactjs redux lodash functional programming

2017-10-07 00:26

Redux 튜토리얼...

Redux는 상태를 관리해주는 라이브러리로 React JS, Vue JS 등과 함께 사용되며, 큰 애플리케이션의 상태를 보다 쉽게 할 수 있도록 도와준다....

javascript reactjs redux flux

2017-10-05 20:39

리액트 성능 향상 시키기 - React.PureComponent...

React.PureComponent는 React.Component와 매우 유사하다. 하지만 한 가지 다른 점이 있다면, React의 생명주기 메소드 중 하나인 shouldComponentUpdate를 다루는 방식이 다르다는 것이다....

javascript optimization reactjs component pure component

2017-09-13 21:39