The purpose of this article is to showcase some tools that really help me and people who I work with to develop front-end apps faster & easier.
This is going to be a guide for those, who still look how they can improve their workstation with must-have tools to create awesome solutions.
Available for Mac / Windows / Linux
At GitHub, we're building the text editor we've always wanted: hackable to the core, but approachable on the first day…atom.io
This awesome code editor has pretty everything I need… Syntax highlighting (yep, I know that’s common feature😂), well… Package manager📦, Built-in hints❗️, and beautiful UI (as for me, it is important).
For using Atom like a pro, you need to install some plugins (but be careful, as some of them may slowdown Atom editor).
Here’s what I use and would definitely recommend to anyone:
Very simple but really useful plugin. Must-have for MacOS users with Retina display.atom.io
If you work on multiple projects that require different code styles — this plugin will help you to switch editor preferences automatically.atom.io
Another must-have, but this time for EVERYONE. “highlight-selected” helps you quickly find other appearances of the same highlighted word.atom.io
Absolutely awesome plugin, that gives me full control over multiple projects. Switching between projects is as simple as pressing Ctrl-Cmd-P. atom.io
I usually leave some TODO comments that I forget after some time. This plugin helps me organize them and track project state. atom.io
Available for Mac / Windows / Linux
Unleash the Kraken! GitKraken is the legendary Git GUI client for Windows, Mac and Linux. Git beginners and advanced…www.gitkraken.com
Awesome Git Client made by axosoft. GitKraken is absolutely free for everyone. I like mostly because of it’s modern design and futuristic UI-concepts.
And they always make simplistic cheatsheets & instructions for everything:
Note that as well as Atom, GitKraken is built on top of Electron platform using JS, HTML & CSS and the difference is that GitKraken is not Open Source:(
…and that’s because they also have a paid PRO version, which you can get for $49 per year OR if you own a GitHub Student Pack (free for 1 year).
Available for Mac only
Yep… A built-in Mac app. But worth to mention, as it’s much better than what we have in Windows.
For Windows users. Please consider using one of the following:
- Cmder — I was using it as my main command line tool. It is highly customizable and powerful tool.
- Git Bash — Also worth to mention. You get this bash console app after you install git. The advantage is that you have built-in bash commands. But I faced the problem that I get less runtime output then with other terminal apps (for example if you run a command like
npm install— you won’t see the installation progress).
These are apps that make development more social, …
Step up your game with a modern voice & text chat app. Crystal clear voice, multiple servers and channel support, mobile…discordapp.com
Slack is where work flows. It's where the people you need, the information you share, and the tools you use come…slack.com
Slack — Chat app made for teamwork. Another popular chat client in developers world. Definitely worth to check out FrontEndDevelopers team.
Infinitely flexible. Incredibly easy to use. Great mobile apps. It's free. Trello keeps track of everything, from the…trello.com
Trello — For my needs it is a powerful TODO task manager that helps me track my progress in learning things, assign tasks to other people and arrange work.
You can download their desktop app by this link: https://trello.com/platforms
No conclusion. These are just apps that I prefer for my needs 😎. Not an advertisement or something made for self-profit.
Feel free to showcase desktop apps you use every day for front-end development in comments!