react-typescript-yarn-lerna-monorepo-eslint-prettier-boilerplate

  • j8_715774
    了解作者
  • 263.6KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-18 01:17
    上传日期
React(v16.8.0 +),打字稿,Yarn和Lerna Monorepo Typescript的起点,React(v16.8.0 +,已测试到v16.13.1 ),Yarn&Lerna monorepo项目,并为ESLint和Prettier进行了完整设置。 叠放 该项目使用初始化,包括: 打字稿 React(v16.8.0 +,已测试至v16.13.1 ) react-scripts(react-scripts v3 +,经过createReactApp测试达到v3.4.0 ) React测试库(不是酶) 纱线工作区(多包体系结构) Lerna(用于管理monorepo软
react-typescript-yarn-lerna-monorepo-eslint-prettier-boilerplate-master.zip
内容介绍
# React (v16.8.0+), Typescript, Yarn & Lerna Monorepo Starting point for a Typescript, React (v16.8.0+, *tested up to v16.13.1*), Yarn & Lerna monorepo project with full setup for ESLint and Prettier. ## Stack This project is initialized with [Create React App](https://github.com/facebook/create-react-app) consisting of: - TypeScript - React (v16.8.0+, *tested up to v16.13.1*) - react-scripts (react-scripts v3+, *tested up to v3.4.0*, from createReactApp) - react-testing-library (not Enzyme) - Yarn Workspaces (multiple packages architecture) - Lerna (tool for managing the monorepo packages) - SASS/SCSS - ESLint (instead of deprecated TSLint) - Prettier ### Content The project now consists of 3 packages. - **www**: create-react-app with TypeScript (react v16.13.1+, react-scripts v3.4.0) - **shared**: react components with TypeScript (react v16.13.1+) - **utils**: shared functions with TypeScript ## Get Started ### Make sure you run Node.js v10.15+ To install check ([Node.js installation](https://nodejs.org/en/) or [Node Version Manager installation](https://github.com/nvm-sh/nvm)). ### Clone or copy this repo ```bash curl -L https://github.com/michielbouw/react-typescript-yarn-lerna-monorepo-eslint-prettier-boilerplate/archive/master.zip | tar zx mv react-typescript-eslint-prettier-boilerplate APP_NAME cd APP_NAME ``` or ```bash git clone git@github.com:michielbouw/react-typescript-yarn-lerna-monorepo-eslint-prettier-boilerplate.git APP_NAME cd APP_NAME ``` ### `yarn install` Note: this project is initialized with Yarn. ### Adding / removing packages To add a new package create a new folder in under `packages` and copy the<br> `.eslint.json`, `package.json`, `tsconfig.json` from another similar project in here.<br> After that you can setup your project how you like it. (you can also extend the custom scripts from the main `package.json`<br> or already include in as dependency for another package). After changing the packages run `yarn clean:update` to clean & reinit the workspaces. After changing the external libraries or peerDependencies it is good to clean the repo<br> by removing the node_modules folder `rm -rf node_modules` and reinstalling `yarn install`. And after that run `yarn clean:update` to clean & reinit the workspaces. ## Development Scripts In the project directory, you can run: ### `yarn start` Runs the app in the development mode.<br> Open [http://localhost:3000](http://localhost:3000) to view it in the browser. The page will reload if you make edits.<br> You will also see any lint errors in the console. ### `yarn typecheck` Launches the typescript check for code to check for TypeScript compilation errors or warnings. ### `yarn lint` Launches the linter for code to check for code layout errors or warnings. ### `yarn lint:fix` Launches the linter for code to check for code layout errors or warnings, and fixes the ones that can be fixed automatically. ### `yarn test` Launches the test runner in the interactive watch mode.<br> See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. ## Production Scripts ### `yarn build` Builds the app for production to the build folder.<br> It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes.<br> Your app is ready to be deployed! See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. ## Learn More You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). To learn React, check out the [React documentation](https://reactjs.org/).
评论
    相关推荐
    • typescript-algorithms
      如果您是TypeScript的新手,请查看 指令 TSDX在/src内搭建新库。 要运行TSDX,请使用: npm start # or yarn start 这将构建为/dist并以监视模式运行项目,因此您保存在src所有编辑都会导致重建为/dist 。 要...
    • vue3-element-plus-typescript:基于vue-cli vite + vue3.0 + element-p
      vue3-element-plus-typescript 基于vue-cli / vite + vue3.0 + element-plus +打字稿+ mock数据的后台管理系统列表页增删改查功能 vue-cli版: : vite版: : ... yarn install 编译和热重装以进行开发
    • Notes-App-Typescript
      notes-app-typescript 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 整理和修复文件 yarn lint 自定义配置 请参阅。
    • typescout:TypeScript类型搜索器
      TypeScout TypeScript类型搜索器 发展 yarn yarn dev 建造 yarn build 服务生产 yarn start 执照 麻省理工学院
    • ts-measurement:TypeScript不透明测量
      yarn add ts-measurement typescript@^4.0.0 不透明类型 目前,只有时间单位可用: Milliseconds Seconds Minutes Hours Days Weeks Months Years Decades Centuries Millenniums 不允许分配不同类型的...
    • nuxt-composition-api-typescript
      nuxt-compostion-api-typescript 构建设置 # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and launch server $ yarn build $ yarn start # ...
    • TypeScript
      yarn global add typescript nodemon jest ts - jest esbuild npx concurrently 如何安装deps: npm install // or yarn 样板结构: // src/* - developers files // build/* - production files // src/c
    • react-typescript-recipe
      可用脚本 yarn start 该脚本将安装所有软件包并以开发模式启动应用程序。 打开在浏览器中查看它。
    • node-typescript-template:使用TypeScriptyarn的节点项目的模板
      节点打字稿模板 使用TypeScriptyarn的节点项目的模板
    • GaussDB_100_1.0.1-DATABASE-REDHAT-64bit.tar.gz
      guassdb100在redhat上安装包,单机部署的包,安装步骤请看我的文中介绍,经过大量实验搭建总结出来的文档