Какие инструменты для анализа React JS кода использовать?

Question

[tef36983]

Идет разработка приложения Frontend и Backend. Я являюсь Backend разработчиком и руководителем проекта. Необходимо разработать правила и инструментарий для проверки кода для фронта.

Frontend будет писаться на React JS. Frontend разработка для меня будет "черным ящиком", так как я не смогу компетентно оценить качество написанного кода. В связи с этим у меня вопрос к Frontend разработчикам.

Опишите, пожалуйста какой стек технологий и правила вы используете для Frontend React JS, а именно:

Какой стандарт кодирования вы используете ? (если есть возможность, указать ссылку на стандарт)
Какой инструментарий для проверки кода вы используете ? (https://vc.ru/u/1389654-machine-learning/600700-9-... - что из этого актуально ?)
Как организовываете файловую структуру в приложении.
В каком редакторе вы пишите код ?

Это только часть вопросов, которые первые пришли на ум. Буду благодарен если вы расширите этот список.

Хочется на основании ваших ответов собрать общую картину разработки на Frontend React JS, со списком правил и модулей для проверки кода. И дальше следовать ему и давать разарботчикам как ориентир. Возможно, даже есть какая та статья, где собраны рекомендации по ведению проекта на React.

Спасибо за любую информацию

Comments

[WbICHA]

Какой стандарт кодирования вы используете ? (

Что именно ты подразумеваешь под данным вопросом?

Какой инструментарий для проверки кода вы используете ?

Для какой именно проверки? В общем, преттиер+еслинт — стандарт. Желательно ещё стайллинт.
А по ссылке вообще смешались в куче кони, люди.
И, на всякий случай уточню, сегодня разработки на жс нету, только на тс.

Как организовываете файловую структуру в приложении.

Как хотят. Но сегодня FSD, пожалуй, наиболее интересный вариант.

В каком редакторе вы пишите код ?

А какая разница? Кому на чём удобно. Самый популярный — вскод, но это не играет роли.

[WbICHA]

Хочется на основании ваших ответов собрать общую картину разработки на Frontend React JS, со списком правил и модулей для проверки кода.

А у тебя в команде нет фронтов? Поставь данную задачу сеньору и всё. Ты в этом вопросе, понятное дело, вообще не разбираешься, соответственно непонятно почему ты им занимаешься, а не соответствующий специалист.

[Kentavr16]

Frontend разработка для меня будет "черным ящиком", так как я не смогу компетентно оценить качество написанного кода.

Думаю стоит принять это как факт и не пытаться своими силами оценить техничную сторону вопроса.

[Антон Горецкий]

загляни сюда обязательно Front-End-Checklist

[Антон Шаманов]

WbICHA, по поводу стандарта кодирования я думаю речь про форматирование кода, что-то вроде PSR

[tef36983]

Антон Шаманов, Да вы правы. Речь шла правилах оформления кода https://netology-university.bitbucket.io/codestyle... и инструмент, который бы проверял правила оформления. Если вы привели пример PSR как стандарт, точнее набор стандартов, то для него есть инструмент по типу PHPCS: PHP Code Sniffer, который как раз и будет следить за соблюдением стантартов.

[tef36983]

Антон Шаманов, Хотелось бы аналогию на React, что бы правила оформления проверяла автоматизация, а не "честное" слово разработчика.

[tef36983]

WbICHA, Речь шла правилах оформления кода https://netology-university.bitbucket.io/codestyle... и инструмент, который бы проверял правила оформления. Если вы привели пример PSR как стандарт, точнее набор стандартов, то для него есть инструмент по типу PHPCS: PHP Code Sniffer, который как раз и будет следить за соблюдением стантартов.

[WbICHA]

tef36983, эти "правила" написал хрен знает кто хрен знает когда, с реальностью они слабо связаны. А реальность такова, что как в команде решать оформлять, так и будет. Для всего есть преттиер+еслинт, как я и написал выше. А настроить это дело можно как душе угодно.

А, это правила от нетологии. Собственно, этим всё сказано.

П.с.: и дай ты в конце концов эту задачу фронту.

[Антон Шаманов]

tef36983, тогда, как уже писали, вам нужны преттиер+еслинт