Публикации по теме 'recompose'
Перекомпоновка Redux
Создание собственного клона Redux с помощью библиотеки перекомпоновки.
Несколько недель назад я немного поигрался с библиотекой перекомпоновки.
Recompose - это набор помощников, которые создают компоненты высшего порядка (HOC) для React и добавляют инкапсулируемое поведение, которое вы можете применить к любому компоненту React.
Создавая что-то на codeandbox (это замечательный инструмент, вы должны его использовать!) , я решил, что создам крошечный клон redux из того, что я..
TopTen с перекомпоновкой
Я читал статью, опубликованную Полом Кристофом о том, как не извлекать данные в методах рендеринга для повышения производительности. Вы можете проверить это здесь:
Когда использовать Component или PureComponent Некоторое время назад я переключился на использование PureComponent, поскольку это была более производительная версия Component. Это… codeburst.io
Этот подход отлично подходит для предотвращения бесполезных пересчетов и..
Как очистить ваши React Modals с помощью Recompose
Я всегда считаю декларативную природу React одновременно и благословением, и болью. Когда вам нужно заботиться о том, как все должно выглядеть, у вас меньше времени, чтобы сосредоточиться на том, что важно: на том, что нужно делать .
Отображение / скрытие модального окна - одна из тех вещей, которые стали механическими для любого разработчика React, но могут извлечь большую пользу из другого подхода, который позволяет избежать распространения состояний и методов повсюду. Пришло..
Создавайте свои собственные помощники Render Prop с помощью перекомпоновки
Использование рендеринга в React становится очень часто используемым шаблоном, и на то есть веские причины .
Мы собираемся использовать пакет перекомпоновать , который, вероятно, известен большинству разработчиков React благодаря своему набору удобных компонентов более высокого порядка. Для тех, кто этого не делает, он позволяет, например, использовать withState HOC для обертывания компонента без состояния, чтобы фактически иметь состояние. Я рекомендую проверить документацию..
Помимо счетчиков - Использование рекомпозиции и RXJS для создания (полу) сложного пользовательского интерфейса.
Если вы еще не слышали о реактивном программировании, приглашаю вас сделать паузу и познакомиться. This gist - отличное место для начала. Реактивное программирование позволяет вашим приложениям реагировать на события и потоки данных в реальном времени. Это означает, что вы можете пропустить такие методы жизненного цикла, как componentDidMount и componentDidUpdate , при проверке изменений в состоянии вашего приложения. Если вы уже знакомы с реактивным программированием, то,..
Вопросы по теме 'recompose'
Многоразовые компоненты контейнера react-redux
В моем приложении React/Redux я часто сталкиваюсь с проблемой реализации компонентов с состоянием, которое должно использоваться во всем приложении. В качестве примера возьмем простой всплывающий компонент с открытым/закрытым состоянием, который...
1896 просмотров
schedule
30.06.2023
Как правильно протестировать реагирующий компонент?
Я не эксперт в модульном тестировании, и я пытаюсь достичь 100% покрытия своего фиктивного проекта todoapp, это легко для простых компонентов, таких как компонент TodoList, но как насчет компонента AddTodo?
import React, {PropTypes} from 'react'...
1293 просмотров
schedule
13.02.2024
Recompose withReducer: обоснование вызова функции асинхронного редуктора
Я использую withReducer HOC и заметил такое поведение: например, вызов обработчика кликов:
import React from 'react'
import { withReducer } from 'recompose'
import { compose } from 'ramda'
export default compose(
withReducer('state',...
1692 просмотров
schedule
16.10.2023
Как мне установитьState в методе жизненного цикла React перекомпоновать?
Я использую перекомпоновку в своем проекте React https://github.com/acdlite/recompose/
Это отличная библиотека. Я использую утилиту compose в качестве компонента-контейнера, который передает состояние в качестве свойств презентационному...
4640 просмотров
schedule
01.11.2023
перекомпоновать withHandlers асинхронно?
Возможно/безопасно ли использовать withHandlers с промисами? Бывший.:
withHandlers({
onChange: props => event => {
props.callAPI(props.data)
.then(data => props.updateData(data))
},
...
Спасибо!
2356 просмотров
schedule
16.08.2023
Использование ветки из recompose
Я рефакторинг функционального компонента без сохранения состояния для использования branch и renderComponent из recompose .
Исходный компонент выглядит так:
const Icon = props => {
const { type, name } = props
let res
if (type ===...
3425 просмотров
schedule
08.04.2023
Определение функции для withHandler в Recompose для React
Во всех примерах, которые я рассматривал, функция, фактически вызываемая в withHandlers , похоже, вызывает функцию из props , но я понятия не имею, как эта функция определена. Вот небольшой пример из документов для людей .
compose(...
3623 просмотров
schedule
07.09.2022
for цикл для перекомпоновки матрицы из двух других матричных индексов
У меня есть две матрицы с одинаковым количеством строк и столбцов, и я хотел бы объединить их по их индексу, чтобы создать новую матрицу (я не знаю заранее ни nrow (), ни ncol (), nrow () исходит из k k означает центр тяжести кластеров, а ncol ()...
117 просмотров
schedule
08.06.2022
Как получить обернутый экземпляр компонента с помощью перекомпоновки?
Я использую lifecycle для создания Заказной компонент. Мне нужен доступ к обернутому экземпляру компонента. Как я могу это получить?
e.g.
export default function ajaxLoader(options) {
return lifecycle({
componentWillMount()...
1157 просмотров
schedule
21.09.2023
Как добавить ссылки на функциональные компоненты с помощью withHandlers в Recompose и вызвать ScrollTo для ScrollView?
Моя конкретная цель — использовать метод ScrollTo ScrollView, но поддерживать структуру функциональных компонентов.
В более общем случае для этого требуется получить ссылку на текущий компонент, который невозможен с голым реагированием .
В...
5173 просмотров
schedule
14.10.2022
Пример асинхронности с recompose()?
У меня есть следующий код, который работает полностью, хотя одна его часть (_FetchJSON) является настраиваемым HOC вне перекомпоновки
(живая демонстрация @ https://codepen.io/dakom/pen/zdpPWV?editors=0010 )
const LoadingView = () =>...
2962 просмотров
schedule
28.01.2023
Как протестировать обработчики в withHandlers, branch и withState перекомпоновки с помощью фермента?
Я новичок в тестировании ферментов, и я сделал компонент как:
import React from 'react';
import {
compose,
withState,
withHandlers,
branch,
pure,
renderComponent,
} from 'recompose';
import Fields from './components/Fields';
import...
1038 просмотров
schedule
17.10.2022
перекомпоновать withState, как обновлять изменения реквизита
У меня есть компонент более высокого порядка, который я пытаюсь немного изменить (я не знаком с перекомпоновкой).
Итак, это мой компонент:
<Map mycenter={mycenter} />
Я хочу, чтобы компонент карты обновлялся или перерисовывался,...
5599 просмотров
schedule
15.01.2023
Как использовать функцию компоновки (редукции/рамды/рекомпозиции/и т. д.)?
Я понимаю, что что-то вроде foo(bar(baz))) можно переписать как compose(foo, bar, baz). А как же примеры из жизни? Например, у меня может быть:
export default {
loadData,
component: connect(mapStateToProps, {
actionCreator1,...
360 просмотров
schedule
10.10.2022
Поиск на основе текста и границ с помощью react-google-maps
Я использую react-google-maps , чтобы добавить карту с функцией поиска, которая показывает поблизости, извлекает POI в виде маркеров и отображает список этих мест под ним (а-ля Airbnb). Этот связанный вопрос охватывал большую часть того, к чему я...
717 просмотров
schedule
11.10.2022
Перекомпоновать HOC, не отображая дочерний компонент
Поэтому я надеюсь, что мне не хватает чего-то простого здесь.
Я пытаюсь интегрировать recompose, чтобы я мог переместить несколько функциональных фрагментов кода из моего компонента рендеринга (немого) в свой HOC.
Следующий HOC не отображает...
480 просмотров
schedule
31.12.2022
Как создать новую статическую функцию React getDerivedStateFromProps в качестве метода жизненного цикла с использованием HoC в библиотеке перекомпоновки?
Недавно выяснилось, что скоро React перестанет рекомендовать componentWillReceiveProps и на его месте появится новая статическая функция getDerivedStateFromProps . Подробнее…
В настоящее время я переношу свои приложения на этот новый API, но...
7298 просмотров
schedule
26.11.2022
Использование компонента более высокого порядка для добавления прослушивателей событий для каждого компонента
У меня есть некоторые компоненты в моем приложении, которые, как ожидается, будут обрабатывать некоторые пользовательские вводы с клавиатуры. Для этого я создал следующую функцию:
export default function withKeydownEventHandler (handler) {
id =...
1257 просмотров
schedule
18.02.2023
Как получить значение широты и долготы, когда пользователь отмечает точку на карте?
Я еще новичок в React, и делаю тестовый проект, где пользователь отмечает точку на карте. Проблема в том, что я не могу сохранить значение переменных широты и долготы. Мне нужно значение этих переменных, чтобы отправить форму позже.
Как...
30 просмотров
schedule
19.09.2022
