Giter Club home page Giter Club logo

react-webpack-ts-cli's Introduction

my-react-webpack-ts-cli 🚀

项目目录结构

|-- build | |-- webpack.base.ts # 公共配置 | |-- webpack.dev.ts # 开发环境配置 | |-- webpack.prod.ts # 打包环境配置 | |-- webpack.analy.ts # 打包速度配置 |-- public | |-- index.html # html 模板 |-- src | |-- App.css | |-- App.tsx | |-- index.tsx # react 应用入口页面

项目功能

  • 🚀 主技术栈:webpack5 + React18 + TS4.x + React-Router6.x
  • 🚀 代码风格和规范:eslint + prettier + stylelint + husky + pre-commmit + commitlint
  • 🚀 样式与处理器: -- CSS module:less、sass、stylus -- CSS-in-JS:styled-components、emotion -- Atom CSS:tailwind、windi
  • 🚀 状态管理:TanStack Query、RTK/RTK-Query、mobx、recoil、jotai、zustand......
  • 🚀 UI:Antd5.x、Arco design -(按需加载、dark theme、I18n)
  • 🚀 单测:Jest、React testing library,Chai、Mocha、Enzyme's......
  • 🚀 性能优化 -- 工具层面:热更新、资源压缩、代码分离(动态导入、懒加载、预加载等)、缓存…… -- 代码层面:大组件拆分、全局状态管理、组件封装、re-render -- 静态资源:图片、fonts、Media、数据资源(JSON、csv、tsv、excel)......
  • 🚀 React-Admin、可视化大屏、响应式、代码生成、低代码
  • 🚀 权限:React-Admin(RBAC) + Go、React-Admin(RBAC) + Node
  • 🚀 接口 mock
  • 🚀 CI/CD、nginx、jekins、Docker 部署

react-webpack-ts-cli's People

Contributors

mark8008820 avatar

Watchers

wohool avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.