Параллельное выполнение в Node.js без ошибок
Разбираем как правильно организовать параллельную обработку задач в Node.js, чтобы не упереться в блокировки, перегрузку event loop и проблемы с управлением ресурсами. Плюс практические подходы и примеры для ускорения веб приложений.
https://github.com/yankouskia/hurried
Разбираем как правильно организовать параллельную обработку задач в Node.js, чтобы не упереться в блокировки, перегрузку event loop и проблемы с управлением ресурсами. Плюс практические подходы и примеры для ускорения веб приложений.
https://github.com/yankouskia/hurried
👍7⚡2🔥1
Blue: компиляция JavaScript в нативные бинарники
Blue компилирует ваш JS в C++ и собирает самостоятельный нативный исполняемый файл: нативные окна, файловая система и HTTP-серверы без Electron и без Node.js во время выполнения.
https://bluejs.dev/
Blue компилирует ваш JS в C++ и собирает самостоятельный нативный исполняемый файл: нативные окна, файловая система и HTTP-серверы без Electron и без Node.js во время выполнения.
https://bluejs.dev/
🔥10❤3❤🔥2🤔2
Twoslash как удобный формат разметки для TypeScript
Twoslash помогает собирать самодостаточные примеры кода, чтобы компилятор TypeScript делал всю рутинную проверку и подготовку. Отлично подходит для документации и туториалов, где важны воспроизводимость и точность синтаксиса.
https://github.com/twoslashes/twoslash
Twoslash помогает собирать самодостаточные примеры кода, чтобы компилятор TypeScript делал всю рутинную проверку и подготовку. Отлично подходит для документации и туториалов, где важны воспроизводимость и точность синтаксиса.
https://github.com/twoslashes/twoslash
❤4👍3⚡2🥴1
Animata - анимированные React компоненты для вставки в проект
Готовая библиотека из 158+ анимированных React компонентов, которые можно просто скопировать в репозиторий без установки и обновлений, чтобы быстрее делать интерфейсы и сразу получать доступность и поддержку reduced motion.
https://animata.design/
Готовая библиотека из 158+ анимированных React компонентов, которые можно просто скопировать в репозиторий без установки и обновлений, чтобы быстрее делать интерфейсы и сразу получать доступность и поддержку reduced motion.
https://animata.design/
👍10❤2🔥2🤮2🥴2
Почему стоит мигрировать на Valibot
Valibot это модульная schema библиотека для TypeScript с быстрым стартом, точной типобезопасностью и понятной моделью данных. Валидация, трансформации и метаданные собираются в едином pipeline, поэтому код расширяется без лишнего веса и ошибок.
https://valibot.dev/blog/why-migrate-to-valibot/
Valibot это модульная schema библиотека для TypeScript с быстрым стартом, точной типобезопасностью и понятной моделью данных. Валидация, трансформации и метаданные собираются в едином pipeline, поэтому код расширяется без лишнего веса и ошибок.
https://valibot.dev/blog/why-migrate-to-valibot/
👍6❤2🤮1
Вопросы на собеседование по TypeScript: рефакторинг без риска
На практике разбираем, как сузить типы, убрать избыточные аннотации, защитить данные от мутаций и заменить набор флагов на дискриминируемые объединения, чтобы код стал безопаснее, читабельнее и более доступным для рефакторинга. Подходит для подготовки к интервью и для ежедневной работы с TypeScript в фронтенде.
https://habr.com/ru/articles/1033686/
На практике разбираем, как сузить типы, убрать избыточные аннотации, защитить данные от мутаций и заменить набор флагов на дискриминируемые объединения, чтобы код стал безопаснее, читабельнее и более доступным для рефакторинга. Подходит для подготовки к интервью и для ежедневной работы с TypeScript в фронтенде.
https://habr.com/ru/articles/1033686/
🔥7👍4⚡2
Профессиональные скилы для AI coding agents
Собирайте пайплайны для AI агентов с workflow, quality gates и best practices уровня senior инженеров, чтобы код выходил предсказуемым и поддерживаемым.
https://github.com/addyosmani/agent-skills
Собирайте пайплайны для AI агентов с workflow, quality gates и best practices уровня senior инженеров, чтобы код выходил предсказуемым и поддерживаемым.
https://github.com/addyosmani/agent-skills
❤7🤡5👌2❤🔥1🔥1
Mobile View
Удобное и простое расширение, для предпросмотра ваших веб приложений на мобильных устройствах. Оборачивает контент в рамку, позволяя выбрать девайс, ориентацию и много других настроек.
https://mobileview.app/
Удобное и простое расширение, для предпросмотра ваших веб приложений на мобильных устройствах. Оборачивает контент в рамку, позволяя выбрать девайс, ориентацию и много других настроек.
https://mobileview.app/
6❤12❤🔥2👎2🔥2
Десктоп приложения с Zig и WebView: маленькие бинарники и быстрые сборки
Zero-native позволяет собирать нативные десктоп приложения с веб интерфейсом через системный WebView или встроенный Chromium, сохраняя общий API и гибко выбирая движок под задачу.
https://zero-native.dev/
Zero-native позволяет собирать нативные десктоп приложения с веб интерфейсом через системный WebView или встроенный Chromium, сохраняя общий API и гибко выбирая движок под задачу.
https://zero-native.dev/
🔥4❤2👍1👎1
Ежедневные flexbox головоломки
Прокачивайте CSS Flexbox через ежедневные задачи: нужно собрать целевой layout, подбирая свойства flexbox, чтобы добиться нужного выравнивания и поведения элементов.
https://flexboxle.com
Прокачивайте CSS Flexbox через ежедневные задачи: нужно собрать целевой layout, подбирая свойства flexbox, чтобы добиться нужного выравнивания и поведения элементов.
https://flexboxle.com
👍8🥱4❤2
Карточки фиксированной высоты: хрупкость, о которой легко забыть
Выравнивание карточек в сетке по высоте кажется простым, но фиксированная высота быстро ломается из-за контента, переносов и разных размеров элементов. Разбираем, почему такие решения становятся нестабильными и как подходить к верстке, чтобы макет оставался предсказуемым.
https://css-tricks.com/fixed-height-cards-more-fragile-than-they-look/
Выравнивание карточек в сетке по высоте кажется простым, но фиксированная высота быстро ломается из-за контента, переносов и разных размеров элементов. Разбираем, почему такие решения становятся нестабильными и как подходить к верстке, чтобы макет оставался предсказуемым.
https://css-tricks.com/fixed-height-cards-more-fragile-than-they-look/
❤7👍5
Разбираем Bulletproof React: как навести порядок в кодовой базе
Bulletproof React помогает уйти от хаоса в React проектах за счет feature based структуры, четких границ между частями и встроенных практик по тестированию и безопасности, чтобы код оставался поддерживаемым и масштабируемым.
https://habr.com/ru/articles/1033506/
Bulletproof React помогает уйти от хаоса в React проектах за счет feature based структуры, четких границ между частями и встроенных практик по тестированию и безопасности, чтобы код оставался поддерживаемым и масштабируемым.
https://habr.com/ru/articles/1033506/
👍7❤1🔥1😁1
ShadowRealm в JavaScript
Новый API ShadowRealm предлагает изоляцию исполнения кода в отдельной среде, чтобы безопаснее отделять контекст и глобальные объекты. Разбираемся, как это соотносится с realms в браузере и почему это шаг к более надежным приложениям.
https://css-tricks.com/soon-we-can-finally-banish-javascript-to-the-shadowrealm/
Новый API ShadowRealm предлагает изоляцию исполнения кода в отдельной среде, чтобы безопаснее отделять контекст и глобальные объекты. Разбираемся, как это соотносится с realms в браузере и почему это шаг к более надежным приложениям.
https://css-tricks.com/soon-we-can-finally-banish-javascript-to-the-shadowrealm/
❤4🔥2