Wheel of Type

Every time we use even the simplest values in our components, we re-invent the fundamental laws of computation without even knowing it. Over and over, we weave the same networks of meaning from the properties of our objects, even though they have the same shape and again and again reveal the same patterns. And to what end? For what reason do we trudge upwards along the same hill other than to follow the wagon ruts of tradition.

We'll stop for awhile by the roadside. We'll reflect on this problem that most of us don't know we even have, and we may find that relief to this endless toil was with us the entire time.

Transcript

1. @cowboyd Hi.
2. @cowboyd @cowboyd
3. @cowboyd
4. @cowboyd Look Familiar? actions: {
 toggleOpen() {
 this.toggleProperty("isOpen");
 } }
5. @cowboyd What is even Boolean?
6. @cowboyd False True toggle() toggle() set(false) set(true)
7. @cowboyd False True toggle() toggle() set(false) set(true)
8. @cowboyd False True toggle() toggle() set(false) set(true)
9. @cowboyd False True toggle() toggle() set(false) set(false)
10. @cowboyd False True toggle() toggle() set(false) set(true) set(false) set(true)
11. @cowboyd False True toggle() toggle() set(false) set(true) set(false) set(true) Boolean
12. @cowboyd False True toggle() toggle() set(false) set(true) set(false) set(true)
13. @cowboyd False True toggle() toggle() set(false) set(true) set(false) set(true)
14. @cowboyd False True toggle() toggle() set(false) set(true) set(false) set(true)
15. @cowboyd Reinventing Very Small Wheels One very small wheel at a time
16. @cowboyd actions: {
 toggleOpen() {
 this.toggleProperty("isOpen");
 } } Small Wheels: Boolean
17. @cowboyd actions: {
 setVisible() {
 this.toggleProperty("isVisible");
 } }
 Small Wheels: Boolean
18. @cowboyd actions: {
 markCompleted() {
 this.set(“isComplete”, true);
 } }
 Small Wheels: Boolean
19. @cowboyd Relax Charles it’s just a Boolean
20. @cowboyd Complexer Datas actions: {
 addItem(item) {
 let list = this.get('items');
 list.pushObject(item);
 } } Small Wheels: Boolean
21. @cowboyd actions: {
 removeUser(user) {
 let users = this.get('users');
 user.removeObject(user);
 }
 } Small Wheels: Boolean
22. @cowboyd actions: {
 swap(oldItem, newItem) {
 let list = this.get('items');
 let oldIdx = list.indexOf(oldItem);
 list.replace(oldIdx, 1, newItem);
 }
 } Small Wheels: List
23. @cowboyd [ ] [1] [1, 2] push(1) push(2) Small Wheels: List
24. @cowboyd Composability?
25. @cowboyd actions: { selectOption(option) {
 let list = this.get('choices');
 list.forEach(member => {
 if (member === option) {
 option.set('isSelected', true);
 } else {
 option.set('isSelected', false);
 }
 });
 } Small Wheels: List of Boolean
26. @cowboyd (Model, Actions) = Strong types
27. @cowboyd Data Down. Actions Up. But on the way down, actions are data.
28. @cowboyd Code!
29. @cowboyd Too Much Logic in Templates?
30. @cowboyd More Logic Less Actions
31. @cowboyd Rightful Owner {{action "toggleOpen"}} {{action isOpen.toggle}}
32. @cowboyd Strong types Strong UI
33. @cowboyd careers@frontside.io