My setup as a Web Dev in 2022
Tags: webdev, setup, programming, productivity
Published: 2022-08-08 16:55:00

Hello world!

This is my first post in dev.to sorry if I make some mistakes :D 


#Hardware

Currently I'm working with a MacBook pro m1 13,3" with 16GB of ram and 512gb SSD.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bgia5qjjmuv0zp098dtc.png)

My mouse is the Logitech G502 Hero.
https://www.logitechg.com/en-us/products/gaming-mice/g502-hero-gaming-mouse.910-005469.html

My main monitor is a Samsung Ultrawide 49"
https://www.samsung.com/us/computing/monitors/gaming/49--chg90-qled-gaming-monitor-lc49hg90dmnxza/

For this monitor (Is huge) I use the Ergotron HX, is a monitor arm that supports the weight of the monitor (Around 15kg)
https://www.ergotron.com/en-us/products/product-details/45-475#?color=white

I work remotely so for meetings I have two things:

- Logitech webcam C920
- Blue yeti microphone


And finally this is how my setup looks:

 ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j7ancbivk2y1zl2h9gua.png)

I'm thinking in buy a mechanical keyboard, in the past I used the Corsair K68 but the feeling with key cups was a mess, feels like a "cheap" keyboard and it's around 100€. So any recommendation will be listened :D


#Software

I will divide this in some sections.

- Productivity.
- Coding.
- Bonus tracks.

##Productivity.

For take notes, organise my daily basis work, manage and prepare meetings and anything that involves text that are not code I use notion.

https://www.notion.so/

###Notion

I tried a lot of applications for writing, in the past I used ulysses because I tried to write short-stories, a fantasy book and some "madness" that I have inside my head. 
Why I'm using notion? Because is super super versatile

I can have a Kanban board for manage things that does not have a ticket in Jira. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hmuik12cxw5aqusk7cay.png)

I'm trying to tag things in my kanban with a method that I learned in a course made by Patrick Kua:
https://techlead.academy/p/time-management

This course was super helpful for me, I'm trying to be a technical leader and the constant context switching can be a nightmare in any  kind of "lead". I super recommend this course, not only for leads, is hard to prioritise our daily-work and Patrick have a lot of "methods" to help you in this journey this in combination with Notion was awesome.

Recovering the main thread, as I said, notion is helping my a lot managing my work, study and anything related. The Kanban board is only one of a lot of things that you can do in this app, the only what you need to exploit the versatility of this software is think and be creative, the way to organise the info in our heads is totally different between us but if you want to know more about how I work with notion just put a comment and I'll try to make another post.

###RayCast

Is a the perfect substitute of the spotlight.
I use it for throw Spotify track lists, search quickly notes in Notion, open any app or manage Vscode projects.

https://www.raycast.com/

Another thing that is super useful for me is the management of windows, I'm using an ultrawide monitor and for resize apps I have a lot of shortcuts like these:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/istynrpk4fwtbwyo8sgi.png)

Raycast have a lot of extensions to work with, like an integration with Jira, VSCode and a lot of third party apps.

###Microsoft Edge

I will try to be honest with this new friend. I hate a lot  Microsoft and some their policies, and bad things that they made in the past (What I hate a lot is Windows, I can't work with Windows without have suicidal tendencies🤣)

But we should be honest and the new version of Edge it's amazing, works super fast, have features that I love and the UI is simple, clean and fresh. The goal is super clear here, avoiding the sh** of IE and adopting chromium was the best step that Microsoft made in their browser development history.

###Microsoft Teams

The application that I use as a tool for communication. We do the dailies, private calls and anything that needs a video call or a quick chat with Microsoft teams.

I'm not sure what pretends Microsoft with this new app, but I hate it a lot, the UI is a kick in the balls, when I'm seeing the channel of my team I cannot see the private chats and vice-versa, the buttons have icons that are not describing the function that they have assigned. 

The performance in Mac is ridiculous (in Windows is exactly the same). If you want to make some laughs just open reddit an search the subreddit of this app.



##Coding

###Iterm2

I'm using Iterm + Oh My ZSH and PowerLevel10k

https://github.com/romkatv/powerlevel10k

I'm an obsessed of minimalism and this is how it looks right now:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cawnb8sb906vd226pn06.png)

No borders, no window titles, no scrollbars, no buttons for close or resize the window (I resize it with shortcuts) and only a dark bar in the bottom with things like ram usage and so on.

###Visual Studio Code

I guess I can do an exclusive post only to talk about visual studio code. So for now I will show only my extensions and some details.

Extensions that I'm using: 
- Better Comments
- Cucumber (Gherkin) Full Support
- Docker
- Error lens
- EsLint
- GitLens
- IntelliCode
- Live share
- Mintify
- Vscode-icons

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lq7t7isiwlnb6kmm6i5w.png)
_Minimalist obession as I said_ 



##Bonus tracks


- Amphetamine: I use it for keep my laptop always opened.
- Monitor control: For control the brightness of my external monitor with shortcuts.
- Spotify: Nothing to comment about this software, thanks for the partnership with FC Barcelona!
- Grammarly: For correct language mistakes that probably you already saw in my post (I'm not an english native)



That's it for now!
Thanks for reading and if you have any doubt just put a comment!