Started creating browser-based calculators for quickly computing a bunch of recurring things in darkroom processing, so far:

Scale amount by area:
Given reference dimensions and amount, compute scaled amount needed for new target dimensions.
Example: Compute drops of emulsion needed for a new print size

Two-part solution ratio:
For a total volume of a two-part solution with a A:B target mix ratio, compute how many units are needed of both A and B.
Example: For N drops in total, compute how many drops are needed for A & B using a 1.2:1 target ratio

Solution addition:
Compute the amount of solution A (with given concentration) to add to another volume to achieve a certain target concentration (for solution A)
Example: How many extra drops of a 25% contrast agent solution are needed to achieve a 5% solution with a certain base emulsion volume

More calculators forthcoming... Feel free to ping me with any other useful formulas you'd like to have added...

Bookmark this on your phone:
https://demo.thi.ng/umbrella/darkroom-calc/

(The UI is responsive to the system's dark mode setting)

Source code:
https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/darkroom-calc/

Btw. This is https://thi.ng/umbrella example project #186 and relies mostly on these packages:

- https://thi.ng/rdom & https://thi.ng/rstream for reactive UI & computation
- https://thi.ng/rdom-forms for reactive form element abstraction/creation

#ThingUmbrella #AltProcess #Darkroom #DarkroomPrint #AnalogPhotography #Calculator #Reactive #UI #TypeScript

WebFlux, Virtual Threads и все-все-все

Или: как спорили о реактивщине, а потом Java 21 всё запутала ещё сильнее Реактивное программирование обещало нам масштабируемость и производительность. Оно их дало. Но вместе с этим подарило новый вид боли: stacktrace на 47 фреймов, половина из которых operator.onNext , а элементарные вещи написаны так, словно решаешь задачу на leetcode. Потом подвезли Virtual Threads, и половина интернета написала «реактивщина умерла», другая – «ничего не изменилось». Истина где-то посередине. Попробуем с вами разобраться.

https://habr.com/ru/articles/1011538/

#webflux #виртуальные_потоки #virtual_threads #spring #java #reactive

React-Like JSX Syntax for Webcomponents

TLDR: I’ve been #experimenting with react-like jsx-syntax with webcomponents to see if I could theoretically replace #React in one of my larger #software projects. It is not ready for production use, but rather a #Research exploration into #CustomElements and #ModernJS performance.

The goal was to build #FunctionalWebComponents that handle #StateManagement and #DOM updates without the overhead of a massive #JavaScript framework. By leveraging #StandardWebAPIs and #Proxy objects, I’ve managed to create a #Reactive programming model that feels familiar but stays closer to the #Platform.

Check out the full #TechnicalTutorial and #DeepDive here: https://positive-intentions.com/docs/research/Tutorials/dim/dim-functional-webcomponents

(Disclosure: this project may be getting deprecated. Sharing this because it might still be interesting or educational.)

#WebDevelopment #Frontend #BuildTheWeb #NoFramework #JS #JSX #WebStandards #Coding #ResearchAndDevelopment #VanillaJS #SoftwareEngineering #TechBlog #WebDevCommunity

High information density lobste.rs thread

https://lobste.rs/s/2zk3oe/pushing_pulling_three_reactivity

#reactive #programming #push #pull #frp #spreadsheet #topology

Shipping raw logs over the network works.
Until traffic spikes and your log pipeline becomes the bottleneck.

I wrote a hands-on tutorial showing how to:
- batch logs
- compress them with LZ4
- stream them via SSE using Quarkus + Mutiny
- and actually measure the bandwidth savings

Real code. Real failure modes. No magic.

https://www.the-main-thread.com/p/quarkus-lz4-real-time-log-streaming-sse

#Java #Quarkus #Reactive #SSE #Performance #Observability

ReactiveEffect во Vue 3: что на самом деле исполняет вашу реактивность

В предыдущей статье мы разобрали trackOpBits — механизм оптимизации трекинга зависимостей во Vue 3. Но тогда мы смотрели на систему через одну конкретную оптимизацию. Сегодня поднимемся уровнем выше. Почти всё, что вы делаете во Vue:

https://habr.com/ru/articles/996880/

#vue #reactive #реактивность #эффекты

trackOpBits во Vue 3: как битовые маски ускоряют ReactiveEffect

Привет, Хабр. Это моя первая статья здесь. Долгое время не решался что-то публиковать, хотя регулярно читал и разбирал материалы других авторов. Для первой публикации я выбрал тему внутренней оптимизации реактивности во Vue 3 — trackOpBits и работу ReactiveEffect . Этот механизм почти не заметен при обычной работе с фреймворком, но он напрямую влияет на производительность рендера компонентов и поведение вложенных computed. В статье разберём, какую проблему решает trackOpBits , как именно он используется внутри системы реактивности и почему эта оптимизация важна в реальных приложениях.

https://habr.com/ru/articles/996052/

#Vue #reactive #effect

[Coi - 리액티브 웹앱 구축용 컴포넌트 기반 언어

Coi는 WASM과 정밀 반응형 구조를 결합한 컴포넌트 기반 언어로, 타입 안정성과 가비지 컬렉터 없는 메모리 관리, Virtual DOM 오버헤드 제거 등을 통해 고성능 웹 애플리케이션 개발을 목표로 합니다. 실시간 대시보드, 게임, 데이터 시각화 등 다양한 분야에 적용 가능하며, MIT 라이선스로 제공됩니다.

https://news.hada.io/topic?id=26468

#webassembly #reactive #webdevelopment #coi #frontend

@amoateng has put together an initial roadmap to get Unicorn to a stable 1.0 release. 🤩

We'd love your feedback! What would be most useful for Unicorn going forward? How can we set it up for improved support and adoption in the #Django ecosystem?

https://github.com/adamghill/django-unicorn/discussions/768#discussioncomment-15598088

#HTML #Reactive #WebDev #WebDevelopment #Web #AJAX #JavaScript #Python