Публикации по теме 'create-react-app'
Приложение Static React за 20 минут с AWS
Несколько недель назад я написал Статическое приложение React за 20 минут с DigitalOcean , чтобы помочь другу создать сайт для своего дизайнерского портфолио. Я говорил о том, что современные инструменты для разработки веб-приложений могут быть запутанными и часто ненужными для случайного разработчика. Большинство из нас просто хотят быстро создать сайт.
Поэтому, когда я позже пересмотрел сообщение в блоге, я заметил, что минимальная настройка nginx, React и Digitalocean на самом деле..
Получение 100/100 на Google Speed Insights с React
Привет, чувак, спасибо за потрясающие советы и уловки. У меня есть всего одна небольшая настройка, которую я сделал, чтобы вы могли получить 100/100 в Google Speed Insights:
В компоненте корневого уровня удалите импорт `style.css`
Теперь вы можете преобразовать это в шаблонный литерал с тегами JS следующим образом:
Идея, очевидно, состоит в том, чтобы использовать минимально возможный глобальный CSS.
Затем внутри App.js выполните эту настройку, используя уже включенный шлем:..
Vite против Create-React-App: сравнение инструментов сборки для проектов React
Введение:
Vite и Create-React-App (CRA) — это инструменты для создания интерфейсных приложений, которые обеспечивают более быструю работу разработчиков. Они предоставляют множество функций «из коробки», что значительно сокращает время разработки и доставки приложений. Они предоставляют локальный сервер разработки для локальной разработки приложений, а также предоставляют возможность получить оптимизированную производственную сборку для отправки проекта.
Различия:
CRA..
Создайте проект React с нуля
Создайте проект React с нуля
Один из способов быстро и без каких-либо усилий создать React Project - это create-react-app . Create-response-app настроит веб-приложение, выполнив только одну команду. Убедитесь, что у вас установлена последняя версия Node.js. Выполните команду, чтобы проверить, какая версия:
npm -v
Установите последнее обновление npm:
npm install npm@latest -g
-g означает глобально
npx используется для запуска пакетов без загрузки. Выполните..
Как реализовать Web Push-уведомления в вашем приложении Node / React
Push-уведомления широко используются как в браузерах, так и в мобильных приложениях. У вас нет шанса не столкнуться с ними как с пользователем. Цель этой статьи - предоставить шаблон для веб-push-уведомлений с использованием распространенных технологий: Node.js и Express на бэкэнде и React.js (Create React App) во фронтенде.
Во-первых, давайте опишем обобщенный жизненный цикл веб-push-уведомлений:
Клиентское приложение устанавливает сервисного работника. Это автономно работающий..
«Настройка» приложения create-react-app
В последнее время я использую create-react-app , чтобы упростить. До сих пор я использовал собственные сценарии npm , но это становится все сложнее. Приложение Create-react-app очень ограничено, но принятие ограничений может освободить, поэтому я решил попробовать. Я призываю вас тоже попробовать и придерживаться этого как можно дольше.
Иногда действительно хочется сделать что-то неподдерживаемое. Вы можете катапультироваться и, таким образом, иметь полный контроль, но я предлагаю вам..
Использование стилизованных компонентов и потока в приложении Create React
Что мы хотим сделать
Нам нравятся стилизованные компоненты, мы любим Flow и любим приложение Create React. Как заставить все это хорошо ладить друг с другом? (Если вы читаете это, вы, вероятно, понимаете, что это было не так интуитивно, как вы думали)
Предварительные требования
Приложение Create React установлено, и проект настроен Немного терпения
Вы можете прочитать краткие инструкции в конце статьи. Я рекомендую придерживаться более длинной версии ниже!
Установка..