A int stepper exercise (from this great talk)
The goal is to compare technologies using a reactive form that has a 2-way twist (value can be changed manually, and be changed from different sources) results will be graded in terms of code readabilty and number of redraws needed
- whether updated by increments or manually, value should only be bigger than min and smaller than max
- incrementing max should not change the value
- decrementing max should change the value if new max is smaller than value
- incrementing min should change the value if new min is bigger than value
- decrementing min should not change the value
- changing the step updates the step buttons labels and step size
- step buttons will increment/decrement value by their set amount
(watch out for side effects, a common issue is : decrementing the max until it changes the value, then incrementing max again. if value is not stored correctly, value will increment until reaching its previous value)
the results below are hand-sorted on (subjective) perceived readability and on how optimised they are (related to redraws)
svelte 3 repl