Некоторые из них могут быть очевидны, а некоторые нет. Для создания небольших проектов на React все это может не потребоваться, но приложения среднего и большого размера могут стать трудными для обработки, если у вас нет этих 7 частей! Давайте вникнем в них:

Документация

Это безумие, что нам все еще нужно объяснять важность документации в 2021 году. Но да, это неотъемлемая часть любого среднего или крупного проекта. Документация может сэкономить команде тысячи часов открытий, причем не только для новых программистов или новых команд, но и для обычных программистов на работе.

Хорошая документация помогает новым членам команды быстро понять проект и уменьшает недопонимание, объясняя, как все было построено.

Предварительно определенная структура проекта

Когда проекты становятся все больше и больше, правильная файловая структура может сэкономить вам часы навигации и просмотра файлов. Выбор масштабируемого шаблона и следование ему может упростить навигацию по проекту и упростить вашу команду разработчиков.

Стиль кода

В каждом крупном проекте должен быть набор правил, которые помогут разработчикам писать код для этого проекта. Почему? Потому что кодовую базу легче понять, если она написана в соответствии с единым стилем кода.

К счастью для нас, существуют классные библиотеки, такие как EsLint и Prettier, которые помогают программистам в целом достичь единого стиля.

Библиотеки пользовательского интерфейса и анимации

Вашему проекту обязательно потребуются библиотеки компонентов, как для компонентов пользовательского интерфейса, так и для анимации. Чтобы обеспечить единообразие, обычно лучше придерживаться одной библиотеки. Material UI и Semantic UI - одни из самых известных библиотек пользовательского интерфейса.

Что касается анимации, вы можете как создавать их, так и использовать классные библиотеки, такие как react-transition-group или react-awesome-раскрытие.

Правильная среда

Правильно организованный проект, который следует передовым методам кодирования, должен иметь собственный набор сред, таких как разработка, подготовка и производство. Среды разработки и тестирования дают программистам возможность опробовать новые функции, не рискуя делать это в производственной среде.

Непрерывная доставка

Автоматизация как можно большего количества задач - часть удовольствия от работы разработчиком. При создании приложения настройка непрерывной доставки снимет с вас все заботы, связанные с развертыванием. Хотя обычно за это отвечают разработчики, не помешает знать о процессах и автоматизации, которые выполняет ваш проект.

Среда тестирования

Последний, но тем не менее важный! Ни один серьезный проект не должен выходить на свет без надлежащего тестирования. Настройка среды тестирования важна для приложения, и есть несколько библиотек, которые могут помочь в этом, например, react-testing-library, для тестирования компонентов реакции, и jest, для модульного тестирования js.

В SpaceDev мы сосредотачиваемся на создании и поддержке сильных и масштабируемых продуктов, и мы снова и снова обнаруживали, что этот подход является правильным, даже когда он не кажется необходимым. Какие еще ключевые элементы, по вашему мнению, необходимы для любого проекта React?