redux-toolkit 에서 비동기 처리 어떻게 하시나요?

redux-toolkit에서 비동기 처리할 때 redux-thunk로 대부분 처리 하시나요? useEffect로 처리하면 문제가 있을까요?

부모 자식 컴포넌트 useEffect 호출 순서 질문 있습니다.

새로고침 시 부모 컴포넌트와 자식컴포넌트에서 각각 useEffect가 호출될 때 보통 자식 useEffect -> 부모 useEffect 순으로 되는데 부모가 끝나면 자식 useEffect를 호출하게 하는 방법이 있을까요?

useEffect에서 useState를 동기로 쓸 수 있는 방법이 있을까요?

useEffect에서 useState를 동기로 쓸 수 있는 방법이 있을까요 ? set 함수에 콜백함수를 넘겨줘도 비동기로 작동을 하네요. 코드는 아래와 같은 상황입니다.

리액트에서 전역상태를 컴포넌트의 렌더링에 맞춰서 initial 값을 주려면 어떻게 하면 좋을까요

상태 관리 라이브러리로는 zustand를 사용하고 있습니다. 지금 생각나는 것은 context provider와 useEffect 정도인데, useEffect는 이전 값이 남아있어 렌더링 시 잔상이 보이는 문제가 있더라고요 ㅠㅠ 그래서 useefftect return에도 setter를 넣어줬는데.. 혹시 다른 방법이 있을까 싶어서.. 질문 드립니다. 컴포넌트 생성 시와 종료에 맞춰 값을 변경해주고 싶은 상황입니다.

React 에서 자식 컴포넌트에게 넘겨준 boolean 값이 한박자 느리게 반응하는 문제 어떻게 해결하나요?

부모 컴포넌트에서 check를 받고 있는데 자식컴포넌트에서 check가 true면 실행하게되는 로직으로 짰는데 의존성배열에 check를 넣어도 한박자 느리게 반응을 하더라구요. 이것도 비동기 처리로 해결이 가능한가요?? 기본틀은 아래와 같습니다. 여기서 check는 버튼을 누르면 true로 바뀌는 구조입니다. 근데 2번을 눌러야 하는게 지금 문제구요.

Next.js 렌더링을 막고 싶습니다.

부모컴포넌트의 input값을 setState함수를 자식 input컴포넌트에 pros하여 onChange 이벤트로 값을 입력받는데요. 문제는 부모컴포넌트의 서버와 연결을 시도하는 로직도 input값이 변할때마다 렌더링이 되면서 자꾸 시도한다는 문제점이 있습니다. 어떻게 하면 막을 수 있을까요 ㅜㅜ

useEffect 관리하는 방법?

안녕하세요. react를 접한지 얼마 안 된 신입 개발자인데요. 기존 코드를 보고있는데 한 컴포넌트에 useEffect가 10 몇개씩 사용되고있는데, 이런식으로 사용하는게 맞는지 궁금합니다. 선언된 state를 보다가 state의 setter를 따라서 useEffect를 들어가다보면 어느샌가 코드 파일을 위 아래로 스크롤만 하고있고 코드가 뭐하는지 이해하기가 좀 어렵더라구요. 혹시 이렇게 비대한 컴포넌트를 이해하기 쉽게 effect를 관리하는 방법이 있나요? 또는 참고자료가 있다면 알려주세요. 감사합니다!

useEffect 순서 관련 질문!

안녕하세요. useEffect의 순서는 parent -> child 순으로 된다고 알고 있는데 왜 그런지 혹시 설명해주실분 계신가요? 직접 console.log로 찍어보면 순서가 잘 돌아가는 것은 알겠는데 왜 이런 순서가 보장되는 것인지 이해가 잘 안되더라구요. 감사합니다!

여러 개의 useEffect를 분기해서 설정할 때 문제가 있을까요?

다음과 같이 조건에 따라 다른 useEffect를 실행시키려고 합니다. const DataForm = (props: {condition, paramA, paramB} )=> { if (condition) { useEffect(() => { // handle param A }, [paramA]) } else { useEffect(() => { // handle param B }, [paramB]) } }; 이런식으로 작성하는 케이스를 별로 본 적이 없는 것 같은데 혹시 문제가 되거나 고려해야 할 부분이 있을까요?

useLayoutEffect는 언제 쓰는건가요?

안녕하세요~ 이번에 코드 리뷰를 받았는데 "useEffect 대신 useLayoutEffect를 쓰는게 좋아요~" 라는 피드백을 받았습니다. 코드 구조는 컴포넌트에서 ref를 선언한 후 useEffect로 해당 값을 바꾸고, 추후 다른 컴포넌트의 훅에서 이 ref 값을 참조해서 로직이 돌아가는 형태였습니다 (회사 코드라 첨부를 할 수가 없네요...ㅠㅜ) 그런데 왜 useEffect 대신에 useLayoutEffect를 써야하는지 잘 모르겠더라구요. 혹시 이유를 아시는분 있나요?