- PVSM.RU - https://www.pvsm.ru -
С момента своего возникновения веб-приложения прошли долгий путь. Мы знаем, какую важную роль играет в вебе JavaScript и какие безграничные возможности есть у нас при выборе фреймворков и технологий. Каждый фреймворк имеет свои достоинства и недостатки, но почти во всех используются какие-то основные методологии. Такие инструменты как create-react-app, next.js, vue-cli и другие действительно полезны для начального формирования проекта и его структуры, но в остальном вы вольны создавать приложение в соответствии со своими предпочтениями и требованиями проекта.
В статье собран список принципов, которые будут полезны при создании веб-приложений с помощью React и Vue. Они помогут вам задать нужное направление и упорядочить разработку. Большинство этих принципов применимо к созданию любого ПО, но всё же список предназначен именно для веб-приложений.
Не всем компонентам нужно подключение к хранилищам, серверному API или каким-то иным сервисам. Когда делаешь компоненты «безразличными к источнику данных», очень сильно повышаются возможности по их многократному использованию.
Storybook [4] – прекрасный инструмент для взаимодействия с дизайнерами и обсуждения функциональности. Он служит «руководством по стилю» для вашего приложения.
Модель ветвления:
Инструмент для линтинга коммит-сообщений — commitlint [8]
В самом начале любого проекта обычно легко держать все изменения в памяти. По мере роста проекта changelog может быть главным «хранилищем», где будут описаны заметные изменения кодовой базы. Пройдут месяцы и даже годы, а он все еще будет актуален для вас.
Да, сюда можно добавить ещё много пунктов, в зависимости от сферы вашего проекта и используемых технологий. Перечисленного будет достаточно для радикального улучшения многих фронтенд-приложений. Почти каждый принцип можно применять постепенно и в зависимости от приоритетов, которые определите вы и ваша команда. Так что не нужно думать о том, как применить всё и сразу :)
Автор: A11oW
Источник [10]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/352021
Ссылки в тексте:
[1] rest-hooks: https://resthooks.io/
[2] antd: https://ant.design/components/form/
[3] Cypress: https://www.cypress.io/
[4] Storybook: https://storybook.js.org/
[5] sonarJS eslint: https://github.com/SonarSource/eslint-plugin-sonarjs
[6] prettier: https://prettier.io/
[7] gitflow: https://www.atlassian.com/git/tutorials/comparing-workflows/gitflow-workflow
[8] commitlint: https://commitlint.js.org
[9] Правила по написанию коммит-сообщений в Angular: https://github.com/angular/angular/blob/master/CONTRIBUTING.md
[10] Источник: https://habr.com/ru/post/496390/?utm_source=habrahabr&utm_medium=rss&utm_campaign=496390
Нажмите здесь для печати.