Публикации по теме '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 просмотров
schedule
18.07.2022
Как использовать 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 просмотров
schedule
09.09.2022
Cycle.js — Драйвер — PhoenixJS (веб-сокеты)
В настоящее время у нас есть приложение VueJS , и я рассматриваю возможность его переноса на Cycle.js (первый крупный проект).
Я понимаю, что в Cycle.JS у нас есть SI и SO для драйверов (используя адаптацию()); естественно, реализация WebSocket...
118 просмотров
schedule
26.09.2022
вторая объединенная ветвь игнорируется в XStreams
Я работаю над приложением Cycle JS, используя хранилище и состояние .
Приложение использует xstream как реактивную библиотеку.
Я ограничен в странном поведении.
Мои потоки как на этой диаграмме
При первом обновлении сеанса var я...
155 просмотров
schedule
12.06.2024