Поддержка подсветки и синтаксиса JSX

226
22 октября 2017, 23:48

Изучаю библиотеку React и использую Brackets.

Столкнулся с такой проблемой, что IDE не поддерживает синтаксис JSX и после обновления начал выдавать фантомные ошибки:

При этом, изменений в коде как таковых - нет. Это новый созданный проект при помощи create-react-app.

Вопрос касается IDE, и их на самом деле два:

1)Какие инструменты лучше использовать для разработки под реакт, плагины и IDE наиболее расположенные к данной библиотеке?

2)Если используется Brackets, какие плагины для работы с react рабочие?На данный момент у меня стоят вот эти плагины, и они не помогают.

Считаю, что этот ERROR из-за отсутствия понимания IDE JSX'a.

Answer 1

Используйте JetBrains WebStorm и не морочьте голову с этими редакторами. Поддерживает и React и Vue и Angular и много другое, а также TypeScript и CoffeeScript если заходите использовать диалект вместо чистого JS. Есть интеграция с npm, git и поддержка .ignore файлов (через плагин). Сколько лет работаю с продуктами JetBrain и не разу не помню чтобы что-то не поддерживалось

Answer 2

Facebook рекомендует свой Nuclide - расширение для Atom.

У меня вполне успешно работает Emacs: (минимальный набор)

  • подсветка: js2-mode, rjsx-mode (this mode derives from js2-jsx-mode)
  • автокомплит: ycmd + emacs-ycmd + company-ycmd и tern-бэкенд для javascript
READ ALSO
Проблема с heic форматом

Проблема с heic форматом

Проблема при конвертации heic в jpgИспользую официальную библиотеку на js

276
Как создать тип и использовать?

Как создать тип и использовать?

В официальном гайде angular2 для сущности Hero рекомендуется использовать пользовательский тип для данных:

360
JS/jQuery - Массив из Dom-элементов

JS/jQuery - Массив из Dom-элементов

Есть такой код в HTML:

361
Scroll к элементу при загрузке страницы

Scroll к элементу при загрузке страницы

В браузере firefox, все работает хорошо при загрузке страницы все скролится к нужному элементу, но в webkit не работает, только если вызывать через...

354