Deepwatch

Keyboard shortcuts

Space or k
Play or pause
j and l
Back or forward 10 seconds
Left and right arrows
Back or forward 5 seconds
f
Fullscreen
m
Mute or unmute
Shift and < or >
Slower or faster
n
Next lecture
?
Show or hide this list

7 ways to deal with CSS

Fireship, 6 min, 1.2M views, Feb 15, 2022

Show description

Top 7 ways to write CSS code in a React or Next.js app. Learn the tradeoffs between different tools like CSS modules, CSS-in-JS, Sass, Tailwind, Bootstrap, component libraries, and more. https://fireship.io/courses/react-next-firebase/ #css #javascript #webdev 🔗 Resources NextJS CSS docs https://nextjs.org/docs/basic-features/built-in-css-support CSS Modules https://github.com/css-modules/css-modules SCSS Docs https://sass-lang.com/documentation Mantine Library https://mantine.dev/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered Best ways to write CSS in React How to use Sass in Next.js CSS modules tutorial How to use CSS-in-JS How to use Tailwind in Next.js How to use Bootstrap in Next.js Best component libraries for react