An opinionated example application built with Nextbone.
This is based on Marionette Wires
- Code splitting of colors routes (open network tab of dev tools and go to colors section)
- Remember last selected book
- Live webserver for development (auto reload on source change)
- Animated page transitions (determined dynamically)
- Animated book selection change
- Use of VirtualCollection to implement colors view
- Pagination implemented as a web component
- Dialog to prevent exiting color edit form with unsaved changes
Check the live version
Scaffold a new project with similar setup using generator-nextbone
git clone https://github.com/blikblum/nextbone-wires.git && cd nextbone-wires
Make sure Node.js and npm are installed. Installation of Yarn is recommended but not required
Install
yarn
//or
npm install
Develop
npm run dev
Build
npm run prod
Once that's done, open up dist/index.html in a browser using a static server.
As a general rule, be sure to read through all of the source code yourself and make sure you understand what is happening.
Directories | Purpose |
---|---|
api | Mock api routes |
dist | Built assets |
src | Source files |
test | Test files |
===
© 2019 Luiz Américo Pereira Câmara