Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🛠 🧰 Изменение цвета фавикона для темной/светлой темы с помощью CSS на практике: на заметку фронтенд-разработчику
👉 Подробнее
#css #tip by Shripal Soni
👉 Подробнее
#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
console.log() можно использовать для логирования текста и переменных в консоль. 🤔 А знаете ли вы, что эту технику можно использовать для рендеринга (ограниченного) CSS, SVG и даже HTML?
Please open Telegram to view this post
VIEW IN TELEGRAM
Последнее обновление популярного, авторитетного ежегодного руководства по библиотекам и инструментам, подходящим для различных задач при создании React-приложений:
• Starting a new React Project
• Package Manager for React
• React State Management
• React Data Fetching
• Routing with React Router
• CSS Styling in React
• React UI Libraries
• React Animation Libraries
• Visualization and Chart Libraries in React
• Form Libraries in React
• React Type Checking
• Code Structure in React
• React Authentication
• React Backend
• React Database
• React Hosting
• Testing in React
• React and Immutable Data Structures
• React Internationalization
• Rich Text Editor in React
• Payments in React
• Time in React
• React Desktop Applications
• File Upload in React
• Mails in React
• Drag and Drop
• Mobile Development with React
• React VR/AR
• Design Prototyping for React
• React Component Documentation
Please open Telegram to view this post
VIEW IN TELEGRAM
www.robinwieruch.de
React Libraries for 2025
Discover the essential React libraries for 2025! Navigate the vast ecosystem effortlessly with this curated list. Empower your React projects with these powerful tools for seamless development of large-scale applications ...
💪 Declarative shadow DOM появится в версии 123 (выпуск запланирован на 20 февраля).
📌 Примечания к выпуску
#новости
Please open Telegram to view this post
VIEW IN TELEGRAM
406. Safari заговорил, Firefox за справедливость, браузерная политика…
Веб-стандарты
00:01:30 Safari заговорил
00:14:08 Firefox за справедливость
00:27:00 Браузерная политика
00:52:27 Можно без кук
01:03:29 Abbr не работает
01:15:19 Кейсы для :has
01:22:11 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
Please open Telegram to view this post
VIEW IN TELEGRAM
at(index) в действии, или Как выбрать последний элемент массива самым простым способом<array>.lastItem кажется более очевидным способом в данном случае. 💬 Что думаете?
#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Представьте, что вы оказались в сложной ситуации, и вам нужно принять решение. Какого сотрудника вы возьмете в команду?
Anonymous Poll
18%
С достойным портфолио и хард-скиллами, но неприятного в общении
58%
Легкого в общении и целеустремленного, но проседающего в технических навыках
24%
Посмотреть результаты
Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.
Фронтенд-разработчик Александр Савельев делится опытом работы с Next.js и рассказывает личное мнение о причинах этого шага, возможностях и проблемах.
Please open Telegram to view this post
VIEW IN TELEGRAM
📌 Подборка докладов с двух последних митапов:
🌐 В погоне за HTTP / Сергей Иванов
🌐 FSD при переходе на новый стек / Михаил Дмитриевский, фронтенд-разработчик, лид команды UI и фронтенд-сообщества YADRO
🌐 Упрощаем CI/CD на примере github-actions / Алексей Николаев, тимлид в Sendsay
🌐 Странное браузерное API / Антон Ленёв, CTO Viewst
🌐 Универсальная линейка уровней / Павел Франков, разработчик в VK
🌐 Growth mindset или гибкое сознание / Анастасия Бондаренко
🌐 По ту сторону собеседования / Ангелина Купцова, фронтенд-разработчица в КОРУС Консалтинг
🌐 С завода во фронтенд / Дмитрий Зорка, фронтенд-разработчик в «Максимум Авто»
#чтопроисходит
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
Если вы действительно хотите пройти путь создания целого приложения с использованием веб-компонентов и JavaScript, то начать можно с этого гайда.
Пример приложения в данном случае простой, но законченный, и, что самое главное, автор демонстрирует реалии использования веб-компонентов
🔗 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Robin Wieruch размышляет о преимуществах и недостатках, об уровне навыков, необходимых разработчику, и о том, какие функции каждый стартовый проект может предложить вам как React-разработчику.
📌 Небольшой спойлер для тех, кто не хочет читать весь текст:
✅ Если вы только начинаете изучать React, придерживайтесь использования Vite с React, потому что это наиболее близко соответствует основам React. То же самое верно, если вы ищете легковесное решение для SPA/CSR.
✅ Если вы ищете мнение о фреймворке на основе React, который включает в себя несколько техник рендеринга (и инфраструктуру), используйте Next с React как наиболее зрелое решение со всеми его преимуществами и недостатками.
✅ Если Next.js не соответствует вашим потребностям, но вы все еще ищете комплексный фреймворк SSR, обратите внимание на Remix с React.
✅ Если вы хотите создать сайт, ориентированный на контент, рассмотрите возможность использования Astro с React.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🌟 Что нового в DevTools Chrome 121: на заметку фронтенд-разработчику
1. Улучшения в панели Elements:
🔧 Поддержка
🔧 Теперь можно использовать одно кастомное свойство CSS в качестве запасного значения для другого кастомного свойства.
2. Улучшенная поддержка source map: включена по умолчанию опция "Resolve variable names in expressions using source maps" для отладки исходного кода в Sources и Scope.
3. Улучшения в панели Performance:
🔧 Расширенный трек взаимодействий с индикаторами задержек ввода и отображения.
🔧 Новые кнопки для продвинутой фильтрации во вкладках Bottom-Up, Call Tree и Event Log.
4. Маркеры отступов в панели Sources: в редакторе кода теперь отображаются вертикальные линии для блоков с отступами.
5. Полезные подсказки для переопределенных заголовков и содержимого в панели Network.
6. Новые опции в Command Menu для добавления и удаления шаблонов блокировки запросов.
7. Удалён экспериментальный раздел нарушений CSP.
8. Lighthouse обновлён до версии 11.3.0.
9. Улучшения доступности: улучшенная навигация и взаимодействие в различных панелях.
... и многое другое
1. Улучшения в панели Elements:
🔧 Поддержка
@font-palette-values для настройки значений свойства font-palette.🔧 Теперь можно использовать одно кастомное свойство CSS в качестве запасного значения для другого кастомного свойства.
2. Улучшенная поддержка source map: включена по умолчанию опция "Resolve variable names in expressions using source maps" для отладки исходного кода в Sources и Scope.
3. Улучшения в панели Performance:
🔧 Расширенный трек взаимодействий с индикаторами задержек ввода и отображения.
🔧 Новые кнопки для продвинутой фильтрации во вкладках Bottom-Up, Call Tree и Event Log.
4. Маркеры отступов в панели Sources: в редакторе кода теперь отображаются вертикальные линии для блоков с отступами.
5. Полезные подсказки для переопределенных заголовков и содержимого в панели Network.
6. Новые опции в Command Menu для добавления и удаления шаблонов блокировки запросов.
7. Удалён экспериментальный раздел нарушений CSP.
8. Lighthouse обновлён до версии 11.3.0.
9. Улучшения доступности: улучшенная навигация и взаимодействие в различных панелях.
... и многое другое