This repo covers common anti-patterns in using React useEffect
and related hooks.
In order to understand those anti-patterns, this code highlights the cases, and provides a playground to explore them.
These anti-patterns are relatively straightforward to manage, and this
PR
demonstrates how to address these patterns and reduce risks related to useEffect
This repo was created using Create React App.
create-react-app react-hooks-dont-use-effect-101 --template cra-template-typescript
Added packages:
yarn add react-query
yarn add -D @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-airbnb eslint-config-prettier eslint-plugin-prettier prettier
Added .prettierrc
, and eslintrc.js
yarn start
- Runs the app in the development mode. Open http://localhost:3000yarn test
- Very minimal testing in this repo.