Fractulus is a component creation boilerplate that allows you to author and demo the components in isolation with the correct contexts. Fractulus - is derived from two open source projects Fractal and Stimulus. This boilerplate was created out of necessity for AEM/Wordpress projects, having a way in which front end and back end developers can work in isolation using a handlebars rendering engine.
Stimulus is used so that the developer can implement basic MVC pattern in components rendered via handlebars. This allows multiple instances of the component rendered, each having its own scope and state.
Out of the box Fractulus sets up a test
component under src/components/components/test
with a Stimulus controller which handles the basic use cases of state management.
$ git clone https://github.com/nisheed2440/hbs-stimulus.git my-fractulus
$ cd my-fractulus
$ npm install
$ npm start
This starts a development server @ http://localhost:3000
. Changes to any of the files inside the src
folder are now tracked and the server reloads to reflect those changes.
$ npm run build
Once all the changes are done, the fractulus sytleguide can be published either through github pages or via a custom heroku app or some other simple web server.