Redux (10) 썸네일형 리스트형 리덕스는 왜 단일 스토어를 사용하는가? TL;DR : 리덕스의 모듈화 단위는 스토어가 아니라 리듀서다 Dan Abramov의 답변 번역입니다 : https://stackoverflow.com/questions/33619775/redux-multiple-stores-why-not Redux - multiple stores, why not? As a note: I've read the docs for Redux (Baobab, too), and I've done a fair share of Googling & testing. Why is it so strongly suggested that a Redux app have only one store? I understand the... stackoverflow.com 여러 스토어를 사용해야 하는 극.. 리덕스 이후의 삶(Life after Redux) : 리덕스 없이 리덕스 장점 누리기 Redux는 유용한 도구이지만 React의 새로운 API는 다음 애플리케이션에서 해당 라이브러리를 대체할 수 있습니다. 원문 : https://medium.com/itnext/life-after-redux-21f33b7f189e Life after Redux Redux has been a useful tool but React’s new APIs are cause for pause as to whether or not you should use it in your next application. itnext.io 이 기사에서는 React의 새로운 useReducer 훅을를 간단한 이벤트 버스와 결합하여 애플리케이션 아키텍처에 필요한 확장성을 제공하는 동시에 Redux가 대규모 애플리케이션에서 종종 촉진하.. Redux Toolkit : Usage Guide(사용 가이드) 리덕스 툴킷 공식문서의 사용 가이드 항목을 읽어봅니다. https://redux-toolkit.js.org/usage/usage-guide Usage Guide | Redux Toolkit redux-toolkit.js.org Quick Start 페이지에서 설명한 대로 Redux 툴킷의 목표는 Redux 사용을 단순화하는 것입니다. Redux로 하고자 하는 모든 것에 대한 완전한 솔루션은 아니지만 Redux로 앱을 작성하는데 필요한 많은 코드를 자동으로 만들어줍니다. Redux 툴킷은 애플리케이션에서 사용할 수 있는 몇 가지 개별 함수를 내보내고 Redux와 함께 일반적으로 사용되는 다른 패키지(예: Reselect 및 Redux-Thunk)에 대한 종속성을 추가합니다. Redux 툴킷이 Redux 관.. [번역] Idiomatic Redux: The Tao of Redux, Part 2 - Practice and Philosophy 실무에서의 리덕스의 활용방법과 리덕스의 철학에 대해 좀 더 자세히 알아봅시다. 1편 번역 : https://itchallenger.tistory.com/685 원문 : https://blog.isquaredsoftware.com/2017/05/idiomatic-redux-tao-of-redux-part-2/ Idiomatic Redux: The Tao of Redux, Part 2 - Practice and Philosophy More thoughts on what Redux requires, how Redux is intended to be used, and what is possible with Redux blog.isquaredsoftware.com 리덕스 활용 Redux 앱에서 사용되는 일반적인 .. [Redux] 액션 생성자를 사용해야 하는 이유 (Idiomatic Redux: Why use action creators?) 원문 : https://blog.isquaredsoftware.com/2016/10/idiomatic-redux-why-use-action-creators/ Idiomatic Redux: Why use action creators? First in an occasional series of thoughts on good usage patterns for Redux blog.isquaredsoftware.com 컴포넌트 내에서 비동기 로직을 호출하거나 액션을 인라인으로 디스패치하는것도 가능합니다 왜 우리는 액션 생성자를 사용해야 하나요? 댄 아브라모프의 Stack Overflow 답변에 따르면 프로그래머는 : 동작(메서드, 함수 내부 로직)을 캡슐화하고 관심사를 분리하며 코드 중복을 최소화하는 것이 좋습니.. [번역] Idiomatic Redux: The Tao of Redux, Part 1 - Implementation and Intent 리덕스를 올바르게 사용하는 방법을 배워봅시다. 1편에서는 리덕스의 구현과 그렇게 구현한 의도를 다룹니다. 2편 링크 : https://itchallenger.tistory.com/687 [번역] Idiomatic Redux: The Tao of Redux, Part 2 - Practice and Philosophy 실무에서의 리덕스의 활용방법과 리덕스의 철학에 대해 좀 더 자세히 알아봅시다. 1편 번역 : https://itchallenger.tistory.com/685 원문 : https://blog.isquaredsoftware.com/2017/05/idiomatic-redux-tao-of-r.. itchallenger.tistory.com 원문 : https://blog.isquaredsoftwar.. 정규화된 상태 업데이트하기 [Managing Normalized Data][Redux][프론트엔드 상태관리] 원문 : 정규화된 데이터 업데이트 상태 정규화에서 언급했듯이 Normalizing State Shape 라이브러리는 중첩된 응답 데이터를 저장소에 통합하기에 적합한 정규화된 형태로 변환하는 데 자주 사용됩니다. 그러나 다른 곳에서 사용되는 정규화된 데이터에 대한 추가 업데이트를 실행하는 문제는 해결되지 않습니다. 자신의 선호도에 따라 다양한 접근 방식을 사용할 수 있습니다. 게시물의 댓글에 대한 변이를 처리하는 예를 사용합니다. 일반적인 접근 방식 (다른 상태 관련 라이브러리 없이 구현하기) 단순 병합 한 가지 접근 방식은 액션 내용을 기존 상태로 병합하는 것입니다. 저장된 항목을 업데이트하기 위해 항목의 일부가 있는 액션을 허용할 수 있습니다. Lodash merge 함수는 우리를 위해 이 일을 합니다.. 상태 정규화하기[Redux][Normalizing State Shape][프론트엔드 상태관리] https://redux.js.org/usage/structuring-reducers/normalizing-state-shape Normalizing State Shape | Redux Structuring Reducers > Normalizing State Shape: Why and how to store data items for lookup based on ID redux.js.org 많은 애플리케이션은 중첩되거나 관계형인 데이터를 처리합니다. 블로그 편집자는 많은 게시물을 가질 수 있고, 각 게시물에는 많은 댓글이 있을 수 있으며, 게시물과 댓글은 모두 유저가 작성합니다. 애플리케이션 데이터는 다음과 같을 수 있습니다. const blogPosts = [ { id: 'post1', author: .. 이전 1 2 다음
