In ultimele luni am prins o pasiune pentru front-end (eu fiind mai mult orientat inspre backend development).
Asa ca am intrat putin in lumea front-end si am ramas uimit ce tooluri si cum se programeaza in lumea front-end.
Scrii cod JS, schimbi ceva in .sass si in browserele deschise schimbarile au loc fara reload cu ajutorul Webpack Dev Server. Iar cu browsersync si navigarea se sincronizeaza intre browserele deschise (fie ca e pe mobil sau desktop)..
Webpack e unul dintre cele mai utile tooluri ever.
Toolurile astea sunt scrise in nodejs, o problema ar putea fi ca node_modules sa aibe foarte multe fisiere si foldere din cauza dependentelor intre modulele folosite.
Am lucrat la un proiect de tip SPA (single page application), bazat pe React+Redux. Pe scurt, frontend-ul comunica cu backendul prin schimb de JSONs.
Sa trecem direct la subiect.
Package manager
- yarn
- React
- Redux
- ES6 (promises via fetch, arrow functions, spread operator, destructors, etc)
- sass
- express JS pentru fake API
- sockets.io
- webpack dev server
- webpack (pt bundle de js, css, fisiere statice)
- webpack dev server (pt hot reload js, sass)
- babel pt react jsx, es6 transpiling
- browsersync (ca si plugin la webpack)
- gulp
- pm2
- jslint
- jest pt test cases
- Visual Studio Code
Avem pasionati de asa ceva pe aici? Daca da, ce folositi?
