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를 작성하는 방법을 알아봅니다.
useCallback 최근 추가된 hooks의 useCallback 함수에 대해 찾아 보았다. 이는 성능 향상을 위해 불필요한 렌더링을 방지하려는 경우 적합하다. 자식 컴포넌트에 콜백을 전달하는 두 가지 방법을 비교해 보자. 1. class + inline arrow function class Foo extends Component { handl...
hooks 원본 글 Hooks는 React 16.8 버전에 새로 추가되었습니다. Hooks는 여러분이 class를 사용할 필요 없이 state와 React의 특징들을 사용할 수 있게 합니다. useState는 우리가 Hooks에 대해 처음으로 배우게 될 함수입니다. 그러나 이 예제는 티져에 불과합니다. 아직 이해가 안 되어도 걱정하지 마세요! 당신...
React Hooks 는 v16.8 에 도입된 개념으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공합니다. 이에 대하여 한번 자세히 알아봅시다.