Multi-Style Tailwind Components

Multi-Style Tailwind Components

Size
334 MB
Seeders
4
Leechers
0
Files
39
Category
Added
10/30/23 at 11:10pm GMT+1
Infohash
f76de9e9f6341f9eefaf11f902eedd4261c10389

Description
[ FreeCourseWeb.com ] Multi-Style Tailwind Components



If You Need More Stuff, kindly Visit and Support Us -->> https://FreeCourseWeb.com







Released 10/2023

MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz, 2 Ch

Genre: eLearning | Language: English | Duration: 38 Lessons ( 1h 20m ) | Size: 334 MB



In this workshop, you'll learn the best way to create & manage multiple Tailwind-powered style variants for your UI components.



Tailwind CSS's Just-in-Time engine does not support dynamic class names. This leads to overly complicated conditionals and nested ternary statements that are hard to keep track of - and even harder to add new variants to ?



Throughout this workshop, you will build and practice a repeatable process for identifying, refactoring, and implementing dynamic Tailwind CSS style sets.



If You Need More Stuff, kindly Visit and Support Us -->> https://DevCourseWeb.com



Get More Tutorials and Support Us -->> https://CourseWikia.com



We upload these learning materials for the people from all over the world, who have the talent and motivation to sharpen their skills/ knowledge but do not have the financial support to afford the materials. If you like this content and if you are truly in a position that you can actually buy the materials, then Please, we repeat, Please, Support Authors. They Deserve it! Because always remember, without "Them", you and we won't be here having this conversation. Think about it! Peace...



Image error



Image error

File list
  • Multi-Style Tailwind Components
  • ~Get Your Files Here !/01. Multi-Style Components Workshop Welcome.mp4 5.7 MB
  • ~Get Your Files Here !/02. Creating Dynamic Button Variants with Tailwind CSS.mp4 10.5 MB
  • ~Get Your Files Here !/03. Extract Common Base Classes.mp4 4 MB
  • ~Get Your Files Here !/04. Identifying Common Classes.mp4 8.7 MB
  • ~Get Your Files Here !/05. Customizing the Tailwind IntelliSense Plugin for VS Code.mp4 11.6 MB
  • ~Get Your Files Here !/06. Simplify Button Styling for All Possible Variants.mp4 8.9 MB
  • ~Get Your Files Here !/07. Dynamic Styling with the cx() Function.mp4 14.9 MB
  • ~Get Your Files Here !/08. Implement Size and Shape Variants.mp4 3.4 MB
  • ~Get Your Files Here !/09. Creating Dynamic Style Variants.mp4 24.4 MB
  • ~Get Your Files Here !/10. Separating Tone & Intensity Concerns.mp4 7.4 MB
  • ~Get Your Files Here !/11. Implementing Dynamic Tone & Intensity Styles.mp4 15.7 MB
  • ~Get Your Files Here !/12. Improve Accessibility and Usability with Headless UI.mp4 3.8 MB
  • ~Get Your Files Here !/13. Convert a Modal to a Headless UI Dialog.mp4 11.5 MB
  • ~Get Your Files Here !/14. Refactoring to use Headless UI.mp4 12.5 MB
  • ~Get Your Files Here !/15. Update the Modal to Support Dynamic Contents.mp4 5.5 MB
  • ~Get Your Files Here !/16. Refactoring for Dynamic Modal Contents.mp4 8.3 MB
  • ~Get Your Files Here !/17. Add Multiple Modal Sizes.mp4 2.8 MB
  • ~Get Your Files Here !/18. Dynamic Modal Sizes.mp4 4.5 MB
  • ~Get Your Files Here !/19. Implement Modal Background Tints.mp4 4.2 MB
  • ~Get Your Files Here !/20. Add Modal Background Color Support.mp4 7 MB
  • ~Get Your Files Here !/21. Transitioning Modals with Headless UI.mp4 3.4 MB
  • ~Get Your Files Here !/22. Animating Customize Modals.mp4 11.4 MB
  • ~Get Your Files Here !/23. Customizing Modal Slide-In Animation.mp4 4 MB
  • ~Get Your Files Here !/24. Animate Modal Panel Slide-In.mp4 7.4 MB
  • ~Get Your Files Here !/25. Add Support for Async Tasks in the Modal.mp4 3.9 MB
  • ~Get Your Files Here !/26. Conditionally Display a Loading Animation.mp4 11 MB
  • ~Get Your Files Here !/27. Updating State After a Transition.mp4 8.8 MB
  • ~Get Your Files Here !/28. Improve Modal Behavior During Async Operation.mp4 7.3 MB
  • ~Get Your Files Here !/29. Disabling Buttons and Modal Exits While Loading.mp4 5.3 MB
  • ~Get Your Files Here !/30. Modal State Management Patterns.mp4 15 MB
  • ~Get Your Files Here !/31. Calendar Style Complexity.mp4 18.3 MB
  • ~Get Your Files Here !/32. Identify Possible Calendar States.mp4 5.2 MB
  • ~Get Your Files Here !/33. Listing the Calendar States.mp4 6 MB
  • ~Get Your Files Here !/34. Porting Dynamic Styles to Specific States.mp4 5.2 MB
  • ~Get Your Files Here !/35. Create Styles for the Unique States.mp4 5.3 MB
  • ~Get Your Files Here !/36. Apply Styles for a Specific State.mp4 16.2 MB
  • ~Get Your Files Here !/37. Implementing the getStyles Function.mp4 20.8 MB
  • ~Get Your Files Here !/38. Multi-Style Tailwind Components.mp4 4.2 MB
  • ~Get Your Files Here !/Bonus Resources.txt 386 B

Rating
Not rated yet
Log in to rate

Comments

No comments yet.