The latest articles on DEV Community by JT Cho (@taekcho). https://dev.to/taekcho https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1308968%2Fb7ab2348-da78-4314-82aa-8f5c484cfd90.png https://dev.to/taekcho en JT Cho Wed, 28 Feb 2024 00:43:01 +0000 https://dev.to/taekcho/redux-reducers-not-to-do-14m1 https://dev.to/taekcho/redux-reducers-not-to-do-14m1 <p>Reducers must be:</p> <ol> <li> <strong>pure</strong>: pure reducer does not mutate the state directly.</li> <li> <strong>side-effect free</strong>: reducer does not change a non-local state, nor use an external code. ex) console.log()</li> <li> <strong>synchronous</strong>: reducer does not "await" for asynchronous results. ex) HTTP request</li> </ol> <p>If <strong>side-effects &amp; async</strong> tasks are necessary,</p> <ol> <li>Use them <strong>inside components</strong>: via useEffect.</li> <li>Use <strong>action creators</strong>.</li> </ol> redux webdev react programming