Tailwind CSS React Tutorial
If you're looking to learn tailwindcss with react, this tutorial should cover the basics of getting it up and running. It's based on the official documentation located here:
https://tailwindcss.com/docs
Tailwind react unlike bootstrap or material UI works a little different, since it's based on class names getting it working inside react just involves hooking it up and writing your own components. You can customise colors, sizing, etc as well when you properly implement it.
Let me know if you like this tailwindcss react tutorial because if so, I might do some more about it.
#tailwindcss #react #tailwind
Learn Design for Developers!
A book I've created to help you improve the look of your apps and websites.
📘 Enhance UI: https://www.enhanceui.com/
Feel free to follow me on:
🐦 Twitter: https://twitter.com/intent/follow?screen_name=adrian_twarog
💬 Discord: https://discord.gg/6gmmFvxkD7
💸 Patreon: https://www.patreon.com/adriantwarog
Software & Discounts:
🚾 Webflow: https://webflow.grsm.io/adrian
🌿 Envato: https://1.envato.market/yRZjz2
🌿 Envato Elements: https://1.envato.market/LP0OJZ
🔴 Elementor: https://elementor.com/adrian/?ref=23140
✖ Editor X: https://www.editorx.com/adrian-twarog
Computer Gear:
⬛ Monitor: https://amzn.to/3f9DOQI
⌨ Keyboard: https://amzn.to/3eA5UFD
🐁 Mouse: https://amzn.to/3xVJO8l
🎤 Mic: https://amzn.to/3hgCfms
📱 Tablet: https://amzn.to/3ewt7sa
💡 Lighting: https://amzn.to/3vOZeZY
💡 Key Lighting: https://amzn.to/3f6qP2f
Camera Equipment:
📷 Camera: https://amzn.to/3uCv4J9
📸 Primary Lens: https://amzn.to/3vT6wMm
📸 Secondary Lens: https://amzn.to/3tyqWIX
🎥 Secondary Camera: https://amzn.to/3o2zCGi
🎙 Camera Mic: https://amzn.to/33tCz9l
🎞 USB to HDMI: https://amzn.to/33yW9RE
Тэги:
#tailwind_css_react_tutorial #tailwind_css_react #tailwind_css_tutorial #tailwind_react #tailwind_react_tutorial #tailwind_css #react_tailwind_css #react_tailwind #tailwindcss_react_tutorial #tailwindcss_react #tailwindcss_react_js #react_tailwindcss #react_tailwindcss_tutorial #react_tailwind_tutorial #react_tailwindcss_setup #react_tailwind_setup #react #tailwind #tailwindcss #reactjs #html #css #js #website #programming #tutorialКомментарии:
Bootstrap is better 😅😅😅
Ответить
very precise and detailed you are a good teacher
Ответить
i thought u will explain each n everything. syntax and how to actually write css in tailwind n all. but u jus copy pasted the entire css.
Ответить
The react bootstrap syntax is so ugly I couldnt do it. So now im in the Tailwind camp
Ответить
What font and theme u r using
Ответить
subtitle pls
Ответить
It was amazing. Please do more sir❤🎉
Ответить
you're the best!
Ответить
ty
Ответить
having no options for subtitles made me leave, just saying!
Ответить
great learning in short span of time
Ответить
The Title should be Tailwind CSS Introduction.
Ответить
craco don't work with react-scripts@^5.0.1 it shows me this error:
npm start ✔ 11s
> [email protected] start
> craco start
Failed to compile.
For the selected environment is no default script chunk format available:
JSONP Array push can be chosen when 'document' or 'importScripts' is available.
CommonJs exports can be chosen when 'require' or node builtins are available.
Make sure that your 'browserslist' includes only platforms that support these features or select an appropriate 'target' to allow selecting a chunk format by default. Alternatively specify the 'output.chunkFormat' directly.
This was PERFECT!
Ответить
is it me or does the @tailwind base directive mess everything up
Ответить
ty mrbeast
Ответить
man you are great ^__^ best intro
Ответить
awesome teaching man.
Ответить
This was so helpful. Thank you for this tutorial. A tailwind and React playlist of various important concepts would be amazing. Keep up the great work!
Ответить
great video, love it!
Ответить
![Robi x Ernesto Valenzuela - Нашата любов [Duli & Mati] 2024](https://invideo.cc/img/upload/c051dk1NNWVBNE8.jpg "Robi x Ernesto Valenzuela - Нашата любов [Duli & Mati] 2024")
