One of the best ways to learn React is by creating reusable components. Instead of using bootstrap or other frameworks when working with Grid layout, why donโt make it yourself?
In this tutorial, I am going to show you:
What you will learn in this tutorial:
React - https://reactjs.org/
Typescript https://www.typescriptlang.org/docs/
Flexbox and CSS Grid
SCSS https://sass-lang.com/documentation + CSS modules
Storybook https://storybook.js.org/
Netlify https://www.netlify.com/
We are going to use Netlify to deploy and host our storybook
Demo
๐ Source code: Grid React Component
๐ Text Editor: https://code.visualstudio.com/
Plugin:
#react #typescript #javascript #web-development #css