Quais ferramentas eu utilizo como desenvolvedor?

Frequentemente me perguntam sobre as ferramentas e equipamentos que uso pra trabalhar, então resolvi escrever uma lista completa.

Linguagens e Frameworks

1. React — UI Library
2. React Native — UI Library
3. Node.js —JavaScript Runtime
4. Next.js — React Framework
5. Prisma — TypeScript ORM
6. TypeScript — Typed Superset of JavaScript
7. Sass — Stylesheet Language
8. MySQL — Database SQL
9. Redux — State Container for React
10. Vercel — Serverless Deployment & CDN

Ferramentas

1. Figma — Inteface Design
2. Trello — Todo / Management
3. OBS Studio — Broadcasting Software
4. Spotify — Music Streaming
5. HookShot — Window Management
6. Visual Studio Code — Code Editor
7. Slack — Business Communication Tool
8. FileZilla — FTP Connection Solution
9. Adobe Illustrator — Vector Design Tool
10. Adobe Photoshop — Photo and Image Editor

Editor de Código

Isso merece uma seção própria! Como mencionei nas ferramentas acima, hoje eu utilizo Visual Studio Code com as seguintes extensões:

1. 1mm Themes — Dracula
2. Material Icon Theme
3. Bracket Pair Colorizer
4. ESLint
5. Prettier
6. Git Lens
7. Live Server
8. Visual Studio IntelliCode
9. Prisma
10. Thunder Client

//  Visual Studio Code settings.json
{
    "terminal.integrated.fontSize": 12,
    "terminal.integrated.fontFamily": "Fira Code",
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
    "editor.wordWrap": "on",
    "editor.minimap.scale": 1,
    "editor.renderWhitespace": "all",
    "editor.lineHeight": 16,
    "editor.fontSize": 12,
    "editor.formatOnSave": true,
    "editor.tabSize": 2,
    "editor.formatOnPaste": true,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.snippetSuggestions": "top",
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.suggestSelection": "first",
    "explorer.openEditors.visible": 0,
    "explorer.confirmDelete": false,
    "workbench.editor.highlightModifiedTabs": true,
    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "1mm - Dracula",
    "workbench.editor.untitled.hint": "hidden",
    "javascript.updateImportsOnFileMove.enabled": "always",
    "editor.codeActionsOnSave": {
        "source.fixAll": true,
        "source.fixAll.eslint": true
    },
    "liveServer.settings.donotVerifyTags": true,
    "liveServer.settings.donotShowInfoMsg": true,
    "prettier.trailingComma": "none",
    "window.zoomLevel": 0.3,
    "explorer.confirmDragAndDrop": false,
}

Hardware

Quando se trata de setup de desenvolvimento gosto sempre de lembrar que por mais que as ferramentas sejam relativamente caras, se trata da sua ferramenta de trabalho e uma boa ferramenta sempre irá te trazer benefícios como melhor produtividade e maior qualidade no trabalho que você irá desenvolver.

1. Macbook M1 PRO 15" SSD 1TB, 16GB — Para desenvolvimento de apps IOS
2. CPU Intel i9, 32GB, XPG Nvme 1TB, RTX 3060 TI 8GB.
3. Monitor Samsung 32" 4K UJ590
4. Mouse Logitech MX Anywhere 3
5. Teclado Logitech MX Keys
6. Headset HyperX Cloud Stinger
7. Smartphone Samsung Galaxy
8. Tablet Samsung Galaxy

E não poderia faltar o Goku SSJ da saga Freeza :)

E isso é tudo pessoal, espero te ajudar a encontrar as melhores ferramentas para que seu trabalho se torne o mais produtivo possível.

Até a próxima!