how I learned to stop worrying and love browser refreshes

where we started

kjscompile

css files committed

no source vs build

library code checked in

base.scripts.html

no js unit tests

first attempt: network flow

separated source and build

JS linting and tests

auto-prefixing

bower, gulp, npm

concat / minify using gulp

live reload

watch

from then to now

integration with the app

removed library code from source

babel

skinning

no more base.scripts.html

the problem

it's slow

no live reload

no live editing

ES5 vs es6 caused problems

gulp was a cpu hog

linting errors geting committed

the solution

separate the js files

browsersync

less less

linting (es5 & es6) while you work

gulp 4

what does this all look like?

moar power

--quiet: no toast
--strictLint: ES6 linting for all code
--noLint: no command line linting
--allThemes: build all Less themes

see readme.md

where to now?

improve load time

module dependencies

tests

reusable components

thanks!

How I learned to stop worrying..

By Helen Durrant

How I learned to stop worrying..

  • 330