Silver Library (Archived)

There is something called 'A design pattern for Redux'. In this post, let's research how 'store' concept can be used. Do remember, Redux life cycle should be: Action Creator -> Action -> Dispatch -> Reducers -> Store Which means: You -> Booking Form -> Submit Form -> Ticket Counters -> Movie Cinema Point is; Config slice then set store. cakeSlice.js create feature slice using createSlice functio..

이 부분을 두고 '어떻게 할까...' 하던 중, 그냥 async 로 할 때 Redux 를 쓰게 될 경우에는 'redux -> axios' 로 조합을 구성 하면 되겠다는 잠정 결론이 나왔습니다. 이 글은 redux-thunk middleware 개념을 적용해서 async data 과정에서 axios를 함께 적용하는 사례를 기반으로 간략히 기록되었습니다. Prerequisite. - You need to install the following: npm i axios redux-thunk Redux Thunk. Thunk middleware for Redux. It allows writing functions with logic inside that can interact with a Redux store's..

부제는 '필자가 실전에서도 쓸 수 있거나, 써 본 경험이 있는 디자인 패턴' 입니다. 한마디로 '저런 기반으로 시작한 적이 있었는데...!' 싶은 것들. #1 Factory Method Pattern #2 Abstract Factory Pattern #3 Decorator Pattern #4 Proxy Pattern #5 Iterator Pattern #6 Observer Pattern 참고. JavaScript Design Patterns – Explained with Examples Hi everyone! In this article I'll explain what design patterns are and why they're useful. We'll also go through some of th..

개요. 공식에서 권장하는 Redux Toolkit 을 위주로 차근히 정리 노트를 써나가보고자 합니다. 현재는 개인 전용 정리 노트에 가까운 분위기 이므로, 향후 한글과 함께 정돈 해 나가고자 합니다. 한계. 이 글은 지속적으로 업데이트 될 예정입니다. 일부 부정확한 정보가 있을 수 있습니다. 준비물. # NPM npm install @reduxjs/toolkit 주요 개념 Reducer: REDUCER: In redux, the reducers are the pure functions that contain the logic and calculation that needed to be performed on the state. These functions accept the initial state of..