V Pilulce jsme ke konci minulého roku začali vyvíjet nový e-shop, který byl za rok oficiálně spouštěný. V tomto článku se s vámi rádi podělíme o technologie a postupy, na kterých stavíme frontendovou část.
Bootstrap 4 jsme zvolili pro jeho vyzrálost, dokumentaci, respektování DRY a podporou mezi prohlížeči. Z dlouhodobého pohledu se nám BT4 vyplácí, píšeme mnohem méně CSS a atomické třídy nám dovolují rychlejší vývoj.
Komponenty „mimo“ konvenci BT píšeme standardně BEM metodikou. Máme také napsané vlastní atomické třídy pro změnu velikosti fontu na odlišných breakpointech a pod.
JavaScript stack stavíme na ES6, komponenty ve Vanilla JS kompilujeme přes Webpack pro odlišné verze e-shopu. Dynamické části jako je našeptávač, objednávkový proces, či uživatelský účet obsluhuje Vue.js.