Как подготовиться к React Interviews — Руководство по фронтенд-интервью

Сегодня мы рассмотрим наиболее распространенные проблемы, возникающие в ходе технического собеседования по интерфейсу, уделяя особое внимание React и JavaScript.
https://shly.link/PNEjr

Архив докладов FrontendConf!

В преддверии новой конференции хочу с вами поделиться нашим архивом, который насчитывает 240 докладов с 7 последних конференций

Мы программным комитетом очень топим за полезные доклады, а этот архив - кладезь пользы для каждого фронтендера

Ну и конечно - приходите на конференцию 2022 года, и на сладкое - промокод на скидку в 10% - GLEBKA. У нас будет чумовая программа: 48 докладов, 4 зала, разделенные по 6 секциям:
- Микрофронтенды
- FrontOps
- Архитектура
- Интерфейсы
- Технический трек
- Инженерное развитие
И бонусом - трек из 4х мастер-классов

Сам архив:
- FrontendConf 2021 - 39 докладов
- FrontendConf Live 2020 - 62 доклада
- FrontendConf 2019 - 32 доклада
- FrontendConf 2019 (РИТ++) - 34 доклада
- FrontendConf 2018 - 36 докладов
- FrontendConf 2018 (РИТ++) - 37 докладов

https://stackoverflow.com/questions/2801601/why-does-typeof-nan-return-number

Почему typeof NaN === "number"

Новая фича при использовании форм в JS или submit() vs. requestSubmit()

Алоха товарищи фронты! Недавно в недрах интернетов я случайно нарыл инфу о таком событии в JS как requestSubmit(). Отличий не так что бы совсем много но они довольно интересны.

Допустим у нас есть такая форма:

<form action="/changename">
<label for="name">Name</label>
<input type="text" id="name" required>
</form>

<button>Change name</button>

const btn = document.querySelector('button');
const form = document.querySelector('form');

btn.addEventListener('click', function () {
form.submit();
})

Мы видим что у поля name есть аттрибут required.

Как сработал бы обычный .submit() в том случае если значение name отсутствует. Он подстветит нам ошибку но при этом отправит форму так как его не совсем волнует валидна форма или нет.

Как сработает .requestSubmit(). Он подсветит нам ошибку и форму не отправит до тех пор пока форма не будет валидна.

В общем вот, удачных экспериментов!

#shortread #js

https://learn.javascript.ru/weakmap-weakset

В дополнение к Map/Set

https://developer.mozilla.org/en-US/docs/Learn/Performance/CSS

Как оптимизировать СSS

https://developer.mozilla.org/en-US/docs/Web/CSS/contain

Свойство contain в css

Обзор наименее известных, но очень полезных API JavaScript.

Читать

⚡️Паттерны проектирования JavaScript

Коллекция задач по теме из курса FrontendMasters с решениями.

Ссылка на сайт

https://habr.com/ru/users/anatoliy841993/posts/

статьи всего 3, но неплохие

В чем разница между двойным двоеточием и одним двоеточием в :: before и: after? Объясните роль этих двух псевдоэлементов.

В css3 одиночное двоеточие используется для представления псевдоклассов, а двойное двоеточие используется для представления псевдоэлементов. Но для обеспечения совместимости с существующим написанием псевдоэлементов в некоторых браузерах для представления псевдоэлемента также может использоваться одно двоеточие.
Псевдоклассы обычно соответствуют некоторым особым состояниям элементов, таким как наведение, ссылка и т. Д., Тогда как псевдоэлементы обычно соответствуют особым позициям, таким как после, до и т. Д.

#вопросы_по_css

https://habr.com/ru/company/yandex/blog/688952/

Крутая статья!

WebAssembly.validate

Функция WebAssembly.validate() проверяет заданный типизированный массив двоичного кода WebAssembly. Она возвращает true, если байты образуют действительный модуль wasm. В противном случае возвращает false. В данном примере извлекается модуль .wasm и преобразуется в типизированный массив. Затем используется метод validate() для проверки действительности модуля.

#практика

Core Web Vitals

Core Web Vitals — это три показателя, которые оценивают опыт пользователя при загрузке веб-страницы. Эти метрики оценивают, насколько быстро загружается содержимое страницы, как быстро браузер, загружающий веб-страницу, может реагировать на ввод пользователя и насколько нестабильно содержимое загружается в браузере. Данная статья поможет разобраться с Core Web. Vitals.

👉Читать статью

#статьи

165+ терминов JavaScript, которые вам нужно знать

JavaScript — это богатый язык, иногда с огромным количеством библиотек и фреймворков. Имея так много доступных опций, иногда полезно просто взглянуть на сам язык и помнить о его основных компонентах. Этот глоссарий охватывает основной язык JavaScript, синтаксис и функции.

https://shly.link/DEWnm

Optional chaining

Опциональная цепочка ?. — это безопасный способ доступа к свойствам вложенных объектов, даже если промежуточное свойство не существует. Оценка останавливается, если значение до ?. является неопределенным или нулевым и возвращает неопределенное значение. Данное видео поможет разобраться с optional chaining.

👀Смотреть видео

#видео

Promise.catch

Метод catch() возвращает промис и работает только с отклоненными случаями. Данный метод используется для обработки ошибок в составе промисов. Поскольку он возвращает промис, его можно связать так же, как родственный метод then().

#практика