Coder Social home page Coder Social logo

fetch-redux-crud's People

Contributors

haydencarlson avatar kevinzhangftw avatar mattvague avatar yagudaev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

fetch-redux-crud's Issues

Add support for setting an authentication token & strategy

Add the ability to set an authentication token and authentication strategy.

Strategies to send token should be:

  1. Cookie - cookie
  2. Header - header
  3. Query Param - query

Strategies to authenticate can be:

  1. JWT - jwt tokens
  2. Oauth2
  3. Basic Auth
  4. Http endpoint

Add support for picking only a subset of keys

Receiving and correctly using a server response is often an area where bugs thrive. Allow a user to pick a subset of keys. Heavily inspired by Redux mapStateToProps.

// only getting certain properties
const mapResponseToItem = ({ id }) => ({
  id: id || -99, 
  // ...
})

const mapResponseToItem = objectPickKeys(['id', 'firstName'])

reducersFor('jobs', { itemReducer: mapResponseToItem })

// denormalize?
// if we use a custom namespace we can denormalize all layers
// manual denormalize can be done through the reducers

// reducers/comments.js

const comments = (state, action) => {
  switch(action.type) {
    case actionTypesFor('users').fetchSuccess:
      const comments = flatten(action.record.map(u => u.comments))
      const newAction = { type: actionTypesFor('comments').fetchSuccess, record: comments }
      return reducersFor('comments')(state, newAction)
    default:
      return reducersFor('comments')(state, action)
  }
}

Note: id is a special key and MUST be contained inside the response to work with fetch-redux-crud

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.