Пишем наивный полифилл для промиса

Чтобы избавится от мифов вокруг промисов попробуем написать простой полифилл, который, надеюсь, покажет, что в них нет никакой магии.
https://proglib.io/w/bb735817

#javascript

Почему инлайнить стили — плохо

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

https://proglib.io/w/6f427e6a

#css

Расширенная анимация CSS с использованием cubic-bezier()

При создании сложных CSS-анимаций мы часто пишем сложные развернутые @keyframes. Однако есть прием, который может здорово упростить задачу и сократить количество кода - создание пользовательских временных функций с помощью cubic-bezier().

В статье невероятные анимации вообще без keyframes: https://proglib.io/w/eeee3486

#css #animation

Получение общих данных в Next.js одним запросом

При генерировании страниц с использованием getStaticProps выдается много запросов к одной конечной точке. Проблема становится серьезной в случае медленной базы данных или когда бэкенд не справляется с сотней запросов в секунду. Автор статьи пробует решить эту проблему, применяя в Next.js подход из другой библиотеки - Gatsby.

https://proglib.io/w/7fb93180

#nextjs

Чему бы вы хотели научиться?

VueJS - различные способы реализации v-model

Директива v-model предназначена для создания двустороннего биндинга данных в нативных инпутах. Но часто требуется создать кастомный компонент с таким же функционалом. В статье разбираем 5 способов сделать это: https://proglib.io/w/c035be6c

#vue

Работа с массивами в JavaScript

Все методы для работы с массивами в одном месте: https://proglib.io/w/4ebb1563

#javascript

Сравниваем дизайн с версткой

Дизайнерский глаз легко подмечает различия между макетом и конечным результатом верстки, а вот для верстальщика это может стать проблемой. В статье вы найдете ряд советов, которые будут полезны при проверке фронтенда: https://proglib.io/w/0285aa00

#interface

CSS vs CSS-in-JS: сравнение производительности

Спойлер: CSS-in-JS реально проигрывает.
https://proglib.io/w/a954cbbb

#css

Изучение вкладки Network в Chrome Dev Tools

Учимся изменять производительность веб-приложений с помощью вкладки Network: https://proglib.io/w/9db306dc

#performance

5 популярных песочниц для веб-разработчиков

Главная задача песочниц — дать пользователю удобное и безопасное место для разработки. Здесь можно учиться кодить и выполнять рабочие задачи. Код из песочницы можно добавлять на Stack Overflow, Хабр и их аналоги, чтобы показать другим пользователям.

https://proglib.io/w/b98288bb

#tools

​The Clean Architecture на TypeScript и React

Статья рассказывает об опыте применения The Clean Architecture в React-приложениях на TypeScript: https://proglib.io/w/66492477

#architecture

Представьте, что ваш знакомый/коллега/родственник попросил у вас совета, как стать программистом?

Поделитесь вашим мнением, что бы вы ему ответили:
https://forms.gle/7YZ2rxnyBWsnMqYD7

Лучшие ответы опубликуем в отдельной подборке!

​Еще не используешь SVG фавиконки?

Тебе нужно использовать SVG фавиконки! Они поддерживаются почти во всех браузерах и использовать их намного удобнее, чем обычные фавиконы: https://proglib.io/w/76572817

#browser

​Оптимизация производительности фронтенда

Хороший лонгрид на выходные:

Часть 1. Critical Render Path
Часть 2. Event loop, layout, paint, composite

#performance

Пользовательские события в JavaScript: полное руководство

Все, что вы должны знать о создании и использовании кастомных событий:
https://proglib.io/w/8df9f982

#javascript

​Управление памятью в JavaScript

Статья рассказывает об управлении памятью и принципах работы сборщика мусора, а также о том, как избежать наиболее распространенных видов утечек памяти: https://proglib.io/w/0ec1c5e3

#performance

🎮 Игры на JavaScript

✔️ Тетрис на JavaScript: разбираем возможности языка через геймификацию
✔️ Пятнашки на JavaScript и Canvas

#games

☕️ Доступный автокомплит с нуля на JavaScript

Руководство по созданию компонента автодополнения с учетом всех требований доступности.

https://proglib.io/w/bef1e2f6

#javascript #interface #accessibility

5 крутых функций JavaScript, о которых не знает большинство разработчиков

С помощью JavaScript можно делать одно и то же разными способами. С выпуском каждой новой спецификации ECMAScript, добавляя новые методы и операторы, чтобы сделать код короче и где-то более читабельным.

https://proglib.io/w/0a5b288d

Пишем фронтенд-компоненты на ванильном JS

В наши дни вокруг фронтенд-фреймворков много шумихи, но нужны ли они на самом деле? https://proglib.io/w/a842fca8

#tools #frameworks