В сегодняшней статье мы поговорим о полезных инструментах, которые, возможно будут для вас полезны при решении тех или иных задач, а так же некоторые технологии смогут оптимизировать вашу работу.
В статье мы не будем затрагивать такие вещи как Storybook для хранения библиотек компонентов или Redux devtools, который используется для дебага. Не будем о них говорить, потому как эти технологии и так используются большинством разработчиков. Приступим к обзору наших инструментов.
Kubuntu
Считается что front-end разработчики не используют Linux, но это не так. Лучшие сервера стоят на Linux и нужно быть готовым к тому, что с ними нужно будет взаимодействовать. Рабочее окружение на Linux настраивается буквально в пару команд в отличии от привычной Windows, в которой мы не можем позволить себе сэкономить лишнее время.
Yakuake
Стильный, модный, современный, а главное удобный. Терминал, который выезжает из-за шторы по сочетанию клавиш.
WebStorm
Конечно IDE это очень субъективный выбор. Но нельзя не отметить очень удобную интеграцию с Git у WebStorm, просмотр истории изменений отдельных кусков кода, локальная история изменений. Очень удобно просматривать кто работал и в рамках каких задач над вашим кодом, а делается это буквально в несколько кликов. К тому же при мерже предусмотрена комфортная система разрешения конфликтов.
Kate
Приятный бонус для мелких текстовых файлов вне проекта.
Chrome + dev Tools
Думаю тут не нужно объяснять, почему это должен быть ваш основной браузер для разработки. При этом не стоит забывать, что конечные пользователи пользуются различными десктопными и мобильными браузерами, их мы тоже должны использовать.
Browserstack.com
Сервис, который поможет нам справиться с разнообразием браузеров, которое было описано выше. На этом сайте вам предоставляется удаленный доступ к устройствам пользователей и там есть практически всё.
Postman
Используем его для запросов ко всевозможным API.
Удобен для тестирования Back-end’а.
Regex101.com
Удобный конструктор для написания регулярок. Сильно упрощает это дело, но есть один существенный недостаток: вы начинаете писать гораздо больше регулярок.
Caniuse.com
Сайт, на котором есть информация о каждой фиче из CSS/JS и на каких браузерах поддерживается эта фича. Сильно помогает определить какую новую «фишку» уже можно использовать в своих проектах, а какую еще нет.
Ngrok
При помощи этой утилиты сможете создавать безопасный туннель к вашему веб-серверу. Крайне удобен в тех случаях, когда нужно что-то быстро показать или проверить. Ничего никуда не нужно заливать. Одним словом - это musthave.
Расширения:
- Perfectpixel – для дотошной сверки верстки с дизайном.
- Measure dimensions – линейка из пикселей, помогает быстро проверить расстояние.
- mateTranslate – переводить выделенные куски текста прямо в браузере.
В заключение, напомню не забывать пользоваться Google Документами для написания писем и таблиц. Делитесь статьёй, чтобы ваши коллеги тоже повышали свою квалификацию.
