This repo includes a series of branches which represent different ways to structure your component layout with TailwindCSS.
Based on https://github.com/wobsoriano/vite-react-tailwind-starter.
Original layout comes from TailwindUI example: https://tailwindui.com/components/marketing/sections/feature-sections#component-64ac58e032276db96bf343a8d4f332a8.
This branch just includes the base from which we refactor into the other branches.
In this branch, we refactor FeatureSection
to have its own component folder and to use the FeatureList
and FeatureListItem
components.
We expand on 2/component-folder
to move all styles into its own module file.
Based on 2/components-folder
, we structure all components by atoms
, molecules
and organisms
directories.
npm install
npm run dev