react recoil 질문( 프로젝트 구조 질문입니다.)

Question

프론트엔드 지망입니다.이번에 새로 react를 도입하여 프론트엔드 프로젝트를 진행중입니다. 기존에는 그나마 쉬운 vue만 써봐서 react는 처음인데, redux를 머리 터지게 공부하던 중에 주변 개발자 친구가 redux 말고 recoil을 도입하라고 추천하더라고요.그래서 redux말고 recoil 공식문서를 읽어봤는데 확실히 redux보다는 이해하기 쉽고 러닝커브가 낮은 것을 느꼈습니다. 그런데, recoil쪽은 state나 selector 관리를 어떻게 할지 잘 모르겠더라고요.기존에 해봤던 vue프로젝트에서 vuex나 pinia를 사용해봤을 때는 store디렉토리에 index.js를 만들어서 전역 state나 함수를 관리하고 해당 파일을 import하는 방식으로 (혹은 index.js에서 더 나눠서) 관리를 했는데recoil의 경우도 js파일을 새로 만들고 그 파일을 app.js나 react의 root index.js에서 import시키는 방식으로 관리를 하는 것이 좋을까요? 또, 위의 import시켜서 사용하는 경우 프로젝트의 루트 index.js에서 한번만 import시켜주면 되는건지(recoil root로 감싸주는곳)아니면, 사용할 컴포넌트에서 제각각 import시켜줘야하는건지 궁금합니다.위와 같이, 프로젝트 구조를 어떻게 관리해야될지 알려주시면 감사하겠습니다.

세브라이드 · Answer

SDK를 Recoil로 만든다는 사고방식으로 접근하세요. 그 편이 훨씬 쉽습니다.예를 들어 locale SDK를 Recoil로 만든다고 치면 atom은 locale, config값을 atom value로 가지고 querystring, browser language, localStorage의 locale값에 effect가 일어나며locale resources는 rest api로 수신localStorage에 locale resources를 캐싱일선 개발자가 쓸 useLocale, useTranslation hook을 개발이러면 Recoil로 구현된 react-locale SDK가 훌륭하게 완성됩니다.상태관리라는 이름, todolist 따위의 예제에 현혹되면 모든 값을 다 상태관리에 때려넣으려고 하게 되더라고요. 그건 해보니까 별로입니다. &#61;ㅅ&#61;

react recoil 질문( 프로젝트 구조 질문입니다.)

1개의 답변

Q&A 목록