# hook

jayjay8

커스텀 훅은 간단히 말해서 useState, useEffect, useCallback 등의 리액트의 훅을 이용해서 사용자가 직접 만드는 함수예요.

aiden-goo

클래스기반 컴포넌트에서 사용하는 라이프 사이클들이 있다.componentWillmount, componentDidMount 등등useEffect 훅의 아이디어는 이러한 라이프사이클 방법과 근본적으로 다르다.우리는 함수형 컴포넌트에서 리액트 트리 바깥쪽에 있는 state

na_jeong

📔Hook이란? ✍️ Hook의 정의 Hook은 클래스 컴포넌트에서만 사용할 수 있었던 state(상태)관리와 lifecycle(라이프사이클)관리 기능을 함수 컴포넌트에서도 사용할 수 있도록 연동해주는 함수를 의미 Hook들의 모음을 Hooks라고 한다. ✍️ Hook 등장 배경 클래스 컴포넌트와 함수 컴포넌트 리액트에서 컴포넌트는 클래스형과 함수형으...

okko8522

Virtual DOM, Hooks, useMemo, useCallback, Custom Hooks, 코드 분할, React.lazy()와 Suspense, json-server 라이브러리

kwak1539

useEffect의 동작 원리와 현명한 사용 방법을 알아보자

bicco2

useMemo, useCallback란? memoization의 약자 언제 사용할까 ? 개발 중 react가 함수형 컴포넌트를 다루기 때문에 렌더링 될 때 항상 필요없는 함수까지도 재호출되는 경우를 많이들 봤을 것이다. 이건 지금 필요없는데 렌더

milk717

react hook ppt

_mak_______

· useMemo()란 Memoized value를 리턴하는 훅.· 연산량이 높은 작업이 매번 렌더링될 때마다 반복되는 것을 피하기 위해 사용.· 렌더링이 일어나는 동안 실행되므로 렌더링이 일어나는 동안 실행돼서는 안될 작업을 useMemo()에 넣으면 안 됨.

chooomu

Chapter 7. 훅

jason57

setState() 에서 안에 파라미터만 넣는경우와 콜백함수를 넣는 경우 |파라미터|콜백함수| |-------|-------| |상태값에 따라서 후속처리|상태값만 변경| | 화면변경 |useEffect가 실행되지않음 화면변경 x (성능은 더 좋음) | |||

wony_yoon

✏️ react-hook-form + antd form을 이용하여 회원가입을 구현중이었는데 맞딱드린 난관 antd 처럼 제어컴포넌트에서는 register를 아무리써도 값이 넘어오지 않았다 자꾸 name 타령하길래 화났던 기억,,, 이 빨간창을 맞딱드렸던 그때의 나는

honey1122

메모이제이션(memoization)된 값을 반환함수형 컴포넌트 - 렌더링 -> Component함수 호출 -> 모든 내부 변수 초기화= 호출하는 함수가 무거운 함수라면, 매우 비효율적 --> useMemo가 해결useMemo - 렌더링 -> Component함수 호출

0709

React에서 Custom hook 사용하기

sujeong_dev

1. hook(훅)이란? 2. hook - useNavigate

jdh4601

context 객체(React.createContext에서 반환된 값)을 받아 그 context의 현재 값을 반환합니다. context의 현재 값은 트리 안에서 이 Hook을 호출하는 컴포넌트에 가장 가까이에 있는 <MyContext.Provider>의 value

wlsgkq123

복잡한 상태를 관리할때 사용하는 훅.Redux 라이브러리를 쓸 때 썼던 기억이 난다.인자로 reducer와 initialState를 받고,state와 dispatch를 리턴한다.reducer는 previousState와 action(type과 payload를 가지는 객

wlsgkq123

요즘 그냥 useState useEffect만 사용해서 효율적이지 않은 개발을 하고 있지 않은것 같아 유용한 hook들을 한 번 정리해서 사용하려고 한다.정리하는 김에 알던것도 좀 더 깊게 다시 한번 정리해보자조건문 , 루프문 등에 들어갈 수 없다. 함수 최상위에서만

ricale

메일링, 블로그, 구글링 등을 통해 읽은 좋은 글들을 모아놓은 글이다.

ss-hj

패키지화된 코드에서 다른 프로그래머가 custom 코드를 중간에 실행시킬 수 있도록 만들어놓은 인터페이스

jejualrock

React LogoComponent Lifecycle사진출처 : 리액트 공식문서Mount(생성 될 때) - "컴포넌트가 만들어지고 DOM에 삽입될 때"Update(업데이트 할 때) - "컴포넌트가 업데이트될 때"Unmount(제거 할 때) - "컴포넌트가 DOM에서 해