Component-Oriented UX For The Win… But How?

Upfront #62, Nov 10th 2015

Benjamin Kampmann

@SirDonQui

beavy

beavy.xyz

modular
multi purpose
social community  framework

beavy.xyz

beavy.xyz

Comments

Sharing

Tagging

private messaging

Likes

modular

EACH MODULE

  • Server Code Python (Flask), Database migration
  • Web Client Code Javascript: React on ES2015
  • Styles CSS (SCSS / CSS-Modules)
  • Tests Unit tests, Behave (Cucumber) Helpers

 

Beavy App

  • Ships the overall design
  • Customizes the various modules
  • Configures and connects the various modules

Problem Statement

How can we deliver modular designs, which ARE still highly customisable per app?

The STACK

beavyHQ/experiment-customisable-component-ux#step-0

webpack

+ Babel for es2015 syntax support

+ React 0.13.1

+ SCSS bourbon, neat, bitters & refills

+ hot-reloading

Conclusion

and prospects

thanks

Find the slides:

      slides.com/benjaminkampmann/component-oriented-ux

Find the code:

     github.com/beavyHQ/experiment-customisable-component-ux

Find beavy:

      beavy.xyz

Find the ben:

      twitter.com/SirDonQui