react
-
[JS]Shallow CompareDev/JS 2018. 7. 3. 10:23
Shallow Compare import import shallowCompare from 'react-addons-shallow-compare'; //ES6 var shallowCompare = require("react-addons-shallow-compare"); //ES5 Overview React.PureComponent가 소개되기 전에, React와 ES6에서는 shallowCompare이 PureRenderMixin과 함수적으로 동일한 기능을 담당했었습니다. 만약 React 컴포넌트의 render 함수가 "pure"( 동일한 state와 props로 동일한 결과를 렌더링할 때를 말합니다.) 이면, 이 helper함수를 성능향상에 사용할 수 있습니다. Example : export class S..
-
[JS] React.js JSX 없이 React 사용하기Dev/JS 2018. 6. 3. 16:44
React Without JSX JSX는 React 를 사용하는데 필수 조건이 아닙니다. JSX를 사용하지 않고 React를 쓰면 컴파일 설정을 하지 않을 때특히 더 편리함을 느낄 수 있습니다. 여러 JSX 요소들은 단지 구문에 설탕정도로 여겨집니다. 예를 들어 React.createElement(component, props, ...children) 을 부를 때 처럼 말이죠. 그래서, JSX를 사용하면서 할 수 있는 모든것을 plain Javascript 만으로도 할 수 있습니다. 예를 들어, 이 코드는 JSX로 사용된 코드 입니다. class Hello extends React.Component { render() { return Hello {this.props.toWhat}; }} ReactDOM...