16 April 2016

React Amsterdam 2016: Building loveable UI's

Speaker: @healves82 (DADI+)
Slides
Demo

React is a library for building ambitious user interfaces.

Developer experience improves with:

Design components not pages:
  • Atomic design
  • Content & display patterns
  • Functional CSS
Naming is hard, therefore use:
  • Content-based names
  • Visual names
  • Functional names
Two types of components:
  • Container: Talks to stores
  • Presentational: Render UI (no state, often functional component)
Other considerations:
  • Classes or function?
  • CSS or inline styles
  • Use animation to improve experience
  • Animation
  • Gestures
  • Layout system