11 tipp frontendeseknek, hogyan tegyék hatékonyabbá a munkájukat

« All posts

(11 tipp frontendeseknek, hogyan tegyék hatékonyabbá a munkájukat)

  1. Találd meg a leggyorsabb módszert a "Go-to definition" funkcióhoz: VSCode-ban F12 vagy Ctrl+click a szóra
  2. Használd a projekt-szintű keresőt: Ctrl+Shift+F (időt spórolhatsz, ha kijelölöd a kifejezést előtte, akkor már azzal indítja)
  3. Ha logolsz, legyél minél specifikusabb és egyedibb (és próbáld nem széttördelni a sort változókiírással, hagyd inkább a sor végére)
  4. Import-hiány esetén bízd a VSCode-ra azok megtalálását: Ctrl+. és "Add all missing imports"
  5. Használj jól beállított lintert, ami on-the-fly vizsgálja a kódodat és javasol/javít hiba esetén: eslint plugin és egy korrektül beállított .eslintrc. Esetleg commit-hook-ra kötött javítás (nem minden esetben működik).
  6. Gyors és pontos gépelés: létfontosságú. Ha a gondolataid gyorsabbak, egy elütés is megakaszthat, több dolog fog fölgyűlni a rövidtávú memóriádban.
  7. Kódformázó eszközök: egyszer kell beállítani, utána csak rábízni az automatikára. Lehet commit-hook-ként vagy Shift+Alt+F. Prettier plugin (prettier-eslint, ha linterrel együtt fontos), jól beállított .prettierrc fájl.
  8. Live-reload tuningolás: ha a live-reload tovább tart, míg átváltasz az IDE-ről a böngészőre, optimalizálj, nyomozd ki, hogy miért lassú.
  9. Szabadulj meg a fölösleges pluginektől: a VSCode nagyon gyorsan el tud indulni, de sok erőforrást elvesz, ha használaton kívüli pluginok betöltésével kell bajlódnia: töröld, amit fölösleges.
  10. Fektesd le előre a data interfészeket/típusokat: az adatáramlás implementálásakor már csak két interfész közé kell logikát írnod.