# hook
Prevent React component state from updating when unmounted 갱신 막기
참고: Prevent "React state update on unmounted component" warning when setting state on async callbackAsk Question
React Lifecycle와 useEffect()
Image Link : https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/모든 컴포넌트는 여러 종류의 '생명주기 메서드'를 가지며, 이 메서드를 오버라이딩하여 특정 시점에 코드가 실행되도록 설정할 수
[Hook 시리즈] Lazy initialization 이 대체 뭔데 그래서
게으른 것도 때론 쿨하고 좋을 때가 있지! 그게 바로 Lazy initialization
[TIL] 0615~0616
의문점 js가 왜 함수형 언어인지? 리액트는 함수형? 객체지향? -> 객체지향에서 함수형으로 바뀌는 추세인 듯? 리액트의 컴포넌트를 사용해서 조합하는 방식이 객체지향인건지? -> 아예 다른 개념인 것 같다. 작은 부분들로 조합해서 큰 것을 만드는 것은 그냥 복잡한
[React] State, Effect Hook 활용하기 (2) Rest API fetch (StateAirline Client 과제)
part 2
React 클라이언트 Ajax 요청
react의 데이터 흐름, state 끌어올리기, Effect Hook, useEffect, 순수함수, side effect, 로딩화면, Ajax 요청
⚛︎React Hook Form
: React Hook Form 라이브러리: 유효성 검증시에도 유용함.(vaildation)npm i react-hook-formex) <input {...register("toDo")} /> : register가 반환하는 객체를 input의 props로 전달함
React | UseRef
리액트를 사용하기 전까지 우리는 특정 태그에 접근할 때 document.getElementById() 를 사용했다.하지만, 리액트는 실제 DOM이 아닌 virtual DOM(가상돔)을 다루기 때문에 document.getElementById()으로 접근했을 때 문제가
[React] useEffect
by Meds Safety https://medssafety.com/side-effects-vs-adverse-effects-vs-contraindications/the hook that manages side-effects in functional React
useState 만들어보기
처음 react hook을 사용했을 때부터, useState, useEffect와 같은 hook들이 내부적으로 어떻게 동작하는 지 매우 궁금했다. 사용하는 입장에서는 그저 마법처럼 느껴진다는 말이 맞는 것 같다.사실, 이번 말고도 이전에 hook을 바닐라 js로 만드려
useMemo, useRef, useCallback
useMemo > ### Memoization 비용이 많이 드는 함수 호출의 결과를 저장하고, 동일한 입력이 다시 발생했을 때 캐시된 결과를 반환하여 컴퓨터 프로그램의 속도를 높여주는 최적화 기법이다. 일반적으로 React의 컴포넌트 함수는 렌더링이 일어날 때마다
Rules of Hooks
Hooks는 자바스크립트 함수지만 두 가지 규칙을 지키며 사용해야 합니다. 이런 규칙은 linter plugin을 통해 자동으로 적용할 수 있습니다. Only Call Hooks at the Top Level Hooks를 루프 내부, 조건(condition), 또는 중
Using the Effect Hook
Hooks는 Class없이 상태를 관리할 수 있도록 도와준다.Effect hooks는 함수형 컴포넌트 내부에서 side effect를 실행하도록 도와줍니다.대표적인 "side effect"의 예시로 Data fetching, setting up a subscripti
220517 TIL
유튜브 별코딩님의 강의를 보고 작성한 나의 일지state 관리를 도와주는 hook!따지자면, useState 와 마찬가지로 staet 를 생성하고 관리하게 도와주는 도구여러 개의 하위값을 포함하는 복잡한 state 를 다뤄야 할 때, 사용하면 좋다!알아야 할 3가지!R