Skip to content

hankchiutw/angular-react-webpack-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

angular-react-webpack-template

Simple SPA(single page application) using angular.js 1.x, ngReact and webpack2.

Check source code here.

Folder structure

.
├── docs            # root path of dev server
│   ├── img
│   ├── view
│   │   └── ...     # page templates
│   ├── bundle.js   # built bundle file
│   ├── vendors.js  # built bundle file of vendors libraries
│   ├── style.css   # built css bundle file
│   ├── favicon.ico
│   └── index.html
├── package.json
├── README.md       # this file
├── src
│   └── public
│       ├── js      # pre-built js files
│       └── style   # pre-built style files
├── webpack.config.js
└── yarn.lock

Features

  • Pure front-end code
  • angular-ui-router
  • Responsive(mobile devices ready)
  • babel-loader, i.e. ES6 syntax ready.
  • React JSX
  • showdown markdown parser.
  • Skeleton angular factory, service and react component
  • Messaging system
  • Uglified and minimized bundle.js

Install

yarn install
# or
npm install

Development

Start local development environment:

npm start

Then browse http://localhost:8080

ToDo

  • Bundle img and view
  • OAuth2 login(ex. google API, facebook API)
  • Page showcases

About

simple SPA using angular.js, react and webpack.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published