cra-template-ts-craco-lint

1.0.1 • Public • Published

@yomiadenaike/cra-template-ts-craco-lint

React 17

Use a new version of React 17 even without new features, now importing React into JSX files is optional.

In addition to making things simpler with automatic injection of the JSX transformer, it also reduces the file size. Read more...

Prerequisites

  • Node.js (Node.js >= 8.10 and npm >= 5.6)

Installation

Creating a React project using a custom template.

npx create-react-app myapp --template ts-craco-lint

After Installation

The CRA Custom Template does not yet have support for devDependencies, so I recommend edit your package.json to like this:

{
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.9",
    "@testing-library/react": "^11.2.3",
    "@testing-library/user-event": "^12.6.0",
    "@types/jest": "^26.0.20",
    "@types/react": "^17.0.0",
    "@types/react-dom": "^17.0.0",
    "@typescript-eslint/eslint-plugin": "^4.14.0",
    "@typescript-eslint/parser": "^4.14.0",
    "eslint": "^7.18.0",
    "eslint-config-airbnb-typescript": "^12.0.0",
    "eslint-config-prettier": "^7.2.0",
    "eslint-plugin-import": "^2.22.1",
    "eslint-plugin-import-helpers": "^1.1.0",
    "eslint-plugin-jsx-a11y": "^6.4.1",
    "eslint-plugin-prettier": "^3.3.1",
    "eslint-plugin-react": "^7.22.0",
    "eslint-plugin-react-hooks": "^4.2.0",
    "node-sass": "^4.14.1",
    "prettier": "^2.2.1",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "^4.0.1",
    "typescript": "4.1.3",
    "web-vitals": "^1.1.0",
    "axios": "^0.21.1",
    "@craco/craco": "^6.1.1",
    "craco-alias": "^2.1.1",
    "craco-sass-resources-loader": "^1.1.0",
    "craco-plugin-scoped-css": "^1.1.0",
    "react-router-dom": "^5.2.0",
    "@types/react-icons": "^3.0.0",
    "@types/react-router-dom": "^5.1.7",
    "react-spring": "^8.0.27",
    "@types/react-redux": "^7.1.7",
    "@reduxjs/toolkit": "^1.2.5",
    "react-redux": "^7.2.0",
    "@types/axios": "^0.14.0"
  },
  "scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "craco test",
    "lint": "eslint src/ --ext .js,.jsx,.ts,.tsx",
    "lint:fix": "npm run lint -- --fix"
  }
}

License

MIT

Package Sidebar

Install

npm i cra-template-ts-craco-lint

Weekly Downloads

1

Version

1.0.1

License

MIT

Unpacked Size

49.2 kB

Total Files

33

Last publish

Collaborators

  • yomiadenaike