Web Unleashed 2017
UX/UIWeb DevWork Better
  • 2017-09-25 00:00:00 2017-09-26 00:00:00 America/Toronto Web Unleashed 2017 Toronto FITC
  • Toronto
  • #WEBU17

Presentation

Slideshare

Overview

Do you use React or any other virtual-DOM-based library that you love, but wonder about how to structure and manage application state? Perhaps you’ve looked at Redux, but got bogged down in boilerplate and action constants. Then you wondered about asynchronous actions. Does the list of libraries and dependencies that you need to solve common problems just keep piling up? Wasn’t React supposed to be a simple view library?

Let’s talk about other ways to manage the data flow of your web applications. We want a single state object, one-directional data flow, reactive views as plain functions, decoupled and reusable components, routing, time-traveling, …all without any fuss. We’ll assemble this in a way that lets you keep using your favourite libraries (React, Preact, Inferno, Snabbdom, Mithril, etc.), and write your code with regular JavaScript functions, giving you state management with the freedom to structure your application as best suits your requirements.

Objective

Show developers great ways to manage the state of applications using React or any virtual-DOM library.

Target Audience

Front-end JavaScript developers

Assumed Audience Knowledge

JavaScript and basic React or other virtual dom library.

Five Things Audience Members Will Learn

  1. Managing application state with a single model and unidirectional flow
  2. Creating decoupled, reusable components (with plain objects and functions!)
  3. Assembling and composing with simple functional programming techniques
  4. Routing made simple, using the library of your choice
  5. Time-travelling and other cool development tools