ТОП плагинов для написания React приложений на Atom

1 973

В сегодняшней статье я постараюсь дать максимум полезной информации на тему плагинов для вашего Atom редактора если вы «пилите» React приложения. Есть отличное решение в виде набора плагинов для Atom если вы решили расширить функционал редактора. Вот ссылка atom-react. Если открыть консоль в самом редакторе и ввести apm install react то будут инсталлирован целый набор полезных плагинов которые облегчат жизнь начинающему React разработчику.

Syntax Highlighting

Очень полезный плагин который добавляет подсветку синтаксиса при работе с JSX и специальными атрибутами.

Indentation

Плагин для автоматических отступов в компонентах.

Code Folding

Плагин поваляет сворачивать компоненты при клике. Очень полезно когда компонент «разрастается».

Snippets

Набор сниппетов ( шаблонов ) которые можно использовать для более быстрого набора кода.

JSX Reformatting

Плагин позволяет удобно форматировать код компонента, выстраивая атрибуты один под другим.

HTML to JSX conversion

Плагин позволяет быстро конвертировать HTML в JSX со всеми нужными атрибутами.

Autocomplete

Для быстрого написания элементов компонента. При введение кода будет появляется список из уже заготовленный шаблонов для авто заполнения.

Automatic closing tag

Автоматически закрывает тег.

Я немного описал все плагины что бы понимать для чего они предназначены, а теперь к этому списку я добавлю еще парочку плагинов которые будут не менее полезными при разработки React приложений.

autocomplete-modules плагин позволяет при заполнение пути import получать подсказки о возможных папках и путях.

linter-eslint Отличный плагин который проверяет ваш синтаксис написания кода.

auto-update-package плагин сам обновляет другие пльгины каждые 6 часов ( по дефолту ). Если вы хотите иметь всегда актуальны плагину у себя и вам лень обновлять их руками то это прекрасно решение по автоматизации данного процесса.

Заключение

Сегодня я постарался дать вам наиболее полезные плагины для редактора Atom если вы разрабатываете React приложения. Надеюсь что данная информация была вам полезна. Приятно вам покодить!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *