Функции
Если у вас есть необходимость изменить объект, то почти всегда надежнее будет создать его копию, и уже в ней проводить мутации
Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Что такое динамический импорт в React?
Ответ:
Динамический импорт позволяет загружать модули асинхронно. В React это используется для ленивой загрузки компонентов, что улучшает производительность приложения. Пример:
const LazyComponent = React.lazy(() => import('./LazyComponent'));
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
const LazyComponent = React.lazy(() => import('./LazyComponent'));
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤2
Как работает метод setState?
Ответ:
Метод setState используется для обновления состояния компонента в React. Когда состояние изменяется, React перерисовывает компонент и его дочерние элементы. Важно, что setState работает асинхронно, и обновления могут быть объединены.
this.setState({ counter: this.state.counter + 1 });
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
this.setState({ counter: this.state.counter + 1 });
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤1
Как работает хук useState?
Ответ:
useState — это хук, который позволяет добавлять состояние в функциональные компоненты. Он возвращает массив из двух элементов: текущего состояния и функции для его обновления.
const [count, setCount] = useState(0);
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
const [count, setCount] = useState(0);
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❓Что такое props и state в React?
Ответ:
Props (свойства) — это данные, которые передаются в компонент родителем. Props являются неизменяемыми для компонента.
State (состояние) — это данные, которые управляются внутри компонента и могут изменяться. Изменение состояния
вызывает повторный рендер компонента.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
State (состояние) — это данные, которые управляются внутри компонента и могут изменяться. Изменение состояния
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❓ Что такое for...of?
Ответ:
for...of — это цикл, который итерируется по итерируемым объектам (массивы, строки, генераторы и т.д.), возвращая значения элементов.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤1
❓ Что такое Symbol в JavaScript?
Ответ:
Symbol — это уникальный и неизменяемый тип данных, часто используемый как уникальный идентификатор для свойств объектов. Каждый вызов Symbol() создаёт новый уникальный символ.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤1
Функции
Одно из первых правил, которые мы изучаем в функциях - это соблюдение правила DRY (don't repeat yourself)
Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❓ Что такое Spread оператор (...)?
Ответ:
Spread оператор позволяет расширять или разворачивать итерируемые объекты (например, массивы или строки) в местах, где ожидается ноль или более аргументов (для функций) или элементов (для массивов).
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤2
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
❓ Что такое Destructuring Assignment?
Ответ:
Destructuring Assignment — это синтаксис JavaScript, который позволяет извлекать данные из массивов или объектов в переменные. Это упрощает работу с данными и делает код более читаемым.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
💅1
Что такое JSX?
Ответ:
JSX (JavaScript XML) — это синтаксический сахар для JavaScript, который позволяет писать HTML-подобный код внутри JavaScript. JSX превращается в обычный JavaScript с помощью компилятора, такого как Babel. Пример:
const element = <h1>Hello, world!</h1>;
JSX упрощает создание и чтение UI компонентов.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
const element = <h1>Hello, world!</h1>;
JSX упрощает создание и чтение UI компонентов.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤3
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
Please open Telegram to view this post
VIEW IN TELEGRAM
❓ Что такое Proxy в JavaScript?
Ответ:
Proxy — это объект, который позволяет перехватывать операции (например, чтение свойств, установку значений, вызов функций) над другим объектом. Это используется для мониторинга, валидации или изменения поведения объекта.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤2💅1
❓ Что такое Event Loop в JavaScript?
Ответ:
Event Loop — это механизм, который позволяет JavaScript быть однопоточным языком, но при этом работать асинхронно. Он обрабатывает задачи из очереди событий, когда основной поток становится свободным. Event Loop проверяет Call Stack (стек вызовов), и если он пуст, берёт следующую задачу из очереди и выполняет её.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤1💅1
❓Что такое “currying” в JavaScript?
Ответ:
Currying — это процесс преобразования функции, которая принимает несколько аргументов, в серию функций, каждая из которых принимает один аргумент. Это позволяет создавать более универсальные и частично применяемые функции.
Пример:
const add = a => b => a + b;
const add5 = add(5);
console.log(add5(3)); // 8
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Пример:
const add = a => b => a + b;
const add5 = add(5);
console.log(add5(3)); // 8
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
💅1
Как работает хук useState?
Ответ:
useState — это хук, который позволяет добавлять состояние в функциональные компоненты. Он возвращает массив из двух элементов: текущего состояния и функции для его обновления.
const [count, setCount] = useState(0);
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
const [count, setCount] = useState(0);
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
💅1
❓Какие способы клонирования объектов существуют в JavaScript?
Ответ:
Клонирование объектов можно сделать несколькими способами:
Использование Object.assign()
Использование оператора spread (...)
Использование JSON.parse() и JSON.stringify() (для глубокого клонирования, но с ограничениями).
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Использование Object.assign()
Использование оператора spread (...)
Использование JSON.parse() и JSON.stringify() (для глубокого клонирования, но с ограничениями).
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❤1💅1