Dopo innumerevoli linee di codice e tempo perso a ripetere gli stessi passi (crea cartella, crea file .jsx, crea file .css ) per una determinata componente, mi sono detto “perchè non ottimizzare queste operazioni da badilante con uno script?”. Da qui nasce json2jsx, un traduttore di dati in componenti (json viemodel -> react component).
La mia assunzione è basata sul fatto che in generale un qualsiasi view model in json viene rimappato quasi interamente in una o più componenti nella UI.
Siccome poi volevo utilizzare la stessa funzionalità in altri progetti oltre che dalla command line mi sono detto di nuovo (oramai parlo da solo): “Perchè non trasformarlo in modulo NPM?”. E quindi lo script è diventato prima un repo su github e successivamente un pacchetto node.
Al momento funziona abbastanza bene ma verrà enormemente esteso, devo valutare se
- introdurre lo styling come opzione o se realizzare un qualcosa di totalmente separato.
- supportare pienamente create-react-app in modo da avere una sorta di ambiente per testare
- supportare proptype a fake proptype
Realizzare un pacchetto per NPM è abbastanza semplice, basta creare un account su www.npmjs.com e dal branch master pubblicare il pacchetto con un npm publish