Download
This starter kit is designed to get you up and running with a bunch of awesome front-end technologies. The primary goal of this project is to provide a stable foundation upon which to build modern web appliications. Its purpose is not to dictate your project structure or to demonstrate a complete real-world application, but to provide a set of tools intended to make front-end development robust, easy, and, most importantly, fun. The project structure presented in this boilerplate is fractal, where functionality is grouped primarily by feature rather than file type. This structure is only meant to serve as a guide, it is by no means prescriptive. That said, it aims to represent generally accepted guidelines and patterns for building scalable applications. Hot reloading is enabled by default when the application is running in development mode (yarn start). This feature is implemented with webpack's Hot Module Replacement capabilities.
Features
- For JavaScript modules, a code change will trigger the application to re-render from the top of the tree
- For Sass, any change will update the styles in realtime, no additional configuration or reload needed
- Using the chrome extension allows your monitors to run on a separate thread and affords better performance and functionality
- It comes with several of the most popular monitors, is easy to configure, filters actions, and doesn't require installing any packages in your project
- It's easy to bundle these developer tools locally should you choose to do so
- Out of the box, this starter kit is deployable by serving the ./dist folder generated by yarn build
Project Samples
