Оптимизируем задержку ввода

О том, что такое задержка ввода и как сделать ее минимальной.

https://web.dev/optimize-input-delay/

CSS gap vs margin

Добавляем расстояния между элементами: различия в применении gap и margin.

https://blog.logrocket.com/css-gap-vs-margin/

Введение в Popover API

Новый браузерный API, который стандартизирует и упрощает создание поповеров.

https://developer.chrome.com/blog/introducing-popover-api/

Вопросы для собеседования по React

Коллекция вопросов для начинающих и опытных разработчиков.

https://javascript.plainenglish.io/react-interview-questions-2023-a-comprehensive-collection-for-newcomers-and-professionals-alike-b74ad3e5178f

Создаем клон сайта с задачами для программистов LeetCode

Туториал по созданию приложения на стеке React, Next JS, TypeScript, Tailwind CSS и Firebase.

https://www.youtube.com/watch?v=GnodscC2p-A&ab_channel=freeCodeCamp.org

Пишем шахматы на React

Создаем многопользовательскую игру на React + Socket.io

https://blog.openreplay.com/building-a-chess-game-with-react/

Code Review Best Practice

Несколько советов по проведению code review.

https://levelup.gitconnected.com/the-code-review-best-practise-cec57488ef25

Делегирование событий в JS

Что это такое, какую проблему решает и небольшая хитрость для удобства рботы с ними.

https://gomakethings.com/event-delegation-and-nested-elements/

Подкаст HTML Academy

Выпуск 9: Быстрый NodeJS, даптация без медиавыражений, вертикальный ритм и практики отличных форм.

https://www.youtube.com/watch?v=WdrmLrPczp0

Сравниваем Redux и React Query

Что выбрать для проекта? Посмотрим разницу между Redux и React Query, плюсы и минусы библиотек.

https://www.youtube.com/watch?v=YLowBWmYChc&ab_channel=ITVDN

Пишем плагин для бесшовного drag and drop перемещения элементов на чистом JS

Подробный туториал по созданию плагина, включающий работу с событиями и DOM элементами для различных устройств.

https://tahazsh.com/blog/seamless-ui-with-js-drag-to-reorder-example

Делаем приложение для генерации цитат на NodeJS, TypeScript и AWS Amplify

6 часовой курс создания full stack приложения с нуля до деплоя и настройки CI/CD.

https://www.youtube.com/watch?v=FRmCxj9K7II

Нативная вложенность в CSS

Как использовать SASS-подобный синтаксис в CSS.

https://www.amitmerchant.com/sass-like-nesting-in-native-css/

Эффект анимации фона при движении курсора

Сочетание SVG фильтров и CSS blend mode.

Демо | Github

https://tympanus.net/codrops/2023/06/07/gooey-cursor-effect/

Делаем данные на сайте удобными для восприятия

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

https://www.smashingmagazine.com/2023/06/universal-cognitive-friendly-ux-design-tables-grids/

Примитивные объекты в JS

Как использовать примитивные объекты и какие преимущества они дают.

https://smashingmagazine.com/2023/06/primitive-objects-javascript-part-2/