Ссылка на видео

• Webpack tale
• React tutorial

Ссылка на видео

• Useful scss media query mixins
• Approaches for media queries creation
• Breakpoints and media queries in SCSS
• Сервис для сжатия картинок

Здесь можно найти исходник сверстанного макета

• Доделать компонент ImageBox
  • 😌 Вынести лайки и комменты в отдельные компоненты
  • 😎 Подключить и использовать prop-types
• 😌 Сделать компонент Gallery
• 😎 Сделать сет компонентов для отображения профиля
• 😱 Навести порядок в стилях: сделать миксины для @support и @media, изолировать стили скоупингом (вложенность)

😌 - легко, 😎 - посложнее, 😱 - сложно или объемно

• Ссылка на видео
• Инструкция по запуску серверной части
• Описание методов API

• Состояние компонента в реакте
• Хуки в реакте
• React lifecycle

• 😌 Сделать красивую форму авторизации
• 😎 Сделать endless scroll для списка картинок. Описание работы паджинации описана в документации по API. Если задача покажется сложной, можно упростить, заменив механизм загрузки со скроллинга на нажатие кнопку "Загрузить еще".
• 😱 Реализовать универсальный компонент для бесконечного скроллинга, используя механизм хуков (в т.ч. кастомных).

😌 - легко, 😎 - посложнее, 😱 - сложно или объемно

• Ссылка на видео
• Bonus video

• React Portals
• Паттерны HoC и Render Props

На этот раз задание всего лишь одно и оно простое. Необходимо сделать, чтобы при нажатии на определенную картинку в списке она открывалась в модальном окне. API-метод /api/photos возвращает всю необходимую информацию, включая информацию о пользователях. Подробности в документации по API.

Ссылка на видео

• withRouter
• Вложенные роуты
• Краткая документация

Продолжить начатое на уроке. Сделать красивое отображение фотографии в модальном окне.