Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
21.6K subscribers
2.91K photos
209 videos
49 files
5.21K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
📊 Карта GitHub-репозитория за пару секунд

GitDiagram визуализирует структуру любого репо: файлы, директории, связи между модулями — всё в виде интерактивной схемы. Удобно, когда нужно быстро понять архитектуру незнакомого проекта.

🔴 Работает предельно просто:
замените github → gitdiagram в адресе репозитория.

🈁 Дальше можно:
— кликать по узлам, проваливаясь в структуру
— экспортировать диаграмму
— анализировать связность, размеры и «тяжёлые» модули

Для фронтендеров особенно полезно — моментально видно, как устроены компоненты и где находятся ключевые части интерфейса.

🔗 Ссылка на GitHub

🐸 Библиотека фронтендера

#resource_drop
Please open Telegram to view this post
VIEW IN TELEGRAM
6🥰3
🚀 TypeScript 7: нативный компилятор в превью

TypeScript переписали на нативный код — и это рабочая реальность.

Компилятор работает в редакторе и CLI, даёт 8–10× прирост скорости и доступен для тестирования.

🔤 В карточках: что готово, где ускорилось и где стоит быть осторожным.

📎 Источник

🐸 Библиотека фронтендера

#read_watch
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👏6🥰3
☺️ Vite 8 Beta — стоит ли переходить

Vite полностью переписали на Rust-бандлере Rolldown, заменив старую связку esbuild + Rollup. Теперь dev и production используют один инструмент — никаких расхождений в поведении.

➡️ Что это даёт:

Скорость: в 10-30 раз быстрее Rollup

Проверено на практике: Linear сократил сборку с 46с до 6с, другие компании ускорились на 40-64%

Без боли: большинство плагинов работают из коробки

Единый стек: Vite + Rolldown + Oxc от команды VoidZero

➡️ Что нового:

• Встроенная поддержка tsconfig paths
• Поддержка TypeScript decorators (emitDecoratorMetadata)
• Скоро: Full Bundle Mode — dev-сервер быстрее в 3 раза

➡️ Миграция:

Обновить до 8.0.0-beta.0 и следовать гайду. Для сложных проектов рекомендуют постепенный переход через пакет rolldown-vite.

Если у вас медленные сборки — точно стоит попробовать. Rust делает своё дело, и цифры это подтверждают 📈

🐸 Библиотека фронтендера

#release_digest
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👍32
👨‍💻 React Server Components в React Router: зачем и как использовать

Представьте: вместо отправки данных клиенту, их обработки и рендера — вы просто отдаёте готовый UI с сервера. Никакой лишней гидратации, меньший бандл, быстрее загрузка.

Зачем это нужно:

🔢 Меньше JS на клиенте — UI рендерится на сервере

🔢 Компоненты могут сами загружать данные — проще типизация

🔢 Инкрементальная миграция — можно внедрять постепенно

🔢 Server Functions — формы работают без привязки к роутам

Особенно круто для сложных приложений с CMS-контентом или динамическими комбинациями компонентов — сервер сразу отдаёт нужный UI.

⚠️ Фича пока experimental и может иметь breaking changes в минорных релизах. Для продакшена использовать с осторожностью, но для экспериментов — самое время!

🔗 Подробности на epicreact.dev

🐸 Библиотека фронтендера

#read_watch
Please open Telegram to view this post
VIEW IN TELEGRAM
👍32👾2
React_собес_30_вопросов_с_развёрнутыми_ответами.pdf
58.5 KB
📎 Шпаргалка для подготовки к React-собеседованию

🔵 30 самых популярных вопросов
🔵 Развёрнутые ответы с примерами кода
🔵 JavaScript, React, Redux, веб-технологии
🔵 Источники и ссылки на документацию

Скачай, изучи, получи оффер 👨‍💻

🔗 Источник

🐸 Библиотека фронтендера

#readme #react
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍1