One-Nexus / Synergy-Boilerplate-Sass

A boilerplate for the Synergy framework using Sass for styling instead of JavaScript

Synergy is a framework for building modular, configurable and scalable UI components for React-DOM projects

Boilerplate Features

• Includes React, ReactDOM and the Synergy framework
• Includes Autoprefixer
• Includes Babel transpilation
• Easy dev environment with webpack-dev-server and hot-reloading

View this boilerplate on CodeSandbox

Setup

1. Clone the repository and then navigate into the cloned directory

git clone https://github.com/One-Nexus/Synergy-Boilerplate-Sass.git && cd Synergy-Boilerplate-Sass

2. Install dependencies

npm install

3. Start the development server

npm start

4. ...happy coding!

Access the devlopment server in the browser (default port is 8080, so visit http://localhost:8080). Start looking through the sample module and theme code - make some changes and see them reflected in your browser instantly!

To bundle your application, run npm run build. The application bundle will be created at ./dist/app.js.

Tips & Info

• In order to avoid having to import Cell and your project's theme in to every module, this boilerplate uses sass-resources-loader allowing you to provide them both to all modules through your project's Webpack configuration. Cell and your project's theme are imported into index.scss which is supplied to sass-resources-loader.

---