Публикации по теме 'create-react-app'


Создание приложения React без приложения create-react-app (с помощью Babel 7)
Создание приложения React без приложения create-react-app (с помощью Babel 7) Цели: Добавить библиотеки React React-Dom Добавить инструменты Webpack Добавить инструменты Dev Server Добавить инструменты Babel для Env и React Добавить загрузчики Webpack (css и babel) Добавить инструменты сборки (для создания производственных активов: index.html, styles.css) Добавить инструменты оптимизации (Minify и Uglify) Здесь я показываю, как создать веб-приложение на React без..

Настройка создания приложения React с помощью Express
Когда я впервые столкнулся с приложениями JavaScript с полным стеком в Free Code Camp, я искал, читал статьи и думал, как мне запустить приложение JavaScript с полным стеком. Я пытался использовать Clementine.js, но тогда я не очень понял, зачем столько папок, каталог проекта и само приложение-пример. Поэтому сегодня. Просто примите тот факт, что если вы хотите создать JS-приложение с полным стеком, вам нужен клиент и сервер. И в этой статье мы собираемся использовать React для нашего..

Приложение Beyond Create React: React Router, Redux Saga и др.
Сегодня вы узнаете, как построить одностраничное приложение (SPA) на React с некоторыми разумными и самоуверенными настройками по умолчанию. Вероятно, вы слышали о create-react-app раньше и, возможно, вы даже используете этот инструмент для построения своих приложений React. Итак, вы можете спросить: «Зачем мне нужно читать эту статью и как она мне помогает?» Загляните в Блог Auth0 🔐 и найдите все, что вам нужно знать об инфраструктуре идентификации, управлении доступом, SSO,..

Настройка проекта create-response-app с помощью TypeScript и VSCode
Настройка проекта create-response-app с помощью TypeScript и VSCode Я обнаружил, что копирую и вставляю одну и ту же конфигурацию снова и снова каждый раз, когда начинаю новый проект «create-response-app», так что я всегда начинаю именно так. На момент написания этого документа (18 сентября 2019 г.) я использую приложение create-react-app v3.1.1. Я покажу здесь, как настроить проект в определенной конфигурации: приложение create-response-app с TypeScript VSCode как редактор..

Извлечение и добавление декораторов в ваше приложение create-response-app
Если вы похожи на меня, вероятно, вам нужны декораторы для вашего приложения create-react-app. Нет простого и понятного способа сделать это, не извлекая приложение, так что это именно то, что я собираюсь пройти в этом посте. Шаг 1 npm run eject Вы заметите, что в вашем дереве каталогов появилась пара папок. Один из них - это / config, который содержит конфигурацию файла Webpack, который мы ищем. Шаг 2 Добавьте в приложение устаревший плагин babel для декораторов преобразования..

Настройте абсолютные пути с помощью Create React App и Flow
Мне потребовалось некоторое время, чтобы собрать информацию для настройки проекта CRA с потоком для обработки абсолютных путей в операторах импорта, поэтому я решил задокументировать шаги, которые я предпринял, чтобы заставить его работать. У меня есть следующие версии связанных пакетов: react-scripts v1.1.4 flow v0.72.0 eslint-plugin-import v2.10.0 TL;DR Создайте файл .env в корне проекта со следующим содержимым NODE_PATH=src/ Добавьте в файл .eslintrc следующий контент..

Получение HMR/Fast Refresh для работы в старых браузерах с помощью create-react-app v4
Ищете быстрое решение? Перейти к TL; DR! На прошлой неделе я обнаружил валяющийся старый iPad 2. Также, будучи счастливым обладателем 3D-принтера, я быстро напечатал держатель для своей стены и поместил туда iPad. Хорошо! Теперь давайте создадим для него веб-приложение, чтобы я мог сделать хороший настенный дисплей, отображающий все, что я хочу. Итак, естественно, я запустил yarn create react-app ipad-wall (эквивалент npx create-react-app ipad-wall ) и начал писать код. Через 5..