JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • 0
  • Score
    100M100P100Q18775F
  • License MIT

Dynamic DRY routing for modular React interfaces

Package Exports

  • react-modem

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-modem) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Modem · GitHub license NPM

Dynamic DRY routing for modular React interfaces.

  • Intuitive and Liberal: Simplifies applications with internal modules and generalized layouts such as dashboards or toolboxes. Build modularized interfaces without having to manage every route directly, preserving the traditional usage of React Router (use as needed)!

  • Auto Routing: Module names map to application URI endpoints automatically. Encouraging thoughtful project hierarchy and meaningful naming patterns.

  • DRY Module Based Interfacing: Plug an unplug react components as modules, simplifying project structure to quickly build applications with high scalablity.

Getting Started

Dependencies

Install React and React Router DOM

npm install react react-router-dom

Installing and Importing

Install React Modem from npm

npm install react-modem

Utilize the React Modem API in ES6/7

import ReactModem from 'react-modem'
// or
import { connect, modularize } from 'react-modem'

Running Example Projects

Run an example project with the following npm script

npm run example <Example>

where <Example> is the project folder you would like to run. Check examples/ for a list of test projects available.

e.g

npm run example Basic

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details