FrontEndDev
26.5K subscribers
2.56K photos
24 videos
7.78K links
🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai

Читать на парковке: https://max.ru/front_end_dev

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Параллельное выполнение в Node.js без ошибок

Разбираем как правильно организовать параллельную обработку задач в Node.js, чтобы не упереться в блокировки, перегрузку event loop и проблемы с управлением ресурсами. Плюс практические подходы и примеры для ускорения веб приложений.

https://github.com/yankouskia/hurried
👍72🔥1
Blue: компиляция JavaScript в нативные бинарники

Blue компилирует ваш JS в C++ и собирает самостоятельный нативный исполняемый файл: нативные окна, файловая система и HTTP-серверы без Electron и без Node.js во время выполнения.

https://bluejs.dev/
🔥103❤‍🔥2🤔2
Twoslash как удобный формат разметки для TypeScript

Twoslash помогает собирать самодостаточные примеры кода, чтобы компилятор TypeScript делал всю рутинную проверку и подготовку. Отлично подходит для документации и туториалов, где важны воспроизводимость и точность синтаксиса.

https://github.com/twoslashes/twoslash
4👍32🥴1
Animata - анимированные React компоненты для вставки в проект

Готовая библиотека из 158+ анимированных React компонентов, которые можно просто скопировать в репозиторий без установки и обновлений, чтобы быстрее делать интерфейсы и сразу получать доступность и поддержку reduced motion.

https://animata.design/
👍102🔥2🤮2🥴2
Почему стоит мигрировать на Valibot

Valibot это модульная schema библиотека для TypeScript с быстрым стартом, точной типобезопасностью и понятной моделью данных. Валидация, трансформации и метаданные собираются в едином pipeline, поэтому код расширяется без лишнего веса и ошибок.

https://valibot.dev/blog/why-migrate-to-valibot/
👍62🤮1
Вопросы на собеседование по TypeScript: рефакторинг без риска

На практике разбираем, как сузить типы, убрать избыточные аннотации, защитить данные от мутаций и заменить набор флагов на дискриминируемые объединения, чтобы код стал безопаснее, читабельнее и более доступным для рефакторинга. Подходит для подготовки к интервью и для ежедневной работы с TypeScript в фронтенде.

https://habr.com/ru/articles/1033686/
🔥7👍42
Профессиональные скилы для AI coding agents

Собирайте пайплайны для AI агентов с workflow, quality gates и best practices уровня senior инженеров, чтобы код выходил предсказуемым и поддерживаемым.

https://github.com/addyosmani/agent-skills
7🤡5👌2❤‍🔥1🔥1
Mobile View

Удобное и простое расширение, для предпросмотра ваших веб приложений на мобильных устройствах. Оборачивает контент в рамку, позволяя выбрать девайс, ориентацию и много других настроек.

https://mobileview.app/
612❤‍🔥2👎2🔥2
Десктоп приложения с Zig и WebView: маленькие бинарники и быстрые сборки

Zero-native позволяет собирать нативные десктоп приложения с веб интерфейсом через системный WebView или встроенный Chromium, сохраняя общий API и гибко выбирая движок под задачу.

https://zero-native.dev/
🔥42👍1👎1
Ежедневные flexbox головоломки

Прокачивайте CSS Flexbox через ежедневные задачи: нужно собрать целевой layout, подбирая свойства flexbox, чтобы добиться нужного выравнивания и поведения элементов.

https://flexboxle.com
👍8🥱42
Карточки фиксированной высоты: хрупкость, о которой легко забыть

Выравнивание карточек в сетке по высоте кажется простым, но фиксированная высота быстро ломается из-за контента, переносов и разных размеров элементов. Разбираем, почему такие решения становятся нестабильными и как подходить к верстке, чтобы макет оставался предсказуемым.

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/
👍71🔥1😁1
ShadowRealm в JavaScript

Новый API ShadowRealm предлагает изоляцию исполнения кода в отдельной среде, чтобы безопаснее отделять контекст и глобальные объекты. Разбираемся, как это соотносится с realms в браузере и почему это шаг к более надежным приложениям.

https://css-tricks.com/soon-we-can-finally-banish-javascript-to-the-shadowrealm/
4🔥2