Skip to content

Commit

Permalink
Feat/mantine v7 update (#153)
Browse files Browse the repository at this point in the history
* feat: upgrade to mantine v7

- this version removes css in js so a lot of the custom
  styling had to be rewritten
- theoretically it should be more performant than css-in-js
- also updated the rest of the npm dependencies

* fix: various analysis warnings

- remove unused stuff

* feat: various improvements

- replace framer-motion with autoanimate. the framer
  motion bundle was not great as we are only using
  a single animation for add / remove from lists
  in 3 components. autoanimate is less than half the
  size of framer
- add eslint config and fix any issues it reported
- import mantine css for just the components we are using
  - this saved >200 kb from the bundle
- fix some css issues to make it look like previous
  version
  • Loading branch information
evan-buss authored Oct 4, 2023
1 parent 0c66f2e commit c2c8e01
Show file tree
Hide file tree
Showing 34 changed files with 11,588 additions and 5,661 deletions.
6 changes: 6 additions & 0 deletions server/app/.eslintignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
.vscode
node_modules
build
dist
.github
.idea
50 changes: 50 additions & 0 deletions server/app/.eslintrc.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
module.exports = {
parser: "@typescript-eslint/parser",
plugins: [
"@typescript-eslint",
"react",
"react-hooks",
"jsx-a11y",
// "import",
"prettier"
],
extends: [
"eslint:recommended",
"plugin:@typescript-eslint/recommended",
"plugin:react/recommended",
"plugin:react-hooks/recommended",
"plugin:jsx-a11y/recommended", // Include the jsx-a11y plugin
// "plugin:import/errors",
// "plugin:import/warnings",
"prettier"
],
parserOptions: {
ecmaVersion: 2021,
sourceType: "module",
ecmaFeatures: {
jsx: true
}
},
env: {
browser: true,
es6: true,
node: true
},
settings: {
"react": {
version: "detect"
},
"import/resolver": {
node: {
extensions: [".js", ".jsx", ".ts", ".tsx"],
moduleDirectory: ["src", "node_modules"]
}
}
},
rules: {
"prettier/prettier": "error",
"react/prop-types": "off", // Disable prop-types as we use TypeScript
"@typescript-eslint/explicit-module-boundary-types": "off", // Disable explicit return types for React components
"react/react-in-jsx-scope": "off"
}
};
Loading

0 comments on commit c2c8e01

Please sign in to comment.