목록2022/12 (28)
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..
여러모로 알아보던 중, 손해볼 것 같진 않다는 생각이 들었습니다. 현재 확실한 부분. 1. Redux is a state container for JS apps. 2. Consider a React app: like state of a component. 3. Redux stores the state of its application. 4. Redux will store and manage the application state. Redux is a state container. The state of the application can change. Just like an example: todo list app -> item(pending) -> item(completed) In Redux, a pa..