FediScanner

#react

← Back
25.08.2026 21:32
habr (@habr@zhub.link)

Управляемые корутины в TypeScript: как получить контроль над асинхронностью и памятью. Разбираемся во всех аспектах

Современный JavaScript / TypeScript сегодня, предоставляет мощный инструмент для асинхронного программирования, который знаком каждому - async/await на основе Promise . Он позволяет писать последовательный код и легко обрабатывать ошибки. Однако за простотой скрываются серьёзные ограничения, которые становятся критичными в высоко-нагруженных системах, играх, сложных пользовательских интерфейсах и приложениях, требующих предсказуемой производительности. Представьте себе сервер, обрабатывающий тысячи запросов одновременно. Все они конкурируют за процессорное время. Как гарантировать, что запрос от клиента выполнится раньше, чем фоновая синхронизация? Как отменить долгую операцию, если клиент разорвал соединение? Как избежать пауз сборщика мусора при создании миллионов временных объектов? Нативный async/await не даёт ответов на эти вопросы - он лишь оборачивает асинхронные операции в удобный синтаксис. В этой статье мы разберём, как кооперативные корутины (Coroutines) решают эти задачи на примере моей библиотеки ts-adaptive-coroutines , изучив каждый аспект по кирпичикам, посмотрев на инструмент, который добавляет в TypeScript адаптивные приоритеты, арены памяти, каналы, семафоры и много-поточность.

habr.com/ru/articles/1074510/

#программирование #корутины #реализация #объяснение #потоки #арены #синхронизация #typescript #nodejs #react

Show Original PostReport
25.08.2026 15:11
shadcndashboard (@shadcndashboard@mastodon.social)

A new collection of Shadcn Accordion components is live

5+ reusable patterns for building clean expandable interfaces:

Default → Multi-level → FAQ → Card → Media → Filled Trigger → Motion Services.

Useful for dashboards, SaaS products, documentation, FAQs, and service pages.

🔗 shadcndashboard.dev/components

Show Original PostReport
24.08.2026 16:22
habr (@habr@zhub.link)

[Перевод] Глубокое погружение в React Fiber

Задумывались ли вы когда-нибудь о том, что на самом деле происходит под капотом, когда вы рендерите приложение React? Мы знаем, что React строит дерево DOM и отображает UI на экране, но как React конструирует это дерево и как он эффективно обновляет его при изменении состояния? В этой статье мы рассмотрим React Fiber — основной движок согласования (reconciliation) React. Мы рассмотрим, как React строил DOM до v15, недостатки этой ранней стековой (stack) модели с точки зрения производительности и то, как асинхронная архитектура Fiber решает эти проблемы, начиная с React v16 и до React v19.

habr.com/ru/companies/timeweb/

#javascript #js #reactjs #reactjs #react #fiber #compiler #волокно #компилятор #timeweb_статьи_перевод

Show Original PostReport
24.08.2026 15:01
kundan (@kundan@techhub.social)

Where does AI actually fit in a MERN stack app? 🤖

From React and Node.js to MongoDB and APIs, AI can add real value when it’s integrated with a clear purpose—not just because it’s trending.

Explore practical ways to bring AI into MERN applications 👇

siliconvalleysjournal.com/2026

#AI #MERN #JavaScript #WebDevelopment #GenerativeAI #SoftwareDevelopment #React #NodeJS #MongoDB #usa

Show Original PostReport