👨‍💻
Community Resources
  • Welcome!!
  • Blockchain Resources
  • Web Development
  • A to Z Resources
  • Best GitHub Repos
  • MEAN & MERN Stack
  • React, Redux and ES6
    • basic-concepts
    • boilerplates-and-starter-kits
    • community-resources
    • es6-features
    • flux-tutorials
    • functional-programming
    • git-resources
    • immutable-data
    • javascript-resources
    • node-js-and-npm
    • pros-cons-discussion
    • react-performance
    • react-redux-architecture
    • react-redux-testing
    • react-styling
    • react-tutorials
    • react-vs-backbone
    • redux-side-effects
    • redux-techniques
    • redux-tutorials
    • thinking-in-react-and-flux
    • tips-and-best-practices
    • using-react-with-es6
    • webpack-advanced-techniques
    • webpack-tutorials
  • NodeJS
  • React Native
  • Mixed PDFs
  • AI/ML/DL
Powered by GitBook
On this page
  • Middlewares
  • Debugging
  • Type Checking
  • Other
  • Variations on Redux Architectures

Was this helpful?

  1. React, Redux and ES6

redux-techniques

Previousredux-side-effectsNextredux-tutorials

Last updated 4 years ago

Was this helpful?

Middlewares

  • Two Weird Tricks with Redux 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 Demonstrates writing a custom thunk middleware that injects additional dependencies into thunks.

  • Connecting Redux to your API Describes imperative and declarative approaches to managing request data and metadata

  • Fix Ugly JSON Api Responses With 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? A short but informative article describing these concepts and why they're useful.

  • Debugging is in Flux 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 A video demonstrating a Redux crash reporter and time travel debugger.

Type Checking

  • Checking React and Redux Code with Flow A slideshow that shows the basics of adding type information to Redux-based code

  • Using Redux with Flow Covers how to use Flow typing with Redux

  • Type Checking with Flow in React + Redux

  • Redux Flow Tutorial Covers how to set up Flow for type-checking a Redux application

Other

Variations on Redux Architectures

Applying Redux Reducers to Arrays 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 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?" 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 Demonstrates wrapping up an existing modal library to be controlled by Redux actions

Two mistakes I made working with Redux Some suggestions on how to handle denormalizing data and defining actions.

Encapsulation in Redux: the Right Way to Write Reusable Components A look at one way to write encapsulated action handling in Redux

Querying a Redux Store 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 Thoughts on the merits of using the Redux-Form library

A Quick Look at the React and Redux DevTools An intro to using the React DevTools and Redux DevTools extensions for debugging

Redux Saga in Action 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 An in-depth article covering how to architect an application using Redux, Angular 2, and RxJS.

Redux and the Elm Architecture 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 Examples of using Elm-style approaches to writing Redux code

redux-scuttlebutt; eventually consistent shared state among peers 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 Describes how to use the utilities included in the redux-module-builder package to better organize a Redux application

http://jlongster.com/Two-Weird-Tricks-with-Redux
https://news.ycombinator.com/item?id=11488633
http://chrispearce.co/redux-quick-hack-custom-thunk-apis/
https://blog.boldlisting.com/connecting-redux-to-your-api-eac51ad9ff89
http://blog.benwiley.org/fix-json-responses-redux-middleware/
https://code-cartoons.com/hot-reloading-and-time-travel-debugging-what-are-they-3c8ed2812f35
https://vimeo.com/166342150
https://www.youtube.com/watch?v=n8vkg_RVIRo
http://djcordhose.github.io/react-intro-live-coding/2016_jsunconf.html#/
http://frantic.im/using-redux-with-flow
http://www.robinwieruch.de/the-soundcloud-client-in-react-redux-flow/
http://dchambers.github.io/articles/redux-flow-tutorial/
http://blog.scottlogic.com/2016/05/19/redux-reducer-arrays.html
http://notjoshmiller.com/ajax-polling-in-react-with-redux/
http://notjoshmiller.com/ajax-polling-part-2-sagas/
http://stackoverflow.com/questions/35623656/how-can-i-display-a-modal-dialog-in-redux-that-performs-asynchronous-actions
http://jslancer.com/2016/08/07/implement-a-confirm-modal-using-react-redux/
http://www.mattzeunert.com/2016/06/01/redux-mistakes.html
http://blog.javascripting.com/2016/02/02/encapsulation-in-redux/
https://medium.com/@adamrackis/querying-a-redux-store-37db8c7f3b0f
https://jokeyrhyme.github.io/2016/06/27/react-redux-redux-form.html
http://mediatemple.net/blog/tips/a-quick-look-at-the-react-and-redux-devtools/
https://medium.com/@totaldis/redux-saga-in-action-s-f7d11cffa35a
http://blog.mgechev.com/2016/04/10/scalable-javascript-single-page-app-angular2-application-architecture/
http://salsita.github.io/redux-elm/
https://medium.com/@hunterbmt/scaleable-fe-with-redux-and-elm-architecture-c6812ed0125e
https://medium.com/@grrowl/redux-scuttlebutt-eventually-consistent-shared-state-among-peers-191d48102079
https://www.fullstackreact.com/articles/better-redux-module-management/