ReasonJun

middleware is a way to extend Redux with custom functionality. It is a function that sits between the action being dispatched and the action reaching the reducers. It allows you to intercept actions and do things like logging, routing, or asynchronous actions. Middleware is a composable function, which means that you can combine multiple middleware together. This makes it easy to add new functio..

Provider is a React component that makes the Redux store available to all of its child components. It is used to connect the Redux store to the React component tree. The syntax for using Provider is as follows: import { Provider } from 'react-redux'; const App = () => { const store = createStore(reducer); return ( ); }; In this example, the Provider component is used to make the store variable a..

CombineReducers is a Redux helper function that takes an object of reducers as input and returns a single reducer that combines the functionality of all the reducers in the object. This is useful when your application has a complex state that is managed by multiple reducers. The syntax for using CombineReducers is as follows: const rootReducer = combineReducers({ counter: counterReducer, todos: ..

Redux data flow is a unidirectional data flow architecture that ensures that data can only flow from the actions to the reducers, and then to the store. This makes it easier to reason about the state of the application and to track changes over time. The data flow in Redux is as follows: The user interacts with the application, which triggers a change in the state. The component that handles the..

Redux is an open-source JavaScript library for managing and centralizing application state. It is most commonly used with libraries such as React or Angular for building user interfaces. Similar to Facebook's Flux architecture, it was created by Dan Abramov and Andrew Clark. Redux follows a unidirectional data flow architecture, which means that data can only flow from the actions to the reducer..

reference : https://kentcdodds.com/blog/wrapping-react-use-state-with-type-script Wrapping React.useState with TypeScript Stay up to date Subscribe to the newsletter to stay up to date with articles, courses and much more! Learn more Stay up to date Subscribe to the newsletter to stay up to date with articles, courses and much more! Learn more All rights reserved © Kent C. D kentcdodds.com

무엇보다도 이런 자신의 모습을 받아들인 사람은 쉽게 술, 담배, 게임, 심하면 마약과 같이 순간적으로 극단적인 도파민을 발생시키는 행동 등에 빠지게 됩니다. 내가 무엇을 왜 싫어하고, 이를 어떻게 해결해야 하는지 전혀 알지 못한 채 받게 되는 끊임없는 스트레스를 잠시나마 잊을 수 있는 방법은 쉽고 빠르게 기분이 좋아지는 것뿐이기 때문입니다. 스트레스로 지친 일상의 유일한 돌파구가 된 만큼 더욱 빠르고 쉽게 의존하게 되는 것입니다. 일을 하고, 스트레스를 받고, 술과 담배 등으로 잠시 잊고, 다시 일을 하고, 같은 스트레스를 받는 것이 반복되는 삶인 것입니다. 이는 마치 구멍 뚫린 항아리에 물을 채우고자 하는 것과 같은 것입니다. 항상 가득 채워진 더 많은 항아리와 같은 행복을 원하지만 이 행복이 무엇이고..

어쩌면 자신을 포함한 많은 사람들이 ‘내’가 누구인지 모른 채 그저 달달한 말과 스트레스를 해소할 수단을 통해 위로받으면서 타인과 상황에 일방적으로 맞춰 살고 있는 것일 수도 있습니다. 어떤 일을 하면서(직장, 학교 등을 다니면서) 받는 지속적인 스트레스를 ‘내’가 없는 나의 모습에서 찾는 것이 아니라 상황과 타인만을 보면서 찾고 있는 것입니다. 정작 나는 나와 내 주변을 더 나은 방향으로 만들기 위해 변화하지 않으면서 남과 상황만이 달라지기를 원하는 것입니다. 항상 '어차피 지금 내가 한다고 달라지는 건 없어', '다음에 하면 되지', '누군가 하겠지', '상황이 이런 걸 어떡하겠어'라고 생각하면서, 아무것도 하지 않는, 귀찮아서 하기 싫은, 두려워서 하지 못하는 나를 마주하고 싶지 않은 것입니다. 그..

error: Why: Basically this working message comes. Because of eslint. "next/babel" is basically the presets that are created by Next for the eslint. Solution: Reference: https://www.youtube.com/watch?v=nEA1wS3ZncU https://nextjs.org/docs/pages/building-your-application/configuring/babel Configuring: Babel | Next.js Using Pages Router Features available in /pages nextjs.org

React Context is a way to share data between components without having to pass props down manually at every level. This can be useful for sharing data that is used by many components in an application, such as the current user, the current theme, or the current location. To use React Context, you first need to create a context object using the createContext() function. This function takes two ar..