"react": "^17.0.1"
How to launch What is this? Pre-commit Dependencies License
git clonegit remote set-url origin https://github.com/USERNAME/REPOSITORY.gitto update the origin remote with your own repository /git remote rm originto remove the origin remoteyarn/npm iyarn start/npm start- Navigate to your localhost address (default is http://localhost:3000/)
For more info visit the original CRA repository.
P.S. Don't forget to remove extra info like keywords, repository, etc. from package.json.
Create React App eXtended or CRAX is an opinionated version of Create React App.
It contains the whole CRA +
- CSS Modules implementation
- Basic styles adjustment:
"normalize.css": "^8.0.1"and./src/styles/misc - Set of SCSS/Sass mixins and variables in
./src/styles/includes - Pre-configured and customizable Stylelint, Prettier and ESLint
- Pre-commit feature with Husky and lint-staged
- ScrollToTop function that does not include hash navigation (for that, try React Router Hash Link)
- uniqid
jsconfig.json, that includes absolute imports
CRAX has a pre-commit script, based on Husky and lint-staged. It looks like this:
"lint-staged": { "src/**/*.{js,jsx}": [ "pretty-quick --pattern './src/**/*.{js,jsx}'", "eslint './src/**/*.{js,jsx}' --fix" ], "src/**/*.{scss,sass,css}": [ "stylelint './src/**/*.{scss,sass,css}' --fix" ] }, "husky": { "hooks": { "pre-commit": "lint-staged && yarn build && git add ." } } And it can be configured in any preferrable way. Enjoy!
You should yarn upgrade --latest / npm update && npm audit fix -f as CRAX will always be ok working with the latest versions of the dependencies, so it is strongly recommended. If anything goes wrong, visit the original CRA repository for explanations.
"dependencies": { "normalize.css": "^8.0.1", "react": "^17.0.1", "react-app-polyfill": "^2.0.0", "react-dom": "^17.0.1", "react-router-dom": "^5.2.0", "react-scripts": "4.0.0" }, "devDependencies": { "css-loader": "^5.0.0", "eslint-config-airbnb": "^18.2.0", "eslint-config-prettier": "^6.15.0", "eslint-plugin-import": "^2.22.1", "eslint-plugin-jsx-a11y": "^6.4.1", "eslint-plugin-prettier": "^3.1.4", "eslint-plugin-react": "^7.21.5", "husky": "^4.3.0", "lint-staged": "^10.5.1", "prettier": "^2.1.2", "pretty-quick": "^3.1.0", "sass": "^1.28.0", "stylelint": "^13.7.2", "stylelint-config-standard": "^20.0.0", "stylelint-order": "^4.1.0" }, Copyright © 2019 - 2020, based on Create React App by Facebook, Inc.
Licensed under the MIT license.