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


Реализация кнопки загрузки с помощью Cycle.js
Эта история также была опубликована в моем личном блоге . Программирование с помощью Cycle.js/Rx.js требует от вас другого подхода к коду. Мы должны переключить ваш мозг, чтобы он думал с другой парадигмой — функциональной и реактивной, а не императивной и пассивной. К сожалению, не хватает конкретного примера, из конкретных фич, из реального применения. Поскольку я создаю инструмент для анализа метрик Канбан с доски Trello с помощью Cycle.js, у меня есть конкретные примеры...

Заставляем ImmutableJS работать с преимуществами TypeScript
В последние недели ImmutableJS был привлечен к FRP и особенно к Cycle.js , и он казался находкой для управления состоянием, поскольку изменяемое состояние, по крайней мере, по мнению некоторых, является корнем всего зла. В Cycle.js ваше приложение представляет собой чистую функцию, которая принимает взаимодействие с пользователем в качестве входных данных и предоставляет пользовательский интерфейс в качестве выходных данных, без побочных эффектов. Написание чистой функции без побочных..

Хватит ломать себе голову - трансформируйте свой цикл (приложение) в заменяемые многоразовые запасные части прямо сейчас
В предыдущем посте мы познакомились с приложением Отзыв , созданным с помощью Cycle.js . Пару человек интересовало, как разбить приложение на компоненты. В связи с этим, в этом посте, давайте рассмотрим несколько способов внести простые изменения в Отзыв приложения , которые сделают его более модульным, в том смысле, что оно работает с большим количеством компонентов, работающих вместе, а не с одним приложением. с большой логикой. Напомним - небольшой контекст Образец для..

Вопросы по теме 'cyclejs'

Как использовать Cycle.js без Browserify/Webpack?
Bower : я не смог найти пакет Bower для @Cycle/Core, @Cycle/DOM, существуют ли эти библиотеки? Я смущен тем, почему в первую очередь существует пакет NPM, поскольку Cycle.js основан на внешнем интерфейсе (а NPM специализируется только на...
692 просмотров
schedule 15.01.2024

Как последовательно запрашивать данные в Cycle.js?
Я новичок в реактивном программировании и играю с cycle.js, пытаясь реализовать поле «Кто следовать» из этого руководства . Но я понял, что для правильной реализации (и целей обучения) у меня нет одной части данных: полного имени пользователя. Я...
1201 просмотров

Как использовать Cyclejs с внешним шаблоном
Я хочу начать свой первый проект Cycle.js, и я буду развивать его вместе с другом. Он HTML-дизайнер (много знает о HTML и CSS и создает шаблоны Handlebars), а я немного разбираюсь в JS. Я хотел бы знать, есть ли какие-либо ресурсы о том, как можно...
352 просмотров
schedule 13.02.2023

Поддерживает ли Cycle.js (виртуальный дом) что-либо вроде свойств React refs или mithril config?
Другими словами, есть ли способ получить доступ к элементу DOM после его рендеринга? Такие вещи, как фокус мыши, подсветка кода, анимация, как они реализованы в Cycle.js?
305 просмотров
schedule 28.11.2022

Как отловить события клавиатуры в Cycle.js?
Я пытаюсь понять, когда пользователь нажимает клавишу Escape при открытом моем приложении (так что не обязательно с фокусированным полем ввода). Однако до сих пор я вообще застрял в перехвате событий клавиатуры. Вот что я сейчас пытаюсь:...
245 просмотров
schedule 03.04.2024

RxJS Как сопоставить поток с последним из другого потока?
В настоящее время я использую Cycle.js и пытаюсь получить поток для ввода текста при отправке формы. Например: const textChange$ = DOMSource.select('input').events('change'); const textValueSubmit$ = DOMSource.select('form').events('submit')...
272 просмотров
schedule 07.09.2022

Выполнение произвольного количества последовательных зависимых запросов с помощью `cycle-http`
Есть ли примеры выполнения произвольного количества последовательных зависимых http-запросов с помощью cycle-http ? Я хочу получить каждую страницу из API, где следующий запрос может быть сделан только с использованием данных на текущей странице....
677 просмотров
schedule 27.09.2022

Как вставить html в iframe с помощью CycleJS
С ванильным JavaScript я бы сделал следующее, чтобы добавить тег h1 в тело iframe: var doc = document.getElementById('iframe').contentWindow.document; doc.write('<h1>Hello</h1>'); Как я могу сделать это с помощью CycleJS?
136 просмотров
schedule 16.12.2022

Перечислите и изолируйте 3 элемента в Cycle.js
Как новичок, я пытаюсь создать список из 3 элементов в Cycle.js. Но в коде есть ошибки. Я сделал jsbin и разместил код ниже http://jsbin.com/labonut/10/edit?js,output Проблема : когда я нажимаю на последний флажок, он добавляет новый...
287 просмотров
schedule 22.12.2022

Обработка объектов JSON в RxJS
Я новичок в циклах и rxjs в целом и надеялся, что кто-нибудь поможет мне решить мою проблему. Я пытаюсь создать демонстрационное приложение для своего понимания и зациклился на рендеринге объектов JSON в DOM. Мое демонстрационное приложение...
210 просмотров
schedule 04.09.2022

cycle.js Как выбрать элемент из экземпляра компонента
С помощью cycle.js я пытаюсь создать повторно используемый компонент, который может существовать несколько раз на странице, включая обработчики событий. При использовании DOMSource.select кажется, что он совпадает со всем контейнером приложения....
189 просмотров
schedule 18.07.2022

Как использовать mockDOMSource для тестирования потока действий в Cycle.js?
Я понимаю, что, вероятно, есть лучший способ использовать цикл/время, но я просто пытаюсь понять основы. Почему-то мой поток action$ не работает; Я пытался создать несколько фиктивных домов, используя xs.periodic. Тестовая среда — мокко. import...
138 просмотров
schedule 31.07.2022

CycleJS makeHTTPDriver _add не является функцией
Только начинаю работать с CycleJs, и я столкнулся с этой ошибкой. По сути, я запускаю изоморфный пример и добавляю драйвер HTTP так что я могу отправлять запросы сервер.js function wrapAppResultWithBoilerplate(appFn, context$, bundle$) {...
111 просмотров
schedule 10.07.2023

Cycle.js — как получить длину коллекции в элементе коллекции
Я пытаюсь добавить некоторое поведение исключительно к последнему элементу списка в Cycle.js. Я попытался использовать цикл-onionify для создания такой коллекции: const List = makeCollection({ item: Child, itemKey: (childState, index) =>...
104 просмотров

Cycle.js — Драйвер — PhoenixJS (веб-сокеты)
В настоящее время у нас есть приложение VueJS , и я рассматриваю возможность его переноса на Cycle.js (первый крупный проект). Я понимаю, что в Cycle.JS у нас есть SI и SO для драйверов (используя адаптацию()); естественно, реализация WebSocket...
118 просмотров
schedule 26.09.2022

вторая объединенная ветвь игнорируется в XStreams
Я работаю над приложением Cycle JS, используя хранилище и состояние . Приложение использует xstream как реактивную библиотеку. Я ограничен в странном поведении. Мои потоки как на этой диаграмме При первом обновлении сеанса var я...
155 просмотров