项目作者: jkazama

项目描述 :
Material-UI+ React.js + Redux [ Pug / Scss / Babel ]
高级语言: JavaScript
项目地址: git://github.com/jkazama/sample-ui-react.git
创建时间: 2015-10-16T11:23:53Z
项目社区:https://github.com/jkazama/sample-ui-react

开源协议:MIT License

下载


sample-ui-react

Preface

Project web resource ( HTML / CSS / JS ) based on React / TypeScript / shadcn/ui. It assumes the SPA ( Single Page Application ) model.

This is a simple implementation sample using the above libraries, not the library.

We expect one of the following as an API server for sample confirmation.

Getting Started

Frontend Start (VSCode DevContainer)
It is necessary to do the following step.

  • Check Instablled Docker.
  • Check Instablled VSCode with DevContainer Extension.
  • API Server Started.

Do the preparations for this sample in the next step.

  • You move to the cloned sample-ui-react directory.
  • Run command code .
  • Choose Open Container

Do the dev server start in the next step.

  • Open VSCode Terminal.
  • npm run dev
  • Open Browser with http://localhost:3000
    • User Login ID/Pass. sample / sample

Use policy of React

Resource

Refer to the following for the package / resource constitution.

  1. + .devcontainer DevContainer Related definitions
  2. + .vscode VS Code Related Definitions
  3. + public Vite Public Resources (Web Root)
  4. + src Vite Development Resources
  5. - .editorconfig Format Auto-Formatting Rules (EditorConfig)
  6. - .env Environment Variable (Production)
  7. - .env.development Environment Variable (Development)
  8. - .eslintrc.js ES Lint Rule
  9. - components.json shadcn/ui Related Definitions
  10. - index.html Vite SPA Entry file
  11. - package.json NPM Package
  12. - postcss.config.cjs CSS-Related Definitions
  13. - tailwind.confg.js TailwindCSS Related Definitions
  14. - tsconfig.json TypeScript Related Definitions
  15. - vite.config.ts Vite Related Definitions
  1. /src
  2. + assets Static Resources where references via code.
  3. + components UI Component Implementation (global domain)
  4. + auth UI Components for Authentication
  5. + layout UI Components for Site Layouts
  6. + ui UI components using shadcn/ui
  7. + features Feature (Domain) Specific Implementation
  8. + *domain* Specific Domain Implementation
  9. + components UI Component Implementation
  10. + hooks Hooks Implementation for Business Processes
  11. + api API Integration Implementation with Backend
  12. + types Type Definitions
  13. + hooks Hooks Implementation for Business Processes (global domain)
  14. + lib Simple Libraries that are not Dependent on a Framework
  15. + providers Infrastructure Provider
  16. - app.ts React Common Processes
  17. - query.tsx TanStack Query Common Processes
  18. + routes Routing Definition using ReactRouter.
  19. + types Type Definitions (global domain)
  20. - App.tsx Root Component
  21. - index.css Standard CSS Definition
  22. - main.tsx SPA Entry Implementation
  23. - vite-env.d.ts TypeScript Extension Definition for Vite

License

The license of this sample includes a code and is all MIT License.
Use it as a base implementation at the time of the project start using Spring Boot.