Публикации по теме 'redux'
Интеграционное тестирование React и Redux с Mocha и Enzyme
В ClassDojo наши интерфейсные веб-приложения представляют собой большие одностраничные приложения, работающие в React и Redux. Миллионы учителей, родителей и учеников используют эти приложения каждый день, и мы хотим обеспечить им качественный опыт. Однако эффективно тестировать интерфейсные приложения сложно.
У нас есть большое количество модульных тестов, но мы обнаружили, что, если не считать нескольких сложных компонентов с большим количеством взаимодействий с отслеживанием состояния,..
Использование Redux в расширениях Chrome, управляемых событиями: проблема / решение
Эта статья предназначена для опытных веб-разработчиков и посвящена проблеме использования Redux в так называемых событийно-управляемых расширениях - расширениях Chrome, реализующих модель, основанную на событиях.
Особенности расширений, управляемых событиями
Модель расширения на основе событий была впервые представлена в Chrome 22, выпущенном в 2012 году. Она предполагает, что фоновый скрипт (если есть) загружается / запускается только тогда, когда это необходимо (в основном в..
Rails, Webpack, React и Redux Pt. 1: Обоснование и компромиссы
TL;DR : существует несколько способов интеграции Rails с React, и я обнаружил, что наиболее успешным является webpack-rails . Это первая статья из серии, объясняющей, как можно комбинировать эти инструменты. Здесь — репозиторий (в процессе!) с примером приложения для проверки концепции.
В последнее время я работал над тем, чтобы приложение Rails ( сайт , g ithub ) интегрировалось с современными инструментами Javascript, такими как Webpack, React и Redux. Проблемы и компромиссы, с..
Как я уменьшил размер финальной сборки
Если вы создаете приложение React + Redux, связанное с бизнесом, размер вашего приложения постепенно увеличивается с появлением новых функций и разработок. В моем случае он достиг 10,6 МБ😱.
Выполнив несколько простых шагов, ничего не меняя в коде, я смог уменьшить размер сборки на 80%.
Я работал над проектом долгое время, и постепенно размер пакета увеличивался, а я этого не замечал. Однажды я пытался войти в свое мобильное приложение с небольшим медленным интернетом и был шокирован,..
Дети Redux - Часть 1: Плет, Дютье и два
Дети Redux - Часть 1: Плет, Дютье и два
Да, я знаю, что мы спим с Redux и снова просыпаемся с ним! После роста популярности библиотеки React неизбежно становится необходимым сосредоточение внимания на управлении состоянием на стороне клиента, что решает многие проблемы. Но также люди (вроде меня) спорят о ритуалах , когда мы используем Redux для обновления 3 или 5 файлов в разных каталогах и так далее. Есть также некоторые подходы к структуре каталогов для наведения порядка в каждой..
Оптимизация компонентов Redux
Оптимизация компонентов Redux
В первой части трехнедельной серии статей Riipen о том, как оптимизировать компоненты React, мы исследовали виртуальную модель DOM React и антипаттерны, которые портят процесс согласования .
На этой неделе мы рассмотрим, как можно вообще избежать этого процесса, если вы уже знаете, что ваш компонент не нуждается в повторной визуализации (например, если его вывод изменяется только при изменении определенных свойств). Мы также узнаем, как применить то,..
Создайте собственное веб-приложение React с крючками, колокольчиками и свистками с помощью Expo SDK33 [Часть 2]
Это вторая часть нашей серии руководств о React Native, Expo и новых функциях Expo SDK 33. Сегодня мы собираемся запачкать руки Redux, и пока мы это делаем, мы немного почистим и установите некоторые пресеты для всей будущей разработки, используя .editorconfig и linting.
[Часть 1] Настройка и навигация [Часть 2] ← Вы здесь!
Если вы хотите пропустить часть 1, не стесняйтесь брать код из тега v0.1.1 на GitHub .
Прежде чем мы двинемся дальше, я хочу отметить, что существует очень..
