React Profiler
Измеряем перфоманс вашего React приложения.
https://deadsimplechat.com/blog/react-profiler/
Измеряем перфоманс вашего React приложения.
https://deadsimplechat.com/blog/react-profiler/
👍8❤1
RSC с нуля. Часть 1.
Серверные компоненты
Глубокое погружение: создаем с нуля очень простую версию серверных компонентов.
https://my-js.org/blog/rsc-1/
Серверные компоненты
Глубокое погружение: создаем с нуля очень простую версию серверных компонентов.
https://my-js.org/blog/rsc-1/
👍14❤3
Создаем онлайн сервис с подписками с нуля
Туториал по созданию и деплою приложения с AI. Приложение работает по системе с подписками, предоставляя платный функционал для пользователей. Стек: NextJS, Stipe, OpenAI.
Github
https://www.youtube.com/watch?v=r895rFUbGtE
Туториал по созданию и деплою приложения с AI. Приложение работает по системе с подписками, предоставляя платный функционал для пользователей. Стек: NextJS, Stipe, OpenAI.
Github
https://www.youtube.com/watch?v=r895rFUbGtE
👍13❤1
Подборка бесплатных ресурсов для разработки
Список сервисов (бесплатных или с промо периодом), которые могут быть полезны для разработчиков. От кодогенерации и и проверки кода до облачных решений и AI.
https://free-for.dev/
Список сервисов (бесплатных или с промо периодом), которые могут быть полезны для разработчиков. От кодогенерации и и проверки кода до облачных решений и AI.
https://free-for.dev/
❤13👍2💯2
Регулярные выражения in JavaScript
Синтаксис регулярных выражений и методы работы с ними в JS. Большое руководство с примерами.
https://www.honeybadger.io/blog/javascript-regular-expressions/
Синтаксис регулярных выражений и методы работы с ними в JS. Большое руководство с примерами.
https://www.honeybadger.io/blog/javascript-regular-expressions/
⚡7👍1
GraphQL туториал
Цикл видео по работе с GraphQL + NodeJs + ReactJS для новичков.
https://www.youtube.com/playlist?list=PL55RiY5tL51rG1x02Yyj93iypUuHYXcB_
Цикл видео по работе с GraphQL + NodeJs + ReactJS для новичков.
https://www.youtube.com/playlist?list=PL55RiY5tL51rG1x02Yyj93iypUuHYXcB_
🔥11👎4🐳3👍2❤1
JavaScript async iterators
Протокол, который позволяет создавать кастомные итерируемые объекты. Как это делать и где это можно применить - в статье.
https://www.nodejsdesignpatterns.com/blog/javascript-async-iterators/
Протокол, который позволяет создавать кастомные итерируемые объекты. Как это делать и где это можно применить - в статье.
https://www.nodejsdesignpatterns.com/blog/javascript-async-iterators/
👍12❤2
CSS Анимация
Быстрое введение в анимацию для новичков.
https://www.youtube.com/watch?v=SgmNxE9lWcY&ab_channel=SlayingTheDragon
Быстрое введение в анимацию для новичков.
https://www.youtube.com/watch?v=SgmNxE9lWcY&ab_channel=SlayingTheDragon
👍10❤2
Современный CSS Reset
Что нового в сбросе стандартных стилей? Энди Белл подробно рассказывает о каждом блоке правил
https://andy-bell.co.uk/a-more-modern-css-reset/
Что нового в сбросе стандартных стилей? Энди Белл подробно рассказывает о каждом блоке правил
https://andy-bell.co.uk/a-more-modern-css-reset/
🔥17👍3❤1
Web Skills
Визуализированный набор скилов для веб разработчиков, с сылками на ресурсы для изучения. Упрощенный аналог roasmap.sh
https://andreasbm.github.io/web-skills/
Визуализированный набор скилов для веб разработчиков, с сылками на ресурсы для изучения. Упрощенный аналог roasmap.sh
https://andreasbm.github.io/web-skills/
👍12❤🔥2👌1
Что нового в DevTools
Улучшенные и новые фичи DevTools Chrome 118
https://developer.chrome.com/blog/new-in-devtools-118/
Улучшенные и новые фичи DevTools Chrome 118
https://developer.chrome.com/blog/new-in-devtools-118/
🔥14👍3❤🔥1🥱1
20 наиболее интересных фич в CSS
Список новых возможностей которые появились или появятся в ближайшем будущем.
https://my-js.org/blog/css-ui-2023/
Список новых возможностей которые появились или появятся в ближайшем будущем.
https://my-js.org/blog/css-ui-2023/
❤18👍2
Что делать, когда бандл нужно «посадить на диету»
Доклад Софьи Гусевой об оптимизации бандлов.
https://www.youtube.com/watch?v=biE-v-yCTpU
Доклад Софьи Гусевой об оптимизации бандлов.
https://www.youtube.com/watch?v=biE-v-yCTpU
YouTube
01. Что делать, когда бандл нужно «посадить на диету» - Софья Гусева
👍15💩12
Шарим своё локальное приложение
Как в VSCode открыть доступ к своей запущенной локальной версии приложения при помощи вкладки Ports.
https://www.youtube.com/watch?v=g0MrDxzTkr8
Как в VSCode открыть доступ к своей запущенной локальной версии приложения при помощи вкладки Ports.
https://www.youtube.com/watch?v=g0MrDxzTkr8
👍16❤🔥5💩3
Используем Driver.js для выделения элементов
Driver.js - легковесная библиотека для реализации функционала онбординга и подсвечивания фич приложения.
https://blog.logrocket.com/using-driver-js-guide-user-focus/
Driver.js - легковесная библиотека для реализации функционала онбординга и подсвечивания фич приложения.
https://blog.logrocket.com/using-driver-js-guide-user-focus/
⚡25👍5❤1
Курс по Nuxt v3 для начинающих
Nuxt - фреймворк для построения фронтенд-приложений на Vue 3
https://www.youtube.com/watch?v=fTPCKnZZ2dk
Nuxt - фреймворк для построения фронтенд-приложений на Vue 3
https://www.youtube.com/watch?v=fTPCKnZZ2dk
YouTube
Nuxt 3 — Course for Beginners
Learn how to use Next 3 in this full tutorial for beginners. Nuxt.js is a progressive JavaScript framework for building user interfaces on the web. Nuxt makes it easy to create server-rendered applications, static websites, and single-page applications.
…
…
👍9🥴2👎1
Привет!
Я написал бота, который собирает лучший контент для разработчиков с habr.ru. Часто там бывают интересные ресурсы по frontend, например:
▫️Рисуем верёвку в формате SVG
▫️Создаем тетрис на Three.js
▫️Почему ваш веб-сайт должен быть меньше 14 КБ
И еще много чего из мира технологий. Заходите в гости, буду рад 😉
@habr_for_dev
Я написал бота, который собирает лучший контент для разработчиков с habr.ru. Часто там бывают интересные ресурсы по frontend, например:
▫️Рисуем верёвку в формате SVG
▫️Создаем тетрис на Three.js
▫️Почему ваш веб-сайт должен быть меньше 14 КБ
И еще много чего из мира технологий. Заходите в гости, буду рад 😉
@habr_for_dev
👍11❤3🔥3😱3
Веб-стандарты - выпуск 389
Firefox, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в вебе, Google Fonts, LCP, Tailwind
https://web-standards.ru/podcast/389/
Firefox, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в вебе, Google Fonts, LCP, Tailwind
https://web-standards.ru/podcast/389/
👍15
This media is not supported in your browser
VIEW IN TELEGRAM
Анимируем межстраничные переходы с помощью View Transitions API
Реализации переходов на примере приложения на базе фреймворка Astro.
Демо | Github
https://tympanus.net/codrops/2023/10/03/animating-multi-page-navigations-with-browser-view-transitions-and-astro/
Реализации переходов на примере приложения на базе фреймворка Astro.
Демо | Github
https://tympanus.net/codrops/2023/10/03/animating-multi-page-navigations-with-browser-view-transitions-and-astro/
👍23❤9👏1
Эффективная загрузка рекламы
Как не навредить перфомансу приложения при загрузке рекламного контента.
https://web.dev/loading-ads-page-speed/
Как не навредить перфомансу приложения при загрузке рекламного контента.
https://web.dev/loading-ads-page-speed/
👍7❤3