first notes

[fabienjuif]

Largely inspired from redux-little-router

But without the react part in it And simplified

API

Route definition

Same as redux-little-router

Actions

Same as redux-little-router.

• push()
• replace()

Moins prio

• go()
• goback()

State / Reducer

Same logic as redux-little-router. Plus:

• We use k-redux-factory to store state.
• We store more information
  • Use code as the route key
  • Store the href of a route
  • Store the compiledHref of a route, this is the compiled Regexp version

Selectors

• getResultParam -> dans les routes en récursif
• getPathParam

Notes

• Copier tous les parametres de route dans les enfants avec possibilité de surcharger Exemple:

  const routes = {
  '/': {
  code: 'main',
  '/login': { code: 'login' },
  '/profile': { code: 'profile' },
  '/search': { code: 'search' },
  '/projects': {
    code: 'projects',
    public: true,
    '/:id': {
      code: 'project',
      '/setup': { code: 'setup' },
      '/summary': { code: 'summary', public: undefined },
      '/measures': { code: 'measures', public: false },
      '/symptoms': { code: 'symptoms' },
      '/diagnostics': { code: 'diagnostics' },
    },
  },
  },
  }

• Va mettre public: true dans toutes les routes enfant de projects Sauf dans /measures et dans /summary

• Pouvoir définir un 404 pour chaque enfant Exemple:

  const routes = {
  '/': {
  code: 'main',
  '/login': { code: 'login' },
  '/profile': { code: 'profile' },
  '/search': { code: 'search' },
  '/projects': {
    code: 'projects',
    routeNotFound: 'projectNotFound',
    '/404': {
      code: 'projectNotFound',
    },
    '/:id': {
      code: 'project',
      '/setup': { code: 'setup' },
      '/summary': { code: 'summary' },
      '/measures': { code: 'measures' },
      '/symptoms': { code: 'symptoms' },
      '/diagnostics': { code: 'diagnostics' },
    },
  },
  },
  }

• Bien faire les appels historyAPI avant de mettre à jour le store

  • Par contre bien penser à controler qu'on tombe pas dans un not found