Using SASS (SCSS) in React | Tutorial

preview_player
Показать описание
Long CSS files with lots of repetition can be really hard to work with, so let's take a look at how SCSS or SASS might be able to help with that.

I hope this video can help you. If it does then please consider subscribing and giving me some feedback.
Have a great day!

Timestamps:
00:00 Setting things up
00:51 Creating your first SCSS File
02:47 Nesting
03:50 Variables & Maps
06:06 Reusing SCSS
10:30 Importing
  1. Niklas Ziermann
  2. Coding
  3. Programming
  4. HTML
  5. CSS
  6. JS
Рекомендации по теме
How to use 0:02:38

How to use Sass in React | Use SCSS in React for Beginners

Sass in 100 0:02:31

Sass in 100 Seconds

React and Sass 0:26:07

React and Sass Tutorial - Intro to SASS

Using SASS (SCSS) 0:12:14

Using SASS (SCSS) in React | Tutorial

SASS vs. SCSS 0:01:51

SASS vs. SCSS in 2 minutes

How to use 0:03:52

How to use Sass in React | Use SCSS in React JS

Learn SASS || 0:18:54

Learn SASS || SCSS In One Video In React Js || Easy Way

Setup React CSS 0:13:17

Setup React CSS Modules (with SASS, multiple classes and more)

React Course - 0:12:17

React Course - Styling - CSS / SCSS

Using Pre-processors Scss 0:08:38

Using Pre-processors Scss and Sass with Create-React-App

Sass Tutorial for 2:02:59

Sass Tutorial for Beginners - CSS With Superpowers

Learning - SASS/SCSS 0:15:49

Learning - SASS/SCSS Profile Card with React

Get your stylesheets 0:07:19

Get your stylesheets more organized with Sass partials

How to use 0:03:56

How to use Sass in React with Vite

Sass / SCSS 0:33:02

Sass / SCSS COMPLETE Tutorial (+ Node.js & NPM) with Real-World Example

Ускоряем верстку | 0:27:02

Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)...

Learning - SASS/SCSS 0:16:51

Learning - SASS/SCSS And REACT Food Menu

7 ways to 0:06:23

7 ways to deal with CSS

Create React App 0:07:18

Create React App and SCSS configuration

Part 38 React 0:16:43

Part 38 React Tutorial | SCSS in React | Module SCSS in React | Nested Rules | Variables in SCSS

Stop using @import 0:13:13

Stop using @import with Sass | @use and @forward explained

React Tutorial #10 0:04:23

React Tutorial #10 - Sass / Scss verwenden

When You Use 0:00:11

When You Use Vanilla CSS After Using Tailwind 💀 #tailwindcss #css #webdevelopment #frontenddeveloper...

How to use 0:14:48

How to use Sass | Using SASS (SCSS) | Import SCSS in React in hindi Tutorial #7

Комментарии
Автор

Straight to the point. Thanks for the help. BYE-BYE CSS, welcome scss😅😅

emmanuelesekhaigbe
Автор

This was great. Definitely gave me better clarity

makaim
Автор

Nice video thanks. Just one thing at 7:30 the margin is not related to create react app is the default margin of the browser you have to reset this value at the very beginning with * or body element and set margin and padding to 0 so you don’t have to find out which specific element have to be reset.

christopheanfry
Автор

how "empty styled" text showing on middle of the screen at the beggining? while there is no any css or styling file ?

hacistein
Автор

Mi amiga senior dice que tu paleta de colores esta anticuada y mi amigo fores dice que no hay memoria en el hasware para correrlo saludos

xDoritos
Автор

can we use sass and bootstrap in 1 react project ??

yotsusan_machi