Публикации по теме 'create-react-app'
«Привет, мир» с приложением create-реагировать
React — один из самых популярных UI-фреймворков для фронтенд-разработки. Многие разработчики предпочитают реагировать на другие фреймворки, такие как Angular, из-за меньшей кривой обучения.
В этом посте давайте начнем с реакции, используя проект create-react-app, и распечатаем «hello world!» в окне браузера.
Установка Node js в вашей системе
Обязательным условием для запуска реактивных проектов является наличие установленного узла js в вашей системе. create-реагировать-приложение..
Настройка параметров кеширования для сервис-воркера create-react-app
Недавно я обновил существующее приложение до последней версии create-react-app, которая сейчас является выпуском 1.0, и добавил массу замечательных новых функций:
Что нового в Create React App - блог React Менее года назад мы представили Create React App как официально поддерживаемый способ создания приложений без… facebook.github.io
Одной из функций, которую я был рад увидеть в действии, была встроенная поддержка сервис-воркеров...
*** Обновление на 2018 год: для всех, кто сталкивался с ошибками, когда Webpack жаловался на jsx…
*** Обновление на 2018 год: для всех, кто сталкивался с ошибками, что Webpack жаловался на синтаксис jsx с Unexpected token (примечание: оставьте index.js с окончанием .js , то есть)
В любом случае, при прочих равных, вы меняете webpack.config.js на
var path = require('path');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'build'),
filename: 'index.js',
libraryTarget: 'commonjs2'
},
module: {
rules: [
{..
Как устранить ошибку Jest с помощью приложения Create React - Часть 1
Create React App уже поставляется с Jest в качестве средства запуска тестов, но после того, как я создал свои тестовые файлы и попытался запустить тесты с помощью команды yarn test . Получила следующую ошибку:
FAIL src/components/Workflow.test.js
● Test suite failed to run
Jest encountered an unexpected token
This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.
By default, if Jest sees a Babel config, it..
Как быстро создать многофункциональное расширение для Chrome с помощью приложения Create React и Redux
В этом руководстве вы узнаете, как создать полноценное расширение Chrome с богатым пользовательским интерфейсом удобным и (относительно) быстрым способом с помощью приложения Create React и Redux. Предполагает базовое знание React и Redux , а также синтаксиса ES 6+ .
Технические характеристики
С помощью этого руководства мы создадим расширение, которое помечает (выделяет) определенные ключевые слова на странице по цвету и некоторым дополнительным стилям. Он будет использовать..
Создайте приложение React за 5 простых шагов: пошаговое руководство
Следите за тем, как я создаю базовую структуру для своего последнего приложения React Surf Break Costa Rica .
Шаг 1. Создайте свой репозиторий GitHub
Войдите в GitHub и перейдите на главную страницу Выберите «Новый» рядом с «Репозитории».
Назовите свой репозиторий, предоставьте описание (вы можете изменить его позже) и выберите настройки репозитория, соответствующие потребностям вашего проекта.
Шаг 2. Клонируйте свой репозиторий GitHub
Нажмите зеленую кнопку..
Новые трюки
Итак, как я сказал в своем последнем посте, я решил попробовать Semantic UI React для оформления веб-сайта, который я создаю для друга из Великобритании. Я посмотрел на их API, и то, что он предлагает, довольно хорошо. Во-первых, Semantic UI предлагает несколько хороших шаблонов для начала работы, а также отлично подходит для создания действительно отзывчивого внешнего интерфейса; что-то, во что я давно хотел вникнуть.
Итак, после запуска create-react-app и с помощью примера макета..