This is a single page application (SAP) on Angular + React.

> npm install

> npm start

This provides a development server. JavaScript and HTML files are watched in src folder and the website is reloaded in case of changes.

On the top level it's Angular application which calles smaller React components in the templates. The properties for the React components come from the Angular data model.

PostCSS and PreCSS are used to empower CSS with variables and such.

For future needs it's possible to introduce other PostCSS plugins.

Angular views are used on the page-level only. Further it goes to the React components to render the interface.

Source code is place into src folder:

src/

  _helpers/              # JavaScript helpers

  modules/               # React components
    menu/                # Each component is stored in its folder
      menu.component.js  # The Ract code
      menu.css           # component view

  pages/                 # Angular contollers and Views
    contact/             # Each page stored in its folder
      contact.ctrl.js    # Angualr controller
      contact.html       # Page view

  index.html             # Initial root HTML
  inidex.js              # Initial root JavaScript

Webpack builds project, watches the files for changes and rebuilds the needed pieces.

gulp test

This will check codestyle.