31 запись с тегом "javascript"

class A {
    //…
}

A.B = class {
    //…
};

//or you use an extra scope:

var C;
{
    class D {
        constructor() { }
    }
    
    C = class C {
        constructor() { }
        
        method() {
            var a = new D();  // works fine
        }
    }
}

👉 Перейти по ссылке

Один из способов сохранить inline-SVG со страницы в файл.

С помощью хука useState можно создать локальное состояние внутри функционального компонента.

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

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

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

Хук useCallback используется для улучшения производительности компонентов за счет мемоизации функций обратного вызова.

В React есть два базовых правила использования хуков, которые обязательно нужно соблюдать

Редьюсеры (или редукторы) – это простые чистые (предсказуемые) функции, которые получают в качестве аргументов предыдущее состояние объекта и объект действия (action), а возвращают обновленное состояние. Другими словами, редьюсеры применяют к состоянию некоторое действие.

Хуки создаются для того, чтобы можно было разделять одинаковое поведение между разными компонентами. Они работают гораздо очевиднее, чем компоненты высшего порядка или рендер-пропсы. Также, React позволяет создавать кастомные хуки.