react-ajax.md

React and AJAX

• React AJAX Best Practices
  http://andrewhfarmer.com/react-ajax-best-practices/
  Covers four ways to approach managing queries and data fetching.

• AJAX/HTTP Library Comparison
  http://andrewhfarmer.com/ajax-libraries/
  A useful overview of the most popular AJAX libraries, including platform support and feature comparisons.

• Implementing React Redux with GraphQL
  https://marufsarker.github.io/blog/posts/2016/05/09/react-redux-with-graphql.html
  Walks through the implementation of a server/client Todo app that uses GraphQL mutations for the async actions.

• Rendering Backend Requests with React
  https://blog.boldlisting.com/rendering-backend-requests-with-react-7e493103c2b6
  Describes a pattern for dealing with components that depend on loading data from a backend

• Build a React + Flux App with User Authentication
  https://scotch.io/tutorials/build-a-react-flux-app-with-user-authentication
  Builds a React app that calls a remote API and authenticates users. Uses a specific auth provider and basic Flux implementation, but the concepts are widely applicable.

• Building Realtime Collaborative Offline-First Apps with React, Redux, PouchDB, and Websockets
  http://blog.yld.io/2015/11/30/building-realtime-collaborative-offline-first-apps-with-react-redux-pouchdb-and-web-sockets/
  A blog post and sample project demonstrating various layers of client-server syncing, eventually driving a Redux store and React UI.

• AJAX Requests in React: How and Where to Fetch Data
  https://daveceddia.com/ajax-requests-in-react/
  An overview of where AJAX requests fit into React usage.

• Slaying a UI Antipattern in Fantasyland
  https://medium.com/javascript-inside/slaying-a-ui-antipattern-in-fantasyland-907cbc322d2a
  Examples of how to handle the common "loading/no data/data" issue with some static typing and FP principles.

• Handling AJAX In Your React Application with Agility
  https://hackernoon.com/handling-ajax-in-your-react-application-with-agility-413f1f21fc70
  Describes three approaches to fetching data in a React app: within a React component, using the Relay GraphQL library, and using Redux middleware

• React-Redux issue #210: "dispatching in componentWillMount?"
  reduxjs/react-redux#210 (comment)
  Some valuable extended discussion about how managing requests and data really involves several distinct possible states.