leinov / React Multi Page App
Licence: mit
🍡 react multi page app/react多页面应用
Stars: ✭ 226
Programming Languages
javascript
184084 projects - #8 most used programming language
es6
455 projects
Projects that are alternatives of or similar to React Multi Page App
Frontend Boilerplate
An ES20XX starter with common frontend tasks using Webpack 4 as module bundler and npm scripts as task runner.
Stars: ✭ 224 (-0.88%)
Mutual labels: webpack, webpack4
Vue Chrome Extension Boilerplate
Boilerplate for Chrome extension using Vue.js and Webpack with auto-reload enabled.
Stars: ✭ 171 (-24.34%)
Mutual labels: webpack, webpack4
Electron Vue Boilerplate
Electron & Vue.js Boilerplate
Stars: ✭ 161 (-28.76%)
Mutual labels: webpack, webpack4
Webpack Babel Multi Target Plugin
A Webpack plugin that works with Babel to allow differential loading - production deployment of ES2015 builds targeted to modern browsers, with an ES5 fallback for legacy browsers.
Stars: ✭ 150 (-33.63%)
Mutual labels: webpack, webpack4
Webpack Static Html Pages
Webpack template/example with multiple static html pages
Stars: ✭ 202 (-10.62%)
Mutual labels: webpack, webpack4
Vue Webpack Config
Koa2、Webpack、Vue、React、Node
Stars: ✭ 151 (-33.19%)
Mutual labels: webpack, webpack4
Baumeister
👷 The aim of this project is to help you to build your things. From Bootstrap themes over static websites to single page applications.
Stars: ✭ 171 (-24.34%)
Mutual labels: webpack, scaffold
Styled React Boilerplate
Minimal & Modern boilerplate for building apps with React & styled-components
Stars: ✭ 198 (-12.39%)
Mutual labels: webpack, webpack4
Webpack By Sample
Learn webpack by sample, each of the samples contains a readme.md file that indicates the purpose of the sample plus an step by step guide to reproduce it.
Stars: ✭ 190 (-15.93%)
Mutual labels: webpack, webpack4
Vue 2 Webpack 4 Boilerplate
Ready to use Vue 2+ project with webpack 4 configuration for development and production
Stars: ✭ 142 (-37.17%)
Mutual labels: webpack, webpack4
Webpack Command
[DEPRECATED] Lightweight, modular, and opinionated webpack CLI that provides a superior experience
Stars: ✭ 218 (-3.54%)
Mutual labels: webpack, webpack4
Webpack Internal Plugin Relation
🔎 a tiny tool to show the relation of webpack internal plugins & hooks
Stars: ✭ 135 (-40.27%)
Mutual labels: webpack, webpack4
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+711.06%)
Mutual labels: webpack, webpack4
React Redux Bootstrap Webpack Starter
React 16.9 + Typescript + React-Router 4 + Redux + Bootstrap 4 + Hot Reload + redux-devtools-extension + Webpack 4 + styled-components STARTER
Stars: ✭ 133 (-41.15%)
Mutual labels: webpack, webpack4
Webpack.js.org
Repository for webpack documentation and more!
Stars: ✭ 2,049 (+806.64%)
Mutual labels: webpack, webpack4
Knowledge
文档着重构建一个完整的「前端技术架构图谱」,方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
Stars: ✭ 1,620 (+616.81%)
Mutual labels: webpack, webpack4
Awesome Webpack 4
A curated list of webpack 4 Resources
Stars: ✭ 126 (-44.25%)
Mutual labels: webpack, webpack4
Webpack Cli
webpack CLI provides the interface of options webpack uses in its configuration file. The CLI options override options passed in the configuration file.
Stars: ✭ 2,270 (+904.42%)
Mutual labels: webpack, scaffold
Js Library Boilerplate
Javascript Starter Boilerplate - Webpack 4, Babel 7, UMD, Hot Reloading, and more
Stars: ✭ 202 (-10.62%)
Mutual labels: webpack, webpack4
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].