Skocz do treści

Druga edycja Kursu Nowoczesnego Frontendu: Next.js, React, TypeScript, GraphQL

Scroll down for English version. Całkiem często dostaję pytania o to, czego używam, jak pracuję i na czym. Jaki komputer? Jaki edytor? Jakie ustawienia? Czy oczywiście ciemny motyw? Jakie biurko? Postanowiłem skorzystać z okazji i odpowiedzieć zbiorczo na te i podobne pytania.

Jeśli masz jakieś pytania, to koniecznie zadaj je w komentarzach. Chętnie odpowiem i dopiszę tutaj :)

Edytor + terminal

  • Moim głównym edytorem jest Visual Studio Code. Przez lata używałem WebStorma (+ okazjonalnie Sublime Text 2/3), ale ostatecznie lekkość Visual Studio Code zwyciężyła. Na pewno duży wpływ na to miał fakt, że przestałem pisać w JS i praktycznie wszystko piszę w językach silnie+statycznie typowanych, a tam podpowiadanie składni VSC działa świetnie.
  • W edytorze używam motywu Atom One Light. Tak, jasnego :)
  • Używam oh-my-zsh z motywem "af-magic" i wtyczkami macos gitfast git npm yarn gpg-agent history-substring-search
  • Praktycznie wszędzie, gdzie to możliwe do kodu ustawiłem font Fira Code z włączonymi ligaturami. Co to takiego? Połączenie niektórych znaków wygląda u mnie lepiej, np. => albo === może wyglądać tak:

Inne aplikacje

  • Bartender – chowanie nieużywanych rzeczy z paska, polecam
  • Sketch – wszystkie designy dostaję w tym; tutaj robię też covery na Facebooka i inne obrazki
  • Synology Drive – mój prywatny Dropbox ;)
  • Rectangle – łatwe zarządzanie oknami przeglądarki
  • TripMode – aplikacja pozwalająca na ograniczenie zużywania internetu, gdy korzystam z telefonu. Bardzo przydatne, szczególnie za granicą!
  • Time Machine (wbudowane w MacOS) na własny NAS Synology

Sprzęt

  • Moim głównym komputerem jest MacBook Pro 14" (2021; Apple M1 Pro; 16 GB RAM; 500 GB SSD)
  • Moja klawiatura to MX Keys for Mac, a myszka to Logitech MX Master 3. Przesiadłem się niedawno z Apple Magic Mouse i nowa mysz jest naprawdę nieziemska – wreszcie przestały mnie boleć nadgarstki
  • Używam biurka SKARSTA z Ikea z regulowaną wysokością (na korbkę)
  • Mam LG 27UL850-W 4K HDR. Nadal jednak sądzę, że do programowania nie jest potrzebny drugi monitor, a mobilność, jaką daje przyzwyczajenie się do jednego ekranu jest niesamowita. Jestem tak samo wydajny w domu, za granicą i w pociągu, czy aucie.
  • Pod laptopem mam Macally Aluminum Laptop Stand i sprawdza się super
  • Mikrofon + filtr Novox NC-1 Game
  • Kamerka to na razie Logitech c920 HD
  • NAS Synology DS216j z dwoma dyskami 3TB w trybie RAID1
  • Na biurku mam też dużą miękką matę, żeby nie było mi zimno w ręce :)

English version

Every day I get these questions: What computer do you use? Which editor? What plugins? What settings? Light or dark theme? Which desk? Which external display? I decided to answer which software and hardware I use and make an article out of it. Here it comes:

If you have any questions, please leave them in the comments section. I'll gladly answer and add the info here :)

Editor + terminal

  • My main editor is Visual Studio Code. I used WebStorm (+ Sublime Text 2/3 for occasional editing) for years, but ultimately the lightness of VSC won. This decision was strongly influenced by the fact that I stopped using JS and started using strong and statically typed languages, where code completion in VSC really shines.
  • I use Atom One Light theme. Yes, it's a light theme :)
  • oh-my-zsh with "af-magic" theme and following plugins: macos gitfast git npm yarn gpg-agent history-substring-search
  • I use the Fira Code font with ligatures virtually everywhere. What are ligatures? They make combinations of certain characters look better eg. => or === looks like this:

Other apps

  • Bartender – hiding unused apps from the taskbard
  • Unshaky – it's a software fix for shaky MacBook Pro keyboards (it helps a lot but I'm replacing the keyboard anyway)
  • Sketch – the primary tool for designs; I use it for Facebook covers and other pictures on the blog
  • Synology Drive – my private Dropbox ;)
  • Rectangle – windows management tool
  • TripMode – an app that limits the usage of the Internet data; it's particularly useful when I'm tethering from my phone or when I'm abroad!
  • Time Machine via wifi to my Synology NAS

Desktop

👉  Znalazłeś/aś błąd?  👈Edytuj ten wpis na GitHubie!