├── .editorconfig ├── .gitignore ├── .husky ├── .gitignore └── pre-commit ├── LICENSE ├── README.md ├── hooks-explained ├── Counter.mjs ├── Greeter.mjs ├── fakeReact.mjs └── index.mjs ├── index.html ├── package.json ├── src ├── App.css ├── App.tsx ├── components │ ├── AppNavbar.tsx │ ├── FormButtons.tsx │ ├── LabeledInput.tsx │ ├── Loading.module.css │ ├── Loading.tsx │ ├── Routes.tsx │ └── index.ts ├── favicon.svg ├── index.css ├── kimrof-user-editor │ ├── KimrofUserEditor.tsx │ ├── UserEditor.tsx │ ├── index.ts │ ├── kimrof │ │ ├── Kimrof.tsx │ │ ├── KimrofContext.ts │ │ ├── KimrofLabeledField.tsx │ │ ├── Types.ts │ │ ├── index.ts │ │ ├── kimrofReducer.ts │ │ ├── useKimrof.ts │ │ ├── useKimrofField.ts │ │ └── useKimrofForm.ts │ └── validatePerson.ts ├── logo.svg ├── main.tsx ├── person-editor │ ├── PersonEditor.tsx │ └── index.ts ├── rules-of-hooks │ ├── Counter.tsx │ └── index.ts ├── types │ ├── IndexedPerson.ts │ └── person.ts └── utils │ ├── InitialPerson.ts │ ├── Theme.tsx │ ├── index.ts │ └── sleep.ts ├── tsconfig.json └── vite.config.ts /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/.editorconfig -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/.gitignore -------------------------------------------------------------------------------- /.husky/.gitignore: -------------------------------------------------------------------------------- 1 | _ 2 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | npm run lint-staged 5 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-hooks-tips-only-the-pros-know-course -------------------------------------------------------------------------------- /hooks-explained/Counter.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/hooks-explained/Counter.mjs -------------------------------------------------------------------------------- /hooks-explained/Greeter.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/hooks-explained/Greeter.mjs -------------------------------------------------------------------------------- /hooks-explained/fakeReact.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/hooks-explained/fakeReact.mjs -------------------------------------------------------------------------------- /hooks-explained/index.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/hooks-explained/index.mjs -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/package.json -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/App.css -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/App.tsx -------------------------------------------------------------------------------- /src/components/AppNavbar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/components/AppNavbar.tsx -------------------------------------------------------------------------------- /src/components/FormButtons.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/components/FormButtons.tsx -------------------------------------------------------------------------------- /src/components/LabeledInput.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/components/LabeledInput.tsx -------------------------------------------------------------------------------- /src/components/Loading.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/components/Loading.module.css -------------------------------------------------------------------------------- /src/components/Loading.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/components/Loading.tsx -------------------------------------------------------------------------------- /src/components/Routes.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/components/Routes.tsx -------------------------------------------------------------------------------- /src/components/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/components/index.ts -------------------------------------------------------------------------------- /src/favicon.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/favicon.svg -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/index.css -------------------------------------------------------------------------------- /src/kimrof-user-editor/KimrofUserEditor.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/KimrofUserEditor.tsx -------------------------------------------------------------------------------- /src/kimrof-user-editor/UserEditor.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/UserEditor.tsx -------------------------------------------------------------------------------- /src/kimrof-user-editor/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./KimrofUserEditor" 2 | -------------------------------------------------------------------------------- /src/kimrof-user-editor/kimrof/Kimrof.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/kimrof/Kimrof.tsx -------------------------------------------------------------------------------- /src/kimrof-user-editor/kimrof/KimrofContext.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/kimrof/KimrofContext.ts -------------------------------------------------------------------------------- /src/kimrof-user-editor/kimrof/KimrofLabeledField.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/kimrof/KimrofLabeledField.tsx -------------------------------------------------------------------------------- /src/kimrof-user-editor/kimrof/Types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/kimrof/Types.ts -------------------------------------------------------------------------------- /src/kimrof-user-editor/kimrof/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/kimrof/index.ts -------------------------------------------------------------------------------- /src/kimrof-user-editor/kimrof/kimrofReducer.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/kimrof/kimrofReducer.ts -------------------------------------------------------------------------------- /src/kimrof-user-editor/kimrof/useKimrof.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/kimrof/useKimrof.ts -------------------------------------------------------------------------------- /src/kimrof-user-editor/kimrof/useKimrofField.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/kimrof/useKimrofField.ts -------------------------------------------------------------------------------- /src/kimrof-user-editor/kimrof/useKimrofForm.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/kimrof/useKimrofForm.ts -------------------------------------------------------------------------------- /src/kimrof-user-editor/validatePerson.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/kimrof-user-editor/validatePerson.ts -------------------------------------------------------------------------------- /src/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/logo.svg -------------------------------------------------------------------------------- /src/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/main.tsx -------------------------------------------------------------------------------- /src/person-editor/PersonEditor.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/person-editor/PersonEditor.tsx -------------------------------------------------------------------------------- /src/person-editor/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./PersonEditor" 2 | -------------------------------------------------------------------------------- /src/rules-of-hooks/Counter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/rules-of-hooks/Counter.tsx -------------------------------------------------------------------------------- /src/rules-of-hooks/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./Counter" 2 | -------------------------------------------------------------------------------- /src/types/IndexedPerson.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/types/IndexedPerson.ts -------------------------------------------------------------------------------- /src/types/person.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/types/person.ts -------------------------------------------------------------------------------- /src/utils/InitialPerson.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/utils/InitialPerson.ts -------------------------------------------------------------------------------- /src/utils/Theme.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/utils/Theme.tsx -------------------------------------------------------------------------------- /src/utils/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/utils/index.ts -------------------------------------------------------------------------------- /src/utils/sleep.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/src/utils/sleep.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/tsconfig.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mauricedb/react-hooks-tips-only-the-pros-know-course/HEAD/vite.config.ts --------------------------------------------------------------------------------