redux-techniques

Middlewares

• Two Weird Tricks with Redux http://jlongster.com/Two-Weird-Tricks-with-Redux https://news.ycombinator.com/item?id=11488633 James Longster describes a couple useful approaches he found while writing the Firefox Developer Tools: checking for specific actions using a middleware, and managing multiple async requests. The HN comments include some useful discussion.

• Redux Hack: Custom Thunk APIs http://chrispearce.co/redux-quick-hack-custom-thunk-apis/ Demonstrates writing a custom thunk middleware that injects additional dependencies into thunks.

• Connecting Redux to your API https://blog.boldlisting.com/connecting-redux-to-your-api-eac51ad9ff89 Describes imperative and declarative approaches to managing request data and metadata

• Fix Ugly JSON Api Responses With Redux Middleware http://blog.benwiley.org/fix-json-responses-redux-middleware/ Sets up a sample project that requests JSON data, then shows how to use some custom middleware to transform the response.

Debugging

• Hot reloading and time travel debugging: what are they? https://code-cartoons.com/hot-reloading-and-time-travel-debugging-what-are-they-3c8ed2812f35 A short but informative article describing these concepts and why they're useful.

• Debugging is in Flux https://vimeo.com/166342150 A fantastic talk that demonstrates use cases and examples for time-travel debugging in a Flux-style architecture, including crash reporting. The demo is built in Alt, but obviously completely applies to Redux as well.

• Drew Bug https://www.youtube.com/watch?v=n8vkg_RVIRo A video demonstrating a Redux crash reporter and time travel debugger.

Type Checking

• Checking React and Redux Code with Flow http://djcordhose.github.io/react-intro-live-coding/2016_jsunconf.html#/ A slideshow that shows the basics of adding type information to Redux-based code

• Using Redux with Flow http://frantic.im/using-redux-with-flow Covers how to use Flow typing with Redux

• Type Checking with Flow in React + Redux http://www.robinwieruch.de/the-soundcloud-client-in-react-redux-flow/

• Redux Flow Tutorial http://dchambers.github.io/articles/redux-flow-tutorial/ Covers how to set up Flow for type-checking a Redux application

Other

• Applying Redux Reducers to Arrays http://blog.scottlogic.com/2016/05/19/redux-reducer-arrays.html Looks at one way to implement the classic "multiple instances of one connected component" issue in Redux.

• Ajax Polling in React with Redux and Sagas http://notjoshmiller.com/ajax-polling-in-react-with-redux/ http://notjoshmiller.com/ajax-polling-part-2-sagas/ Covers a couple different ways to manage the logic for AJAX polling.

• "How can I display a modal dialog in Redux that performs asynchronous actions?" http://stackoverflow.com/questions/35623656/how-can-i-display-a-modal-dialog-in-redux-that-performs-asynchronous-actions A detailed answer describing how you can declaratively drive pieces of your UI by putting descriptive pieces of data into your state (such as the name of the current dialog component to show, and what props that dialog should have)

• Implement a confirm modal using React & Redux http://jslancer.com/2016/08/07/implement-a-confirm-modal-using-react-redux/ Demonstrates wrapping up an existing modal library to be controlled by Redux actions

• Two mistakes I made working with Redux http://www.mattzeunert.com/2016/06/01/redux-mistakes.html Some suggestions on how to handle denormalizing data and defining actions.

• Encapsulation in Redux: the Right Way to Write Reusable Components http://blog.javascripting.com/2016/02/02/encapsulation-in-redux/ A look at one way to write encapsulated action handling in Redux

• Querying a Redux Store https://medium.com/@adamrackis/querying-a-redux-store-37db8c7f3b0f A look at best practices for organizing and storing data in Redux, including normalizing data and use of selector functions.

• React, Redux, and Redux-Form https://jokeyrhyme.github.io/2016/06/27/react-redux-redux-form.html Thoughts on the merits of using the Redux-Form library

• A Quick Look at the React and Redux DevTools http://mediatemple.net/blog/tips/a-quick-look-at-the-react-and-redux-devtools/ An intro to using the React DevTools and Redux DevTools extensions for debugging

Variations on Redux Architectures

• Redux Saga in Action https://medium.com/@totaldis/redux-saga-in-action-s-f7d11cffa35a Some interesting thoughts on ways to organize the majority of your app's logic using redux-saga

• Scalable Single-Page Application Architecture with Redux and Angular 2 http://blog.mgechev.com/2016/04/10/scalable-javascript-single-page-app-angular2-application-architecture/ An in-depth article covering how to architect an application using Redux, Angular 2, and RxJS.

• Redux and the Elm Architecture http://salsita.github.io/redux-elm/ Redux lacks built-in abstractions for real-world, maintainable, scalable applications. In particular, it is difficult to create and distributed encapsulated, reusable components. The Elm Architecture clearly addresses some important areas where Redux alone is lacking.

• Scaleable FE with Redux and Elm Architecture https://medium.com/@hunterbmt/scaleable-fe-with-redux-and-elm-architecture-c6812ed0125e Examples of using Elm-style approaches to writing Redux code

• redux-scuttlebutt; eventually consistent shared state among peers https://medium.com/@grrowl/redux-scuttlebutt-eventually-consistent-shared-state-among-peers-191d48102079 Describes how to use the Redux-Scuttlebutt library to sync actions and updates between multiple instances of a Redux application

• Write Better Redux with redux-module-builder https://www.fullstackreact.com/articles/better-redux-module-management/ Describes how to use the utilities included in the redux-module-builder package to better organize a Redux application