All Projects → leinov → React Multi Page App

leinov / React Multi Page App

Licence: mit
🍡 react multi page app/react多页面应用

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
Webpack Demo
webpack 4 config. demo ⚙️
Stars: ✭ 131 (-42.04%)
Mutual labels:  webpack, webpack4
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

&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

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].