Публикации по теме 'redux'
React Hooks, возрождение государственного управления и не только.
Это параллельное сообщение с моей недавней прямой трансляцией« Паттерн «Action Hooks с React Hooks »»
В конце 2018 года были анонсированы React Hooks, и в считанные минуты я знал, что они все изменят. Я начал размышлять над тем, как хуки повлияют на разработку моего приложения, и первые крупные победы были очевидны:
Совместная логика Больше нет необходимости в рендеринге или компонентах более высокого порядка Более лаконичный, выразительный и декларативный контроль над такими..
Использование Maybes с React-Redux
Перемещение обработки undefined к краям стека
Распространенная проблема со многими языками, но особенно с JavaScript, - undefined . Вы должны постоянно проверять, существует ли что-то, каждый раз, когда вы взаимодействуете с этим, иначе вы получите ошибки. Flow и другие системы набора текста делают это немного проще, напоминая вам, что что-то может быть неопределенным. Но вам все равно придется везде применять проверки. Именно здесь некоторые функциональные языки, такие как..
Использование геолокации для поиска пользователя на картах Google в React-Redux
В этом блоге вы узнаете, как получить приблизительные координаты пользователя и отметить их на карте GoogleMapReact.
Обзор шага:
Получите Ключ API Google . Получите координаты пользователя. В этом блоге представлены два разных способа достижения этой цели. Вариант 1 использует встроенную геолокацию Google Chrome , а вариант 2 использует API геокодирования Google (для браузеров, которые могут не поддерживать первый подход, или для пользователей, которые решили не..
Тестирование мрамора с помощью RxJS
Недавно я наткнулся на хороший способ тестирования наблюдаемых, который называется «мраморное тестирование». Это называется мраморным тестированием, потому что мраморные диаграммы, диаграммы в документации библиотеки, используются для подтверждения поведения и значений, а также для создания фиктивных наблюдаемых для тестируемого наблюдаемого.
Создание мраморной диаграммы в коде
Мраморные диаграммы обычно представляют собой изображения, но в наших тестах мраморная диаграмма - это..
Асинхронное изучение асинхронности
Узнав о нормализации данных с помощью реакции/редукции, я поместил свои списки в объекты с ключами, являющимися идентификаторами, и значениями, являющимися элементами списка. Это выглядит примерно так:
list = {
5: {
name: "Bob",
id: 5
},
3: {
name: "Natalie",
id: 3
},
x` 14: {
name: "Ian",
id: 14
}
}
По сути, это делало мою жизнь намного проще, чем работа с массивами, когда дело доходило до доступа к определенным элементам..
Чтение из Redux, объявление PropTypes и фильтрация данных с помощью GraphQL
Graphql -where - простая, но мощная клиентская утилита GraphQL.
GraphQL - это мощная система API, основанная на объявлении схемы, описывающей возможности вашего бэкэнда, и последующем запросе этой схемы с помощью приятного языка, который проецирует данные в нужную вам форму. Но это всего лишь один из способов его использования. У языка запросов GraphQL есть так много других применений, особенно для случаев на клиенте, когда импорт и запуск всей вашей схемы GraphQL не имеет смысла...
Использование оператора распространения в JavaScript, React.
Использование оператора распространения в JavaScript, React.
В JavaScript ES6 (ECMAScript 6) появился оператор распространения. Оператор распространения или синтаксис - это три точки ... , за которыми следует имя переменной. Оператор распространения позволяет итерируемому объекту, например, выражению массива или строке, расширяться в местах, где ожидается ноль или более аргументов (для вызовов функций) или элементов (для литералов массива), или выражение объекта должно быть..