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.