Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
120 videos
38 files
4.61K links
Все самое полезное для фронтенда в одном канале.

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

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

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
👀 Повышаем качество код-ревью: 7 полезных советов

В данной статье мы рассмотрим 7 практических советов, следуя которым можно значительно повысить качество проверки кода.

🔗Читать статью
🔗Зеркало
💡Новый способ замены элемента в массиве

Актуальные версии всех браузеров поддерживают метод with(index, value) для создания копии массива с заменой одного элемента.

▶️ Подробнее

#javascript #tip by Shripal Soni
👀 driver.js — легковесная библиотека, которая позволяет пошагово познакомить пользователя с продуктом или просто сосредоточить внимание на странице. Без лишних зависимостей, работает с любым фреймворком, написана на TypeScript.

🔗 Сайт & GitHub
🥅Можете попрощаться с неровными макетами, ведь CSS Subgrid завезли во все стабильные версии браузеров

🔸CSS grid — мощный инструмент для создания макетов, но row и column, созданные на родительской сетке, могут использоваться только для позиционирования прямых потомков контейнера сетки.

🔸Любые области и линии сетки, определенные автором, не применяются к элементам, не являющимся прямыми потомками. С помощью subgrid размеры треков, шаблоны и имена могут быть общими для вложенных сеток. В статье как раз объясняется, как это работает.

👀 Читать
👨‍🎓State of HTML 2023 — опрос, который содержит информацию о 131 новой фиче и нестандартных реализациях (от контента до UX и не только) в рамках создания веб-приложений.

Из опроса вы узнаете о новых и дополнительных функциях HTML, которые могли пропустить, а также о последних тенденциях в экосистеме и о том, на чем фокусируются другие веб-разработчики.

👉 И да, его можно пройти анонимно и без регистрации. А если нажмете ,узнаете дополнительную информацию по каждому отдельному аспекту.
🤔 С вами было такое, что в выходные не успевали переделать и половины из того, что планировали? И даже физические и электронные ToDo-списки не выручат?

🤷‍♂️Может стоит попробовать использовать простой календарь?

📆 Calendar Blocking — метод планирования дел для повышения продуктивности, который позволяет контролировать время работы и отдыха с использованием календаря.

Валерий Жила в недавнем треде подробно написал про него. Говорит, что это очень простой и действенный метод повышения продуктивности и контроля своего ментального здоровья.

📌Что нужно делать?

👉 Берём свой календарь, заполняем какими-то рамками — например, время отхода ко сну и подъема. Стараемся планировать крупные дела наперёд, а по ходу дня всякую мелочь. Не слишком подробно (блоки от 30 минут с буферами), честно и быстро.

📌Что это даёт?

👉 Помогает концентрироваться на одном деле за раз. Помогает принимать оперативные решения и улучшать work-life balance. Помогает снизить тревожность и разгрузить память — великолепный «второй мозг» для планирования.

❗️Важно

Calendar Blocking подойдёт далеко не всем. Если вы творец, живущий спонтанной ловлей момента на кончиках пальцев, или вы просто любите спонтанные встречи с друзьями скорее всего, метод не зайдёт.

О том, как это работает на практике, как и с помощью каких инструментов всё это сделать, читайте в его треде: в соцсети X или в приложении Threadreader, если бывший Твиттер у вас не открывается.

💬 Используете что-то подобное для планирования своего дня? Поделитесь в комментариях👇

#холивар
Please open Telegram to view this post
VIEW IN TELEGRAM
🥊 Next.js 13 vs Remix: практическое сравнение

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

👉 Читать
💡☝️Возможно, вы не знали об этом способе для более элегантного сокращения атрибута placeholder.

👉 Поиграть можно здесь.

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑‍🍳Кулинарный гид по Vue.js: как фронтенд-разработчику готовить на «кухне» props

Выбирайте подходящий уровень сложности:

🥣Джуны-поварята смогут лучше разобраться в работе и применении props в Vue.js
🥣Для мидлов и более опытных специалистов авторы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему

🔗 Читать
💪👨‍💻 6 сервисов для подготовки к техническим собеседованиям

Мы не понаслышке знаем, какие глупые вопросы иногда задают на собеседованиях — этими историями с нами поделились вы. А теперь рассказываем, где готовиться к нормальным техническим собеседованиям, на которых вас не попросят заполнить бегемотами комнату. Подборка сервисов ждет вас в нашей статье👇

🔗Читать статью
🔗Зеркало