| 01 - Creating a Component Library Intro.mp4 | 46.3 MB | ||
| 01 - Publishing a Vue Component Library to NPM.mp4 | 54.4 MB | ||
| 01 - Starting with the Component API _Accordion Component Part 1_.mp4 | 26.3 MB | ||
| 01 - Your First Component_ A Button.mp4 | 54.1 MB | ||
| 02 - Course Prerequisites.mp4 | 22.9 MB | ||
| 02 - Displaying Various Component States in Histoire.mp4 | 23.1 MB | ||
| 02 - Themes for Daisy UI.mp4 | 28.6 MB | ||
| 02 - Tightly Coupled Components with Provide Inject _Accordion Component Part 2_.mp4 | 40.3 MB | ||
| 03 - Consistent Naming Conventions with Global Variables.mp4 | 45.8 MB | ||
| 03 - Enhancing the Accordion _Challenge_.mp4 | 9.5 MB | ||
| 03 - Integrate Your Component Library as a Nuxt Module.mp4 | 31.8 MB | ||
| 03 - What Makes a Good Component Library.mp4 | 61.6 MB | ||
| 04 - Button Component Challenge.mp4 | 12.4 MB | ||
| 04 - Course Conclusion.mp4 | 27.9 MB | ||
| 04 - Creating Monorepos with PNPM.mp4 | 23.1 MB | ||
| 04 - Lessons from an Avatar Component.mp4 | 40.8 MB | ||
| 05 - Documenting the Button Component.mp4 | 67.8 MB | ||
| 05 - Managing Multiple Packages in a PNPM Monorepo.mp4 | 33.1 MB | ||
| 05 - Wrap Radix Vue for Quick Accessibility and Functional Support _Context Menu Component_.mp4 | 40 MB | ||
| 06 - Lessons from an Alert Component.mp4 | 49 MB | ||
| 06 - Using ChangeSets to Version the Library.mp4 | 50.3 MB | ||
| 07 - Automate New Component Bootstrapping with Hygen.mp4 | 44.7 MB | ||
| 07 - Data Table Component Challenge.mp4 | 90.2 MB | ||
| 08 - Ratings Component Challenge.mp4 | 56.1 MB | ||
| 09 - Steps Component Challenge.mp4 | 12.5 MB | ||
| 10 - End of the Component Spree.mp4 | 7.1 MB | ||
| Bonus Resources.txt | 102.4 B | ||
| Get Bonus Downloads Here.url | 204.8 B | ||
| ▲ 28 total files | |||
VueSchool - Crafting a Custom Component Library with Vue and Daisy UI
https://WebToolTip.com
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.
All Comments