Businesses don’t focus enough on impact, and quite reasonably. How do you measure impact, and how can you be certain it will make your company better? 7 years ago, my partner and I have founded a company called 500Tech. When we just started, that name meant nothing. …

NOTE! Tips and methods in this post are my own personal preference, and I’m sure many people will disagree. There is no right or wrong. Every approach has its pros and cons. If you take just one good thing out of the post — I’ve done my share. I do…

I wrote 6 short articles about better ways to write your Redux code. Hope you find it useful! https://medium.com/@adamklein_66511/redux-bad-practices-1-lists-as-arrays-9115ba87b0ce https://medium.com/@adamklein_66511/redux-bad-practices-2-duplicate-code-9f2f3d774d4d https://medium.com/@adamklein_66511/redux-bad-practices-3-nested-state-6eebf1a410df https://medium.com/@adamklein_66511/redux-bad-practices-5-duplicate-state-996d259758e3

In a Redux store, you may have both data from the server, together with the UI-related state. For example, you can have a list of products from the server, and save which one of those the user has selected using a checkbox. One approach is to store the UI-related state…

Consider the following code: mapStateToProps = (state) => ({ currentUser: { id: state.currentUserId, role: state.currentRole } }) The example above will always return a new object for currentUser and will force the component to re-render. The same idea applies to returning a new array (e.g. …

Let’s say you need to display a filtered list of products. One approach would be to save the filtered list on each filter change in a component’s state or in a different key in a Redux store: onFilterChange(filter) { this.setState({ filteredProducts: this.props.products.filter(...) }) } A better approach would be to…

Complex applications usually deal with data structures that have associations, e.g. posts that have comments. You might save the data nested in the state: posts: id: 1 title: 'Better Redux' comments: id: 2 text: 'Great article!' But a better approach would be to flatten the state and operate with foreign…

Many applications have repeating functionality for different reducers with minor changes. For example, many forms that have view and edit modes. One approach would be to duplicate the reducer code: function userFormReducer(state, action) { switch (action.type) { case SET_USER_VIEW_MODE: return { ...state, viewMode: action.payload.viewMode }; ... } } function jobFormReducer(state…