update to React 17

Author: DavidBuck

.eslintrc

@@ -9,7 +9,9 @@
     ],
     "strict": "off",
     "react/prop-types": "off",
-    "react/no-danger": "off"
+    "react/no-danger": "off",
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off"
   },
   "globals": {
     "document": true

.prettierrc

@@ -1,7 +1,3 @@
 {
-  "endOfLine": "lf",
-  "semi": false,
-  "singleQuote": false,
-  "tabWidth": 2,
-  "trailingComma": "es5"
+  "semi": false
 }

README.md

@@ -4,7 +4,7 @@ This is a simple React starter with [Tailwind](https://tailwindcss.com).
 
 Create React App was used to generate the initial app.
 
-Tailwind was setup with [postcss-cli](https://www.npmjs.com/package/postcss-cli), [autoprefixer](https://www.npmjs.com/package/autoprefixer) and [@fullhuman/postcss-purgecss](https://www.npmjs.com/package/@fullhuman/postcss-purgecss).
+Tailwind was setup with [postcss-cli](https://www.npmjs.com/package/postcss-cli) and [autoprefixer](https://www.npmjs.com/package/autoprefixer).
 
 The project includes [Prettier](https://www.npmjs.com/package/prettier), [eslint-config-prettier](https://www.npmjs.com/package/eslint-config-prettier) and [eslint-plugin-prettier](https://www.npmjs.com/package/eslint-plugin-prettier).
 
@@ -15,11 +15,12 @@ Run `npm run start` to the React client.
 - [Tailwind](https://tailwindcss.com)
 - [postcss-cli](https://www.npmjs.com/package/postcss-cli)
 - [autoprefixer](https://www.npmjs.com/package/autoprefixer)
-- [@fullhuman/postcss-purgecss](https://www.npmjs.com/package/@fullhuman/postcss-purgecss)
 - [Prettier](https://www.npmjs.com/package/prettier)
 - [eslint-config-prettier](https://www.npmjs.com/package/eslint-config-prettier)
 - [eslint-plugin-prettier](https://www.npmjs.com/package/eslint-plugin-prettier)
 
 ## Versions
 
-- [Version 1](https://github.com/DavidBuck/react-tailwind-setup/tree/v1.0) - React version 16.13.1.
+- [Version 1.1](https://github.com/DavidBuck/react-tailwind-setup/tree/v1.1) - React version 17.0.1.
+
+- [Version 1.0](https://github.com/DavidBuck/react-tailwind-setup/tree/v1.0) - React version 16.13.1.

package-lock.json

@@ -1,30 +1,29 @@
 {
   "name": "react-tailwind-setup",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "React Tailwind setup",
   "author": "David Buck",
   "repository": "github:davidbuck/react-tailwind-setup",
   "license": "MIT",
   "private": true,
   "dependencies": {
-    "@fullhuman/postcss-purgecss": "^2.1.2",
-    "autoprefixer": "^9.7.6",
+    "autoprefixer": "^9.8.6",
     "babel-eslint": "^10.1.0",
-    "concurrently": "^5.2.0",
-    "eslint": "^6.8.0",
-    "eslint-config-airbnb": "^18.1.0",
-    "eslint-config-prettier": "^6.11.0",
+    "concurrently": "^5.3.0",
+    "eslint": "^7.12.0",
+    "eslint-config-airbnb": "^18.2.0",
+    "eslint-config-prettier": "^6.14.0",
     "eslint-loader": "^4.0.2",
-    "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-prettier": "^3.1.3",
-    "eslint-plugin-react": "^7.19.0",
-    "postcss-cli": "^7.1.1",
-    "prettier": "^2.0.5",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^3.4.1",
-    "tailwindcss": "^1.4.4"
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-react": "^7.21.5",
+    "postcss-cli": "^8.1.0",
+    "prettier": "^2.1.2",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-scripts": "^4.0.0",
+    "tailwindcss": "^1.9.6"
   },
   "scripts": {
     "start:tw": "postcss ./src/styles/index.css -o ./src/styles/tailwind.css -w",

package.json

@@ -1,14 +1,5 @@
 const tailwindcss = require("tailwindcss")
-const purgecss = require("@fullhuman/postcss-purgecss")
 
 module.exports = {
-  plugins: [
-    tailwindcss("./tailwind.js"),
-    require("autoprefixer"),
-    process.env.NODE_ENV === "production" &&
-      purgecss({
-        content: ["./src/**/*.js"],
-        css: ["./src/**/*.css"],
-      }),
-  ],
+  plugins: [tailwindcss("./tailwind.config.js"), require("autoprefixer")],
 }

postcss.config.js

@@ -1,5 +1,3 @@
-import React from "react"
-
 function App() {
   return (
     <div className="container mx-auto p-4 m-4 border-solid border-2 border-gray-600 bg-gray-200">

src/App.js

@@ -1,12 +1,5 @@
-import React from "react"
 import ReactDOM from "react-dom"
 import "./styles/tailwind.css"
 import App from "./App"
-// import * as serviceWorker from './serviceWorker';
 
 ReactDOM.render(<App />, document.getElementById("root"))
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-// serviceWorker.unregister();