Using Vanilla Extract with React | Tutorial
Vanilla Extract is a CSS pre-processor similar to SASS that allows you to use TypeScript to define your styles. It's also what Shopify now wants to use instead of SASS, so let's take a look at wether or not you should do so as well.
I hope this video can help you. If it does then please consider subscribing and giving me some feedback.
Have a great day!
My GitHub: https://GitHub.com/N-Ziermann
My Website: https://n-ziermann.github.io?en
Timestamps:
00:00 What is Vanilla Extract
00:14 Setting Up Vanilla Extract
00:54 Creating your First Classes
03:20 Using Global Style Themes
05:52 Dark and Light Mode in Vanilla Extract
10:00 Local Variables
11:53 Integerating Style Variants into React Components
15:27 Using Sprinkles for Nicer Media Queries
Watch video Using Vanilla Extract with React | Tutorial online without registration, duration hours minute second in high quality. This video was added by user Niklas Ziermann 11 July 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,533 once and liked it 99 people.