qkreltms / react-action-listener

Middleware, React hook which allows making side effect and listening actions of Context or Redux
MIT License
8 stars 0 forks source link

feat: redux-listener hook. #4

Closed qkreltms closed 3 years ago

qkreltms commented 3 years ago

See: #1

issue-label-bot[bot] commented 3 years ago

Issue-Label Bot is automatically applying the label feature_request to this issue, with a confidence of 0.62. Please mark this comment with :thumbsup: or :thumbsdown: to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

qkreltms commented 3 years ago
리스너를 render 단계에 둔다 => redux middleware를 render단계에 두면 관련  state를 redux 단 코드로 빼지 않아도된다.

hook으로 만든다 이유 => 컴포넌트가 사라질 때 초기화 필요함
중복을 제거한다 = > 인자 리슨할 액션, 함수를 보내주면 저장해 중복되지 않도록 활용한다(중복은 useEffecct에서 unmount만 잘 해주면 된다)
즉, 여러 컴포넌트에서 특정한 액션에 여러개의 함수를 묶어 쓸수 있어야 한다.

사용 모습
useActionListener(ACTION, (dispatch,  action) => {

})

useActionListener([ACTION, ...], (dispatch,  action) => {

})