Skip to content
/ phoenix Public

Custom UI Library with styled components - ui based on Radix primitives

License

Notifications You must be signed in to change notification settings

GDC94/phoenix

Repository files navigation

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

  • Configure the top-level parserOptions property like this:
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: "latest",
    sourceType: "module",
    project: ["./tsconfig.json", "./tsconfig.node.json"],
    tsconfigRootDir: __dirname
  }
};
  • Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
  • Optionally add plugin:@typescript-eslint/stylistic-type-checked
  • Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list
  • echo "npx --no -- commitlint --edit $1" > .husky/commit-msg -@testing-library/user-event -@testing-library/jest-dom -jsdom -vitest -@testing-library/react

MSW -npm i -D msw -npx msw init .\public\ --> yes

RADIX PRIMITIVES https://github.com/radix-ui/primitives