Масштабирование разработки на React с Nx

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

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

Как это изменит структуру ваших каталогов? Как вы должны делиться кодом между проектами? Что происходит, когда вы добавляете в смесь дизайн-систему?

Трудно держать вещи прямо в голове.

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

Это не просто самоуверенная структура папок. Когда вы создаете приложение с помощью Nx, он генерирует настройки модульного и e2e-тестирования, а также готовит пакетирование и разбиение кода с помощью Webpack и исключает общие функции, такие как маршрутизация.

Одна из самых крутых особенностей Nx - это График зависимостей. График может наглядно показать вам взаимосвязь между частями вашего приложения и оптимизирован, чтобы гарантировать, что компиляция, тестирование и линтинг происходят только в затронутых областях вашего проекта.

В этом курсе Юрий демонстрирует эти и многие другие возможности посредством итеративного создания приложения React + Storybook + Express. Не волнуйтесь, если это не ваш любимый стек! Nx поддерживает самые популярные в Интернете фреймворки и библиотеки.

Что еще более важно, этот курс больше сосредоточен на рабочем процессе, чем на реализации.

Посмотрите курс и убедитесь, что инструменты и рабочий процесс Nx подходят вам и вашей команде!