TGViewer
Channel Public Channel
FrontEndDev

FrontEndDev

@front_end_dev

🚀 Статьи, новости, туториалы по 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
Open in Telegram
Subscribers
25.7K
Photos
2.7K
Videos
28
Links
7.9K

Showing posts older than #8496 · Back to latest

Older Posts 20 shown
Post #8495 8.09K

Forwarded from Habr For Dev

#javascript #node.js

Релиз Bun 1.0 (новый runtime для JavaScript )

Представляем Bun версии 1.0.Bun — это быстрый и универсальный набор инструментов для запуска, сборки, тестирования и отладки JavaScript и TypeScript кода (от одного файла до fullstack-приложения). Сегодня Bun стабилен и готов к продакшену.

⭐️⭐️◽️◽️◽️

📖Читать
  • 👍 27
  • 🥴 7
  • 🤮 2
  • ❤ 1
  • 🔥 1
Post #8494 7.94K
4 типа покрытия кода тестами

Статья о том, какие бывают метрики покрытия тестами, какую вам стоит выбрать, и в чем отличие code coverage от test coverage.

https://web.dev/ta-code-coverage/
  • 🔥 9
  • 👌 1
  • 🍾 1
Post #8492 7.91K
Друзья! С Днем Программиста! 🎉🎉

В честь праздника держите подборку анимаций для модальных окон 😉

https://codepen.io/designcouch/pen/obvKxm
  • 🔥 28
  • 🤮 9
  • 🎉 4
  • 👌 1
Post #8491 8.73K
Как React 18 улучшает производительность приложения

Новые возможности React: конкурентный рендеринг, интерфейс переходов, серверные компоненты и кеширование.

https://my-js.org/blog/react-18/
  • 👍 14
  • 🔥 2
  • 🤡 2
Post #8488 7.36K
Как prefetch помог Terra ускорить показатели LCP и скорость загрузки

Короткая заметка с реализацией способа загрузки контента

https://web.dev/terra-prefetching-case-study/
  • 👍 10
Post #8487 8K
Quokka - JS playground в вашем редакторе

Расширение для вашей IDE, которое позволяет быстро запустить и отдебажить ваш код.

https://quokkajs.com/
  • 👍 18
  • ❤ 2
  • 💩 2
  • 👀 2
  • 🥱 1
Post #8486 7.86K

Forwarded from Habr For Dev

#ruvds_статьи #typescript

Рефлексия в JavaScript и TypeScript: обзор основных техник. Как сгенерировать CLI-интерфейс для класса

⭐️◽️◽️◽️◽️

📖Читать
  • 👍 16
  • ❤ 2
Post #8483 7.55K
Полиморфизм на TypeScript

Примеры полиморфизма из реального проекта с реализацией на TS. Лайвкодинг сессия от Ивана Горбунова.

https://www.youtube.com/watch?v=dZIuNsDbSkM
  • 👍 14
  • 💩 6
  • ❤‍🔥 1
Post #8479 8.51K
Трюки при работе с SVG

SVG предоставляет довольно гибкий API для реализации интересных анимаций и эффектов в вебе. Вот несколько примеров, которые помогут вам в этом разобраться.

https://blog.codepen.io/2023/08/28/chris-corner-even-more-svg-tricks/
  • 👍 13
Post #8478 8.25K

Forwarded from Habr For Dev

#ruvds_статьи #css

Ох уж эти CSS-переменные

Я люблю создавать компоненты везде и всегда, поэтому пользовательские CSS-свойства, также известные как CSS-переменные, являются одной из моих любимых фишек, которая позволяет писать более модульный код. При работе с ними я набил достаточно шишек, выпил литры чая и убил кучу времени. Теперь я «мастер», и хочу поделиться своим опытом.

⭐️⭐️◽️◽️◽️

📖Читать
  • 👍 26
  • ❤ 2
  • 👎 1
  • 🔥 1
Post #8477 7.93K
База SQL для начинающих

Frontend разработчикам для расширения кругозора короткий ликбез по SQL.

https://youtu.be/5sG9kmXYsKU
  • 👍 15
  • 👎 8
  • 😱 2
Post #8475 8.5K
Репозиторий с решенными frontend проблемами

Алгоритмические задачи, задачи на верстку и React c объяснением

https://github.com/pinglu85/BFEdevSolutions
  • ❤ 14
  • 👍 5
Post #8474 8.14K
Откладываем загрузку некритического CSS

Практический пример оптимизации загрузки страницы с разделением критического и некритического CSS.

https://web.dev/defer-non-critical-css/
  • 🔥 24
  • 👍 2
Post #8473 7.79K
Как подключить нестандартные шрифты?

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

https://htmlacademy.ru/blog/html/fonts-loading
  • 👍 11
  • ❤ 2
  • 💩 2
  • 🔥 1
  • 🤡 1
Post #8472 8.18K
Оптимизация анимаций элементов

Как правильно с точки зрения браузера анимировать элементы на странице, чтобы кулеры ноутбука не свистели.

https://habr.com/ru/articles/701604/
  • ⚡ 14
  • 👍 5
Post #8469 8.54K
patch-package

Инструмент, позволяющий пропатчить код библиотек из node_modules (когда другие варианты уже невозможны), сделать патч изменений и применять его на postinstall.

https://www.npmjs.com/package/patch-package
  • 👍 29
  • ❤‍🔥 6
  • ❤ 3
Post #8468 9.78K
Новые единицы измерения viewport

Статья о динамических единицах и какую проблему они решают на мобильных устройствах.

https://ishadeed.com/article/new-viewport-units/
  • 👍 35
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →