React клон Instagram - CSS Grid Mastery

Создайте приложение «Галерея изображений» с помощью React, React Router и styled-components, освоив CSS Grid с более чем 100 примерами!

Сначала изучите CSS Grid с помощью приложения Gridfolio, исследуя каждое родительское и дочернее свойство CSS Grid. Затем создайте приложение GridGallery, приложение Галерея изображений, созданное с использованием React, React Router и Styled-components.

С приложением Gridfolio вы получите доступ к более чем 100 сеткам с сетками для каждого родительского и дочернего свойства CSS Grid. Мы объясним на примере, как каждое свойство Grid изменяется с новыми и разными значениями, и как вы можете комбинировать несколько свойств Grid вместе.

Мы обсудим более запутанные свойства CSS Grid, такие как grid-auto-flow, grid-template-area и неуловимое свойство grid. Каждая лекция расширяет предыдущую, давая вам знания, которые вы можете использовать в приложении GridGallery, профессиональном проекте React, достойном любого разработчика карьеры React. Вы также получите полный исходный код проекта Gridfolio.

С приложением GridGallery вы создадите настоящее приложение Image Gallery. Начиная с шаблона create-react-app, вы будете учиться на примерах из React Router, разрабатывать модальные окна, создавать и тестировать адаптивную PhotoGrid, которая работает на любом устройстве. Вы узнаете, как найти свои собственные фотографии и шрифты для персонализации своей галереи изображений. Вы будете использовать Styled-components для простой стилизации компонентов React без новых CSS-файлов. Вы получите полный доступ к исходному коду проекта приложения GridGallery, так что вы можете ссылаться на завершенный проект в любое время.