Публикуем новый перевод для начинающих React-разработчиков.Теги: #программирование #реагировать #Next.jsМы надеемся, что эта статья поможет вам выбрать правильный инструмент для вашего следующего проекта.
Когда дело доходит до создания новых проектов в React, у нас есть четкий выбор: NextJS или Create-React-App. Гэтсби почти вышел из употребления из-за медленной сборки при масштабировании.
Кроме того, NextJS становится все более удобным генератором статических сайтов.
Фото Артем Сапегина на Unsplash В этой статье мы рассмотрим преимущества и недостатки NextJS и Create-React-App и обсудим, какие варианты использования подходят для каждого из них.
Create-React-App
Create-React-App — это набор инструментов, позволяющий создавать новые приложения с помощью React. CRA хранит зависимости, такие как Webpack и Babel, внутри скриптов реагирования.Create-React-App упрощает работу с транспиляторами и сборщиками.
Это означает, что обновить эти «скрытые» зависимости совсем несложно.
Вам нужно дождаться новой версии реагирующих скриптов и обновиться.
Нам не придется заморачиваться с исправлением критических изменений в конфигурации веб-пакета.
Преимущества использования Create-React-App
Скромный инструмент Вы можете использовать любые библиотеки, правил и рекомендаций нет. Выбор библиотеки для маршрутизации также на ваше усмотрение.Create-React-Apps визуализируется на стороне клиента Поскольку мы визуализируем Create-React-Apps на стороне клиента, развертывание упрощается.
Мы можем разместить приложение на любом файлообменнике, например S3. С приложениями CSR намного проще работать!
Недостатки Create-React-App
Сложно настроить Встроенного способа настройки приложения нет. Если вам нужно настроить конфигурацию веб-пакета, единственный вариант — использовать сторонний инструмент, например.крако или выбросить.
Однако после выполнения команды eject вы потеряете почти все преимущества использования Create-React-App. Он абстрагирует сложность Create-React-App прекрасно работает до тех пор, пока вам не придется делать что-то, что оно не поддерживает. Будет сложно! Скрывая конфигурации Babel и Webpack, Create-React-App упрощает начало работы.
Однако это не позволяет разработчикам узнать больше о том, как работают эти жизненно важные инструменты.
Негативно влияет на SEO Поскольку мы визуализируем Create-React-Apps на стороне клиента, этот инструмент сложен для реализации SEO. Create-React-Apps не следует использовать в целях электронной коммерции или маркетинга.
СледующийJS
Сравнивать NextJS и Create-React-App не совсем корректно, потому что NextJS — это нечто большее.CRA — это инструмент для создания приложений React, а NextJS — это платформа для их создания.
NextJS прямо из коробки обеспечивает рендеринг на стороне сервера, создание статических сайтов, бессерверную функциональность и многое другое.
Это целый набор инструментов, который дает нам все необходимое для создания эффективных веб-приложений.
Хотите пойти еще дальше с NextJS? Попробуй ХэппиКит .
HappyKit предоставляет приложениям NextJS повторяемые задачи (задачи CRON), очень простую аналитику и флаги функций.
Вы можете подписаться на бета-версию Здесь !
Преимущества использования NextJS
NextJS работает молниеносно! Благодаря серверному рендерингу и генерации статических сайтов приложения NextJS работают значительно быстрее.Next по умолчанию заботится об оптимизации производительности.
Простой процесс развертывания Vercel (компания, стоящая за NextJS) упрощает задачу развертывание полнофункциональных приложений React .
Пара кликов — и вы получаете профессиональный пайплайн для развертывания.
Этот процесс включает в себя предварительное развертывание и производственное развертывание.
NextJS обеспечивает маршрутизацию NextJS предоставляет быстрый и простой способ создания API в приложениях.
Если ваше приложение работает со сторонними API, то вам часто понадобится собственный API для проксирования запросов и хранения токенов.
Маршрутизация NextJS идеально подходит для этого.
Легко настроить NextJS позволяет настраивать конфигурации Babel или Webpack. Добавить загрузчики веб-пакетов или плагины Babel очень просто!
Недостатки использования NextJS
NextJS — упрямый (самоуверенный) фреймворк.У NextJS есть только один способ работы с маршрутами, и вы не можете его настроить.
NextJS ограничен маршрутом на основе файлов, а динамические маршруты возможны только при использовании сервера NodeJS.
Когда следует использовать NextJS?
При создании целевой страницы NextJS отлично подходит для создания целевых страниц и реализации других маркетинговых задач.Когда SEO имеет значение При создании веб-сайтов электронной коммерции поисковая оптимизация важна как никогда.
Благодаря серверному рендерингу NextJS также выделяется в этом отношении.
При создании сайтов Рендеринг приложений на стороне сервера избавляет клиентов от необходимости рендеринга на своих устройствах.
Для пользователей более медленных устройств это может привести к ускорению загрузки.
Когда следует использовать Create-React-App?
При создании закрытого приложения Если ваше приложение доступно только аутентифицированным пользователям, оно теряет большую часть преимуществ рендеринга на стороне сервера.В этом случае приложения CSR работают нормально, их проще и дешевле размещать.
При создании веб-приложений Веб-приложения в целом получают меньшую выгоду от рендеринга на стороне сервера.
Эти приложения обычно повторно используются пользователями, и мы можем применить кеширование, чтобы обеспечить молниеносную загрузку без затрат и хлопот, связанных с SSR. Мы надеемся, что эта статья помогла вам решить, подходят ли NextJS и Create-React-App для вашего следующего проекта.
Оба эти инструмента очень хороши для создания приложений React. Победителя нет: в некоторых случаях лучше использовать NextJS, а в других — Create-React-App.
-
Ноутбуки По Дешевке
19 Oct, 24 -
Встреча По Системному Анализу, 10/12
19 Oct, 24 -
Qt 5.1 И Правильное Развертывание В Windows
19 Oct, 24
