CodeRoll | Frontend

❓ Что такое Event Loop и как он работает?

Ответ:
Event Loop — это механизм, который управляет потоком выполнения кода в JavaScript, обеспечивая асинхронность. Он проверяет Call Stack и очереди задач (например, микрозадачи и макрозадачи) и выполняет их в нужном порядке.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

✏ Создавайте отдельные объекты, а не модифицируйте их напрямую

⚠️ Так же это одно из правил иммутабельности, которое важно соблюдать при работе с продвинутыми инструментами

Если у вас есть необходимость изменить объект, то почти всегда надежнее будет создать его копию, и уже в ней проводить мутации

➕ Сейчас это можно делать за счет object spread operator (...obj) или по старинке через Object.assign()

Coderoll | Frontend

Интенсив по паттернам для фронтенд-разработчиков 💫

Во фронтенде всё меняется - ИИ пишет код быстрее, чем мы успеваем думать.

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

С 27 по 29 апреля senior fullstack developer проведёт интенсив по паттернам с практическими примерами: живая задача, код от ИИ, разбор, что в нём не так.

Подробнее в его канале

Подойдёт junior-фронтендерам с годом+ опыта, которые чувствуют, что задачи закрывают, а расти перестали.

И middle на бумаге, которые сами себе признаются, что слово «архитектура» в задаче вызывает лёгкую панику

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

Расписание:
27 (пн) — Поставим задачу, скормим её ИИ, сломаем решение и починим первым паттерном
28 (вт) — Разберём ещё два паттерна, типизацию и техдолг
29 (ср) — Посмотрим уязвимости и реализуем архитектурную прослойку безопасности на бэке

Основной формат платный, но сегодня можно попасть бесплатно. Для этого переходите по ссылке ниже:

👉 Занять место на интенсиве

❓Что такое props и state в React?

Ответ:
Props (свойства) — это данные, которые передаются в компонент родителем. Props являются неизменяемыми для компонента.
State (состояние) — это данные, которые управляются внутри компонента и могут изменяться. Изменение состояния
вызывает повторный рендер компонента.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

⚡️ Пара методов для объектов в JS, которую должен знать каждый

Object.keys() - это метод, который возвращает массив из собственных перечисляемых свойств переданного объекта

Пример:

var obj = { first: "a", second: "b", third: "c" };
console.log(Object.keys(obj));

// консоль: [ 'first', 'second', 'third' ]Не забудьте, что массивы - это тоже объекты, и к ним тоже можно применить данный метод. Хотя это и не нужно н практике

Object.values() - это метод, который возвращает массив значений перечисляемых свойств объекта

Пример:

const user = {
name: 'John',
surname: "Smith",
age: 35,
};

console.log(Object.values(user));
// консоль: Array [ 'John', 'Smith', 35 ]
Coderoll | Frontend

❓ Что делает Object.freeze?

Object.freeze замораживает объект, т.е нельзя добавить, удалить или изменить свойства

Подходит для защиты конфигураций и констант.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend