Публикации по теме react

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

развод окончен

джаваскрипт король Css сильно развился за последние несколько лет. Препроцессоры становятся основой проектов, и из-за этого такие инструменты сборки, как Grunt и Gulp, становятся обычным явлением. Другой популярной тенденцией в архитектуре внешнего интерфейса является написание стилей css с использованием различных модульных шаблонов, таких как bem , oocss и smacss . Все эти шаблоны делают все возможное, чтобы гарантировать, что каждую таблицу стилей легко поддерживать и что, кроме..

Дикие стили

В последнее время я размышлял об актуальности CSS, поскольку я его изучил. Это создание таблицы стилей, связывание этой таблицы с файлом и нацеливание ваших элементов с помощью сначала широких штрихов, а затем конкретизации всего остального. Мне было рекомендовано, чтобы мои селекторы таблицы стилей были перечислены в порядке специфичности, то есть с более широкими штрихами, такими как селектор тела, вверху и более мелкими деталями, такими как селектор, нацеленный на тег привязки,..

Как создать чистые и повторно используемые компоненты React в вашем проекте

Предположим, вы собираетесь реализовать компонент где-то ... на странице, которая доступна только тогда, когда пользователь вошел в систему. Затем вам нужно запустить свой проект, войти в систему и перейти на эту страницу, чтобы увидеть свой компонент. Или, что еще хуже, этот блок пользовательского интерфейса должен видеть специальный пользователь. Надеюсь, в настоящее время у нас есть HMR, вам не нужно повторять все эти шаги каждый раз, когда вы меняете исходный код. Но как насчет..

Самый простой способ включить бизнес-отзывы в веб-приложение (google, facebook, yelp и т. д.)

Сегодня утром я приступаю к задаче по добавлению отзывов Google на веб-страницу компании. После трех часов неудачных попыток и слишком большого количества поисковых запросов в Google мне наконец удалось импортировать виджет в качестве компонента в gatsby.js (это также будет работать с простой реакцией!) создание виджета начните с создания бесплатной учетной записи на elfsight создайте виджет, выберите шаблон и отформатируйте, как хотите 3. найти / добавить идентификатор..

Как программно перемещаться с помощью реактивного маршрутизатора?

Это краткий рассказ о «реагировании-маршрутизаторе», проблеме, с которой я столкнулся, и найденном решении, поэтому просто хотел поделиться с вами! Используя react-router , я могу использовать элемент Link и создавать ссылки, которые по умолчанию реагируют, маршрутизатор обрабатывает для них навигацию! Но что, если у меня нет «Ссылки», а я хочу перейти? Могу ли я вместо этого написать код для навигации? Решений может быть много, но я думаю, что это хорошее: Использование хуков..

Настройка тестов для React с использованием Mocha, Expect и Enzyme

РЕДАКТИРОВАТЬ: В последней версии jsdom есть некоторые критические изменения, поэтому может потребоваться убедиться, что версия не выше 9.11.0. По сути, перейдите в файл package.json и измените строку для jsdom на "jsdom": "9.11.0" . Я действительно хочу, чтобы все разработчики React знали, что настройка тестов для React - это самое простое дело в жизни! Мы будем использовать образец приложения, который я создал в одном из моих предыдущих постов. Щелкните здесь , чтобы..

Как реализовать систему загрузки изображений с помощью Express и React

Как реализовать систему загрузки изображений с помощью Express и React В этой статье мы узнаем, как загружать изображения на сервер с помощью multer и сохранять их в облачном сервисе, таком как cloudinary. Если вы просто хотите сохранить изображение на самом сервере, в этом посте оно тоже будет. Мы будем использовать React в качестве интерфейса для загрузки наших изображений и отображения нашего изображения в карусели. Как видите, наше окончательное приложение будет выглядеть так:..