Setup React CSS Modules (with SASS, multiple classes and more)
In this tutorial I want to show you a few tips on how to setup modular scopes css along with setting up sass in a React project so that you can add css to components that don't clash with other components or global css, while also using sass syntax which lets you use global variables for colors, breakpoints etc. I also show you how to use multiple classes and import google fonts or Adobe typekit fonts in a react project.
CONNECT ON MY DISCORD:
https://discord.gg/5zsdrxH8m8
Twitter:https://twitter.com/omarel
GitHub: https://github.com/oelbaga
0:00 intro
1:10 CSS Reset in React
1:50 Install Sass
3:30 Create SCSS Module file
4:50 (Selector Name error)
5:50 (Filename case sensitivity)
7:10 Multiple CSS module classes
8:47 Global variables
9:38 Global breakpoint mixin
11:54 importing Google Fonts/Adobe Fonts
#css #scss #react #webdevelopment
Get early access to my project/
A library of pre-built user interface layouts and components you can place on any react site: https://uiworkspace.com
Twitter:
https://twitter.com/omarel
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Setup React CSS Modules (with SASS, multiple classes and more)», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.