Closed SutuSebastian closed 3 months ago
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
flowbite-react | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Mar 20, 2024 4:25pm |
would love to learn more about this monorepo!.
[!IMPORTANT]
Auto Review Skipped
More than 25% of the files skipped due to max files limit. Skipping review to prevent low quality review.
172 files out of 296 files are above the max files limit of 100.
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
@coderabbitai pause
@coderabbitai resume
This is an amazing PR @SutuSebastian. Good job!
Summary
Since there is a lot of confusion regarding which files belong to docs, and which belong to the UI library, as well as which files are simply for code quality and which not, we should have a split bringing separation of concerns that isolates each app/package into their own namespace, while still allowing the flexibility of re-usage of one another (eg: UI lib being used in docs namespace).
To achieve this, the answer is monorepo.
Structure
Stack
Task runner:
Bun
Package manager:Bun
Lint:ESLint
Format:Prettier
Test:Vitest
Release:Changesets
Monorepo:Bun
Monorepo build system:Turborepo
Changes
General:
bun
cypress
(to be replaced withplaywright
)codecov
Docs:
CLI
pageEditor Setup
pageQuickstart
pagemode
matches)UI library:
theme
objects, usingcreateTheme()
proxy functionvitest
to latestStorybook:
CLI:
create-flowbite-react
CLI package (https://www.npmjs.com/package/create-flowbite-react)Result
Docs - Quickstart
https://github.com/themesberg/flowbite-react/assets/41998826/986affaa-dd86-45c0-8c8b-c1067700d070
Docs - Integration Guides - CLI section
Docs - code preview
https://github.com/themesberg/flowbite-react/assets/41998826/02c4e3da-a533-49ab-9c44-ce26a514f3b3
https://github.com/themesberg/flowbite-react/assets/41998826/3c65890c-d49f-4bcb-8ee9-34e20f05d7ce
Storybook - light/dark mode toggle
https://github.com/themesberg/flowbite-react/assets/41998826/b4ef547f-d9ff-4c1e-b3f5-5209d6159d7d
CLI
https://github.com/themesberg/flowbite-react/assets/41998826/ebafe22a-ee11-46c1-9f40-a479b6176a2e