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