optimizing code for change - nomastickles/react-reducers GitHub Wiki

💥 typescript

💥 yarn

yarn create react-app react-typescript-redux-rtk --template redux-typescript

💥 https://redux-toolkit.js.org/

^ use this with or without redux to create easy flexible reducer patterns from top to bottom. redux is amazing however the game is more about capitalizing on the reducer/flux pattern than anything. the pub sub pattern is powerful. use useState only for simple things otherwise use redux or useReducer.

💥 https://github.com/nomastickles/react-reducers

useReducer + useContext is a great alernative to redux for non system wide components.

💥 https://github.com/reduxjs/reselect

^ use this to memoize redux selectors. Hint: this + useSelector with lodash.isEqual = ⚡️⚡️

💥 https://testing-library.com/docs/react-testing-library/intro/

^ awesome.

💥 📚 ways to code:


^ when we make code, the only thing we can do is optimize for change.


^ don't memoize if you don't have to. more code is more code.


^ code organization always follows its human communication organization

💥 🧪 ways to test: