Propane Webapp

Hos Propane arbejder jeg på frontend-klienten, primært omkring dokumenteditoren og share views. Meget af arbejdet har handlet mindre om at shippe nye pixels og mere om, hvordan delene hænger sammen.

Det vigtigste jeg har taget med mig, er at læne mig op ad komposition. I stedet for én stor komponent med en lang liste af props til hver variation, bygger jeg små dele, der snapper sammen. Et godt eksempel var dokumentets metadata-bar — det er en simpel container, og hvert element indeni (ejer, dato, sketch) håndterer sig selv. Det betød, at den samme UI kunne genbruges på både den redigerbare projektvisning og den read-only share view uden ændringer.

Jeg er også blevet mere bevidst om at adskille UI fra data. De rene komponenter henter ikke noget og kender ikke til hooks — det ligger et lag oppe, hvor data-wiring hører hjemme. Det holder UI'et genbrugeligt og gør det tydeligt, hvor man skal hen, når noget skal ændres. Hvor det giver mening, forbliver hver forbundet del selvstændig i stedet for at være afhængig af, at en parent sender alt ned.

Den anden vane jeg har opbygget, er at matche mønstrene, der allerede findes i codebasen, før jeg griber til noget nyt. Tidligt fangede jeg mig selv i at bygge ting i en lidt anden stil end resten af appen — sende ekstra props rundt, tilføje effects hvor de ikke behøvedes. At tage et skridt tilbage og aligne med det, der allerede var der, gjorde næsten altid koden kortere og nemmere at læse.

Kort sagt: små dele frem for store, hold UI og data adskilt, og arbejd med codebasen i stedet for omkring den.