This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
vulcan-ui with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
ReactJS CollapsibleSection demo;
####TL;DR Execute to fire up project build and watch:
npm install gulp
To launch electron app
You MUST install electron and to set the path in the
run task on the 'gulpfile.js'.
CollapsibleSection component can be found here
This is a fully automated project, all the source files reside under the 'src/' folder, running the build process compile/preprocess/generate the distribution files to the 'dist/' folder.
Automation is done with gulp, in order to initialize the project run:
Then just run:
To invoke build, serve and watch tasks for the project.The watch task will invoke the proper build sub task for every source file change, the serve task relaunch the server upon files changes.
TODO - add livereload, add test to dev life cycle
More gulp tasks:
gulp test gulp clean
Review gulpfile.js for more details.
We use babel to compile es6 to es5, every .js file under the 'src/' folder is pipe to 'dist/' folder.
All *.spec.js files are piped to mocha, there is no client/e2e tests, but you can still use mocha to test client js code, just make sure there's no external dependecies in the code (or inject those), taking TDD approach would most likely produce easy solutions for that.