REACT
-
Controlled Component 란?React 2022. 4. 15. 15:00
ReactJS에서 controlled component 와 uncontrolled components 는 무엇이고 무슨 차이가 있는걸까? stateful DOM component(form elements)는 자신만의 state를 가지고 있고 update한다. React가 가지고 있는 state를 "single source of truth"로 정하는 것은 from element가 props를 통해 React state를 전달받아 internal state값을 정하는 것을 의미한다. 다시말해, form element를 render하는 React Component가 form 에 입력되는 사용자의 값을 control할 때 이를 Controlled Component라고 한다. Uncontrolled Compone..
-
Render lists in dedicated components 리스트만을 위한 컴포넌트MobX 2022. 3. 2. 15:19
큰 collections을 렌더링해야 할 때 특히 지켜져야 한다. collection이 바뀔 때 마다 collection으로 부터 produced된 component는 재조정을 거쳐야 하기 때문이다. 따라서, 컴포넌트는 다른 무언가를 렌더링하지 않고 collection만을 render하는 것을 권장한다. bad: const MyComponent = observer(({ todos, user }) => ( {user.name} {todos.map(todo => ( ))} )) good: const MyComponent = observer(({ todos, user }) => ( {user.name} )) const TodosView = observer(({ todos }) => ( {todos.map(to..
-
Github에서 갑자기 사라진 Ant design - github 임시(대체) 링크Ant Design 2021. 2. 15. 15:04
중국판 깃허브 깃티 : gitee.com/ant-design/ant-design ant-design/ant-design Ant Design GitHub reprository disppears suddenly, we are looking into it and seeking recover help from GitHub gitee.com 복구 ant-design : github.com/ant-design/ant-design-site-temporary ant-design/ant-design-site-temporary antd repo disappear, we are contacting GitHub to recover. - ant-design/ant-design-site-temporary github.com 프론..