7 ways to deal with CSS
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
Видео 7 ways to deal with CSS канала Fireship
#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
Видео 7 ways to deal with CSS канала Fireship
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Tails OS in 100 Seconds](https://i.ytimg.com/vi/mVKAyw0xqxw/default.jpg)
![Bun is disrupting JavaScript land](https://i.ytimg.com/vi/dWqNgzZwVJQ/default.jpg)
![Big projects are ditching TypeScript… why?](https://i.ytimg.com/vi/5ChkQKUzDCs/default.jpg)
![my browser, my paste](https://i.ytimg.com/vi/7bmsDg4BaKw/default.jpg)
![Microsoft Excel just got Python](https://i.ytimg.com/vi/8ofsE7xiGho/default.jpg)
![How programmers flex on each other](https://i.ytimg.com/vi/r6tH55syq0o/default.jpg)
![Twitter rebrands to X in latest 5D chess move](https://i.ytimg.com/vi/AE3iXR1JFak/default.jpg)
![ChatGPT just leveled up big time...](https://i.ytimg.com/vi/p6Yw0Bx5dbw/default.jpg)
![htmx in 100 seconds](https://i.ytimg.com/vi/r-GSGH2RxJs/default.jpg)
![This unicorn startup faked 95% of its users](https://i.ytimg.com/vi/M_wZpSEvOkc/default.jpg)
![SST in 100 seconds](https://i.ytimg.com/vi/JY_d0vf-rfw/default.jpg)
![RIP Google Domains… and 5 big tech stories this week](https://i.ytimg.com/vi/1GSq7Je32iw/default.jpg)
![Nuxt in 100 Seconds](https://i.ytimg.com/vi/dCxSsr5xuL8/default.jpg)
![Reddit’s API rug pull](https://i.ytimg.com/vi/Ch6zNEq9fwM/default.jpg)
![High-school student makes React a million times faster](https://i.ytimg.com/vi/VkezQMb1DHw/default.jpg)
![Java is mounting a huge comeback](https://i.ytimg.com/vi/Ibjm2KHfymo/default.jpg)
![21 Awesome Web Features you’re not using yet](https://i.ytimg.com/vi/q1fsBWLpYW4/default.jpg)
![Yo mama so FAT32...](https://i.ytimg.com/vi/0xnuhmqRvVQ/default.jpg)
![Why did my side-hustle fail? How to validate business ideas](https://i.ytimg.com/vi/4_MDP6TcHwU/default.jpg)
![How to get rich as a solo software developer - The Ultimate Guide](https://i.ytimg.com/vi/A4_TFHzqAAg/default.jpg)
![AI regulation is coming...](https://i.ytimg.com/vi/CDokUdux0rc/default.jpg)