Что нового в CSS и UI

I/O 2023: 20 наиболее интересных фич.

https://developer.chrome.com/blog/whats-new-css-ui-2023/

React Reconciliation

Как работает процесс Reconciliation в React и почему стоит это знать.

https://www.developerway.com/posts/reconciliation-in-react

Рендеринг на сервере и HTMX — это будущее?

Как HTMX позволяет в некоторых случаях отказать от SPA с использованием JS фреймворков.

https://habr.com/ru/companies/ruvds/articles/736754/

Почему мы всё время начинаем и бросаем учить английский?

Одна из причин — мы не знаем свой уровень языка и берёмся за контент, который нам не по силам. Например, сериал «Друзья» часто советуют смотреть тем, кто начинает учить язык, но в нём полно юмора, который начинающие пока понять не могут. В итоге разрыв знаний удручает и мотивация учить язык падает.

Если вы готовы дать английскому ещё один шанс, мы поможем поверить в свои силы и довести дело до конца. Приходите на бесплатную консультацию в Яндекс Практикум:

🔘 Проведём устный тест на уровень языка,
🔘 Покажем, чего реально добиться и за какой срок,
🔘 Расскажем, как наши курсы помогут достичь цели.

P. S. С 1 июня курсы станут больше: количество занятий с личным преподавателем увеличится с 72 до 80. Цена вырастет тоже. До 31 мая вы можете купить курс по старой цене: целиком или по частям. И если решите купить полный курс сразу — сэкономите и получите обновлённую программу из 80 занятий по прежней цене.

Как большой размер DOM влияет на интерактивность приложения

И что вы с этим можете сделать

https://web.dev/dom-size-and-interactivity/

Создаем кастомную грид систему Vuetify

Туториал по стилизации и настройке Vuetify компонентов.

https://blog.logrocket.com/create-custom-vuetify-grid-system/

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

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

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