Паттерны ReactJS видео-курс

Компоненты высшего порядка ReactJS (Higher-order components)

Паттерн Компонент высшего порядка назван по аналогии с функциями высшего порядка. Функция высшего порядка - это функция, которая либо принимает функцию как аргумент, либо возвращает функцию как результат. И то же самое можно сделать с компонентами. Функция (Higher Order component, HOC) может принимать компонент в качестве аргумента, что-то с ним делать и возвращать модифицированный (каким-то образом улучшенный) компонент. Смотреть на Rutube

Как использовать Компоненты высшего порядка ReactJS

Смотреть на Rutube

Паттерн Render Props в ReactJS

В этом видео поговорим о паттерне Render props в ReactJS, напишем примеры с разными кейсами, где render props полезны, посмотрим на проп children и передадим в него аргументы. Render prop - это функция, которая возвращает JSX, и эта функция используется как проп в компоненте. К пропсам с таким поведением принято добавлять префикс render (например, renderContent), чтобы отличать обычные пропсы от тех что возвращают JSX. Смотреть на Rutube

Паттерн Compound Components в React - Составные компоненты

Составные компоненты (Compound Components) в ReactJS - это такой паттерн, в котором взаимосвязанные компоненты используются вместе. Эти компоненты используют общее состояние для общения друг с другом. Сам Compound Component состоит из нескольких компонентов поменьше, которые обычно объединяют в единый namespace. В этом видео напишем компонент с использованием паттерна Compound Components. Смотреть на Rutube

Управляемые и неуправляемые компоненты React

Смотреть на Rutube

Рекурсия в JavaScript - Рекурсивные функции

Рекурсия это ситуация когда функция вызывает сама себя.

Каррирование в JavaScript

В этом видео разбираемся как каррировать функции в JavaScript, и пишем функцию для каррирования функций.

Итераторы в JavaScript

В этом выпуске говорим о том как сделать кастомный объект итерируемым с for...of. Итераторы или итерируемые объекты - это объекты, которые можно перебирать в цикле. Иногда бывает полезным создать собственный итератор на свои объекты, которые не являются итерируемыми изначально. Это будет полезно, т.к. удобство работы с такими объектами вырастет. Нужно будет всего лишь написать свой алгоритм перебора и возвращать результат определенного вида.

Чтобы сделать объект итерируемым нужно чтобы объект имел поле Symbol.iterator. Это поле должно быть функцией. Функция должна возвращать объект с полем next. next это функция, которая в свою очередь должна возвращать объект с полями value и done.

Для чего генераторы в JavaScript?

В этом выпуске рассматриваем генераторы в JavaScript. Генераторы в JavaScript (generators) - это особый тип функций, которые могут приостанавливать свое выполнение, выполнять результат, и далее возобновлять свою работу в произвольный момент времени, вернуть еще один результат и т.д. При вызове метода next, генератор возобновляет выполнение и при достижении yield приостанавливается. Результат выполнения функции генератора это ничто иное как итератор. У него есть метод next, который возвращает объект с полями value и done.

Что такое прокси (Proxy) в JavaScript?

Proxy в JavaScript позволяет перехватывать и переопределять операции над объектом.

Что такое поднятие (hoisting) в JavaScript

Поднятие - это механизм который делает возможным использование функций и переменных до их объявления.

var, let, const в JavaScript

Функции высшего порядка в JavaScript