Углубленные лекции по фронтенду

Углубленные лекции о JavaScript, ES2015+ фичах, React/Redux, струтурировании приложений и тд

Лекция 0

• Область видимости, блочное связывание.
• Что такое this, работа с call, apply, bind.
• Пример с каррированием функицй.
• Функции: параметры по умолчанию, остаточные параметры, оператор разложения, new.target.
• Arrow-функции: особенности. асинхронные стрелки, стрелки с генераторами, arguments внутри стрелок.
• Синтаксис объектных литералов: shrothands, лаконические методы, computed names
• Object.is(), Object.assign(), деструктуризация, спреды.
• Map, Set, WeakMap, WeakSet.

Лекция 1

• Символы — зачем и как использовать.
• Symbol(), Symbol.for, Object.getOwnPropertySymbols.
• Промисы. Цепочки промисов, .then, .catch, .finally.
• Generators, iterators, yield, next(), throw(), return().
• Пример с co().
• Коротко о Proxy и Reflect.

Лекция 2

• High Ordered Functions. .map, .filter, .forEach, .reduce, .every, .some, .find, etc.
• Array.from, Array.of.
• Чистые функции.
• Композиция. Библиотека recompose.
• Каррирование. Библиотека Ramda.
• Рекурсия. Пример с факториалом.
• Иммутабельность. Библиотека Immutable.js.
• Мемоизация. PureComponent, pure(() => {}). Библиотека reselect.

Лекция 3

• Подходы к структурированию приложений.
• Cтруктурированию по типу.
• Cтруктурированию по модулям. Подход redux-ducks и другие.
• Работа с селекторами, как структурировать редьюсеры.

Лекция 4

• Thunks.
• Sagas.
• Observables.
• MobX.
• Render props.
• React Context API

Лекция 5

• Bundling projects: Webpack, Rollup, Parcel.
• Static type checkers: TypeScript, Flow, etc.
• Bundling best practices.
• Monorepo. Lerna.

Лицензия

CC-BY-04 © Denys Dovhan