Front-End 040 ::CSS Grid Layout in the React App Part 1

Опубликовано: 30 Июнь 2026
на канале: Cross Canada Collaboration User Group
1,082
6

In this module we begin using and explaining CSS Grid layout in the React App. We use CSS Grid to more quickly and easily create different layouts as stand-alone examples with React JS. This is helpful to cover before the next modules which use CSS grid to lay out the app.

This is one video in a series: Here’s the playlist:    • Front End Dev Series  

This front end development series covers building a front end web app with React JS, CSS Grid and some other goodies. We use what a modern evergreen browser ships, such as modern CSS including CSS grid for layout, instead of incessant dependencies. The CSS approaches are agnostic of framework, and would work equally well in other frameworks such as Vue, in web components applications, or in a Vanilla JS app or site. The series isn’t a deep-dive course on React development but concepts are explained along the way so you should be able to follow along even if you don’t have much React JS development experience, or any at all.