react-multi-page-app

by leinov

🍡 react multi page app/react多页面应用

216 Stars 74 Forks Last release: Not found MIT License 53 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:


&nbsp &nbsp &nbsp &nbsp

react-multi-page-app


English | 中文

React-multi-page-app is a multi-page application architecture based on react and webpack. Through compiling and generating static pages with clear corresponding directory structure, multi-page development and maintenance can be realized conveniently.

Overview

key

value
name react-multi-page-app
desc a scaffold of create react multi page app
cli rppx
author leinov
version 1.3.0

Demo

www.h5cool.com/react-multi-page-app/demo

  • home page - a simple overview page
  • react-redux todo list
  • a link to github

Feature

  • 👩‍👩‍👧‍👧 Support multiple pages simultaneously hot loading development
  • 📇 Automatically identifies newly created pages
  • 📝 Each page generates personalized information
  • 🚻 Classification of packaging
  • 🔗 Flexible extend

Install

npm install rppx-cli -g

Quick Start

install rppx-cli in global and create your new project ,use npm start the project

install

$ npm install rppx-cli -g

create your multi page

$ rppx init my-react

install dependencies

$ npm install 

dev

$ npm run dev

build

$ npm run build

start project

$ npm start

Automatically open browser with development: http://localhost:3100 / production: http://localhost:3118

Usage

create a new page in the pages directory of src. and run

npm run dev
in the root directory of project
|-- src
    |-- index/
    |-- page2/
        |-- index.js
        |-- page2.scss
        |-- pageinfo.json

Wiki

  • How to implement
  • How to structure
  • Use in detail

Version

version

desc
1.3.0 add cli
add demo page
refactoring and optimize
1.2.0 add html template
1.1.0 init

License

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.