aliandpeachorg / react-multi-page-app

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

       

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