Skip to main content

Command Palette

Search for a command to run...

Ways to be more Efficient as a Frontend Developer

Published
3 min read
Ways to be more Efficient as a Frontend Developer

There's the saying to "Work smarter not harder". In a day and age where your manager, product, and stake holders want everything done tomorrow, you are going to find ways to be more efficient with your workflow. Here are ways that allows me to stay efficient while maintaining quality output.

Using a GIT GUI

brandbird.png

I don't know about you, but I dislike having to keep looking up GIT commands that I don't use on a daily basis. I enjoy using my brain power on my features instead of fighting GIT. Personally, I use Tower. But, there are free applications out there like SourceTree.

Many junior developers ask me how they're going to learn how to code and use GIT. I always tell them to just use a GUI. Learning multiple things at the same time, you're going to slow down your growth. Understanding the basics is great, but being a pro at GIT, I don't see the value in that. Every company uses GIT differently.

Here are some reason why I use a GUI (graphical user interface):

  • Visually see commit history within a click
  • View who made changes to a file
  • See all the uncommitted changes you've made
  • Ability to view all the local stashes
  • A birds eye view of all the local and origin branches

Using a clipboard manager

brandbird (1).png Have you ever needed to copy and paste multiple pieces of content and had to keep jumping windows or applications? There is where a clipboard manager comes into handy! You can copy multiple pieces of content that gets stored into a list. When you paste, you can choose from a list of copied content.

An area I've found the clipboard manager working very well is when you have to copy and paste content from a word document. You have the title, body, lists, buttons, etc. There are multiple types of content that you have to copy and paste.

There are free clipboard managers like Flycut, or you could go for a premium application in PasteBot.

Using a color picker

brandbird (2).png Having the design files of a feature is great, but there are often times when you're trying to pair up a color from a page and inspecting the element is just not giving you the option to get that exact color. I like to use an app called Pixeur. It allows me to use a color picker and select anything on screen to get its HEX code.

Conclusion

There are so many more ways to be more efficient. You will find what works for you and your daily workflow. I hope I was able to help you a little bit to becoming a smarter worker without working harder.


Thanks for reading! Let's connect!

I want to personally thank you for reading this blog. If you want to connect or see more of my content, please feel free to connect with me via Twitter .

Comments (13)

Join the discussion
S

Great article. There is another source control GUI called Source tree that I use on a daily basis and it helps me a lot with branching, committing, and other git stuff. It has a cool UI and is very easy to get started with. Check it out sometime!

Also, definitely going to check out the clipboard manager.

M

Getting to read this article will help me a lot in my dev journey.Thanks shashi

V

Great article Shashi Lo 👏👏 Really enjoyed reading it and congrats to your first post on Hashnode~

2
S
Shashi Lo4y ago

Thanks for reading!

D

Regarding Git use, everything available built-in on VS Code is enough for me. Additionally i use Git Graph and Git Lens to supercharge my Git experience.

For clipboard manager, if you use Windows, just use Windows + V.

2
S
Shashi Lo4y ago

Very true. VS Code can help you. I'm old school, so VS Code was available yet and had to learn things the inefficient way. :)

A

Awesome tools, thanks for sharing them.

2
S
Shashi Lo4y ago

Thanks for reading!

A

I think I have had Tower installed since the dawn of time but never used it because I got so used to the terminal 😂

2
S
Shashi Lo4y ago

I've found that Tower has been great to me. I enjoy the features they offer.

1
D

Definitely going to try the clipboard manager and the GUI!! Thank you, Shashi! Great blog!

2
S
Shashi Lo4y ago

GIT alone is already something difficult to comprehend. Once you have the opportunity to use it in a team setting, it get's even more difficult.

K

Completely agree with you. I use source tree for the exact same reason you mentioned above... Crisp article..!

2
S
Shashi Lo4y ago

I've tried memorizing all the GIT commands and noticed it was just wasting my brain power. Being an efficient engineer makes you get things done so much quicker.

M

Very well...short and concise.

Thanks for sharing!

2
S
Shashi Lo4y ago

Awesome! Thanks!

M

Great post Sashi, I had no idea about to clipboard manager. Definitely need to check out out!

2
S
Shashi Lo4y ago

Once you have to migrate lots of content from one thing to the other, you'll thank me for a clipboard manager!