1

Crafting a Custom Component Library with Vue and Daisy UI

 4 months ago
source link: https://vueschool.io/articles/news/crafting-a-custom-component-library-with-vue-and-daisy-ui/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Crafting a Custom Component Library with Vue and Daisy UI

TLDR: Learn strategies for building a Vue component library with components such as these.

Do you want to build your own component library with Vue.js? We’ll show you how to get started in our course: Crafting a Custom Component Library with Vue and Daisy UI.

During the course we cover a wide range of topics including:

  • Using Hygen to quickly bootstrap new component files
  • Using Histoire to write stories and quickly develop component variations
  • Using Faker to create dummy data for your Histoire Stories
  • Using Typescipt and documenting props with JS docs to enhance the DX directly in the end developers IDE
  • Component design strategies for intuitive and flexible component API’s
  • Using Vitepress to create documentation
  • Using TailwindCSS and DaisyUI as a base for component styles
  • Using Radix Vue as an easy way to support good accessibility and functionality while keeping control over what components look like

During the course, you’ll get plenty of opportunities see walk throughs of component creation and to build components from scratch yourself.

Don’t be fooled by the course title. If you aren’t interested in Daisy UI or Tailwind CSS there is still plenty to be gleaned about component development in this course (and you are free to style yours however you please).


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK