[MULTI] Vueschool - Crafting A Custom Component Library With Vue And Daisy Ui

[jinkping5]

Vueschool - Crafting A Custom Component Library With Vue And Daisy Ui
Daniel Kelly | Duration: 2:48 h | Video: H264 1920x1080 | Audio: AAC 48 kHz 2ch | 1 GB | Language: English​

What makes a good component framework? How do I package and distribute it for re-use by others? Learn the answer to these questions and more by creating your own UI framework for Vue.js.
Creating your own Vue component library is a game-changer. It gives you the flexibility to design UI components tailored to your needs and the opportunity to contribute something valuable to the developer community. With this course, you'll learn how to combine the simplicity of Daisy UI with Vue's reactivity to create a fully functional, reusable, and distributable UI library.
What is Daisy UI? Daisy UI is a lightweight CSS framework built on Tailwind CSS, offering a utility-first approach to pre-styled components. While Daisy UI simplifies styling with its clean design system, it's CSS-only, meaning you need to pair it with a framework like Vue.js for advanced interactivity. This makes it perfect for building custom Vue component libraries where you can layer powerful JavaScript functionality on top of elegant, pre-styled designs.
Why Build a Custom Vue Component Library? Popular Vue component libraries like Vuetify and PrimeVue are feature-packed, but they may not always fit your specific needs. A custom library allows you to:
• Tailor UI components to match your design vision.
• Keep your applications lightweight by including only what you need.
• Create consistent, reusable components that speed up development.
• Gain experience with advanced tools like histoire and monorepos.

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

 

[0dayddl]

868.03 MB | 17min 31s | mp4 | 1920X1080 | 16:9
Genre:eLearning |Language:English​

Files Included :

Spoiler

FileName :01 Creating a Component Library Intro.mp4 | Size: (43.22 MB)
FileName :02 Course Prerequisites.mp4 | Size: (21.7 MB)
FileName :03 What Makes a Good Component Library.mp4 | Size: (57.71 MB)
FileName :04 Creating Monorepos with PNPM.mp4 | Size: (19.6 MB)
FileName :05 Managing Multiple Packages in a PNPM Monorepo.mp4 | Size: (27.42 MB)
FileName :01 Your First Component - A Button.mp4 | Size: (45.1 MB)
FileName :02 Displaying Various Component States in Histoire.mp4 | Size: (18.9 MB)
FileName :03 Consistent Naming Conventions with Global Variables.mp4 | Size: (38.87 MB)
FileName :04 Button Component Challenge.mp4 | Size: (11.03 MB)
FileName :05 Documenting the Button Component.mp4 | Size: (56.94 MB)
FileName :06 Using ChangeSets to Version the Library.mp4 | Size: (43.21 MB)
FileName :07 Automate New Component Bootstrapping with Hygen.mp4 | Size: (36.41 MB)
FileName :01 Starting with the Component API (Accordion Component Part 1).mp4 | Size: (22.67 MB)
FileName :02 Tightly Coupled Components with Provide Inject (Accordion Component Part 2).mp4 | Size: (33.98 MB)
FileName :03 Enhancing the Accordion (Challenge).mp4 | Size: (8.26 MB)
FileName :04 Lessons from an Avatar Component.mp4 | Size: (35.94 MB)
FileName :05 Wrap Radix Vue for Quick Accessibility and Functional Support (Context Menu Component).mp4 | Size: (35.13 MB)
FileName :06 Lessons from an Alert Component.mp4 | Size: (42.8 MB)
FileName :07 Data Table Component Challenge.mp4 | Size: (77.81 MB)
FileName :08 Ratings Component Challenge.mp4 | Size: (48.46 MB)
FileName :09 Steps Component Challenge.mp4 | Size: (10.92 MB)
FileName :10 End of the Component Spree.mp4 | Size: (6.5 MB)
FileName :01 Publishing a Vue Component Library to NPM.mp4 | Size: (47.06 MB)
FileName :02 Themes for Daisy UI.mp4 | Size: (24.38 MB)
FileName :03 Integrate Your Component Library as a Nuxt Module.mp4 | Size: (27.48 MB)
FileName :04 Course Conclusion.mp4 | Size: (26.53 MB)

]
Screenshot

Spoiler

RapidGator

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

NitroFlare

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!