• Introduction
• Tutorial
• Creating Custom Hooks
• Hooks
• lore-hook-actions
• lore-hook-auth
• lore-hook-bind-actions
• lore-hook-collections
• lore-hook-connect
• lore-hook-connections
• lore-hook-dialog
• lore-hook-dialogs-bootstrap
• lore-hook-dialogs-material-ui
• lore-hook-models
• lore-hook-polling
• lore-hook-react
• lore-hook-reducers
• lore-hook-redux
• lore-hook-router
• lore-hook-websockets-actioncable
• lore-hook-websockets-sails
• lore-hook-websockets-socketio

Introduction

Lore applications do a lot of things, including mounting the application, setting up routing, generating reducers and actions, and orchestrating data fetching for components. But at it's core, Lore doesn't have any of that functionality built into it.

Lore itself isn't a framework so much as a plugin engine, and it's all the plugins that combine to make it a framework for building React applications. At it's core, Lore only does two things:

1. Define the rules for how config files are loaded and combined
2. Define the interface for what these plugins should look like, and how to specify dependencies between them, in order to determine the order they should be loaded

These plugins are referred to as hooks, and new projects include a set of default hooks, which you can see if you open up the index.js file at the root of your project:

// Hooks
import auth from 'lore-hook-auth';
import actions from 'lore-hook-actions';
import bindActions from 'lore-hook-bind-actions';
import collections from 'lore-hook-collections';
import connections from 'lore-hook-connections';
import connect from 'lore-hook-connect';
import models from 'lore-hook-models';
import react from 'lore-hook-react';
import reducers from 'lore-hook-reducers';
import redux from 'lore-hook-redux';
import router from 'lore-hook-router';

// Summon the app!
lore.summon({
  hooks: {
    auth,
    actions,
    bindActions,
    collections,
    connections,
    connect,
    models,
    react,
    reducers,
    redux: _.extend(redux, {
      dependencies: ['reducers', 'auth']
    }),
    router
  }
});