MobX와 React Hooks를 조합하려고 하면 mobx-react-lite를 자연스럽게 접하게 됩니다. 그러나, 기존의 모든 기능이 구현되어 있지는 않아서 직접 구현을 하셔야 합니다. 예를 들면, 외부에 스토어를 생성하고 사용할때, 리액트에 안에서 사용할 수 있도록 해주는 inject나 Provider를 제공하지 않습니다. Hooks로 코드를 작성...
이번 섹션에서는 타입스크립트를 사용하는 리액트 컴포넌트에서 `useState` 및 `useReducer` 를 사용하여 컴포넌트의 상태를 관리하는 방법과 `useRef` 를 사용하여 컴포넌트 내부에서 관리하는 변수 및 DOM 을 이용하는 방법에 대해서 알아보겠습니다.
React hooks image Part1에서는 Hook을 통해 Class가 아닌 function(함수)만으로 state를 생성하고 갱신하는 방법을 알아보았습니다. 그러나 우리는 그것을 넘어서 state의 라이프 사이클을 다루고 싶습니다. 그것을 위해 우리는 Effect Hook에 대해 알아보겠습니다. 자 우선 기존에 Class를 통해 라이프 사이클을 ...
React hooks image Hook은 React 버전 16.8에 새로 추가되었습니다. Hook를 이용하여 Class를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다. 우리가 리액트에서 state에 라이프 사이클을 다루기위해서 Clsss를 사용한는것은 필연적이 였습니다. 이제 우리는 Hook을 사용해 Class없이 함수만으...
들어가기 전에 이 글은 useEffect API에 대해 어느정도 익숙한 독자를 위한 글입니다. 그리고 오역과 의역이 많을 수 있으니 이상하다 싶은 부분은 원래 문서를 참고해주시기 바랍니다. A Complete Guide to useEffect - Dan Abramov 에서 정보를 얻어 번역하였습니다. I got information from here a...
리덕스 v7.1 에 Hooks 기능이 alpha 로 탑재되었습니다. 한번 실습을 통하여 사용 방법을 알아봅시다.
React Hooks의 고급 API 중 일부인 useReducer를 알아봅니다.
퍼포먼스 최적화와 가독성에 도움을 주는 useMemo를 알아봅니다.
Ref와 React Hooks의 기본 API 중 하나인 useRef를 알아봅니다.
React Hooks를 조금 더 유연하게 사용할 수 있는 방법인 Custom Hooks를 알아봅니다.
useState 함수와 useEffect 함수를 조금 더 유연하게 사용하는 방법을 알아봅니다.
상태State 개념과 React Hooks를 소개하고, useState와 useEffect를 작성하는 방법을 알아봅니다.
hooks 원본 글 Hooks는 React 16.8 버전에 새로 추가되었습니다. Hooks는 여러분이 class를 사용할 필요 없이 state와 React의 특징들을 사용할 수 있게 합니다. useState는 우리가 Hooks에 대해 처음으로 배우게 될 함수입니다. 그러나 이 예제는 티져에 불과합니다. 아직 이해가 안 되어도 걱정하지 마세요! 당신...
React Hooks 는 v16.8 에 도입된 개념으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공합니다. 이에 대하여 한번 자세히 알아봅시다.