├── .gitignore ├── 01-make-state-frame └── index.html ├── 02-only-one-state └── index.html ├── 03-multi-state-bug └── index.html ├── 04-multi-state-success └── index.html ├── 05-no-state-change └── index.html ├── 06-dont-render-no-change └── index.html ├── 07-unnecessary-render └── index.html ├── 08-refactor-rendering-by-debounce └── index.html ├── 09-abstract-render └── index.html ├── 10-modularity ├── index.html └── src │ ├── App.js │ ├── components │ └── CounterAndMeow.js │ ├── core │ └── MyReact.js │ ├── main.js │ └── utils │ └── debounceFrame.js └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | .vscode 3 | .DS_Store 4 | *.iml 5 | node_modules 6 | -------------------------------------------------------------------------------- /01-make-state-frame/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/01-make-state-frame/index.html -------------------------------------------------------------------------------- /02-only-one-state/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/02-only-one-state/index.html -------------------------------------------------------------------------------- /03-multi-state-bug/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/03-multi-state-bug/index.html -------------------------------------------------------------------------------- /04-multi-state-success/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/04-multi-state-success/index.html -------------------------------------------------------------------------------- /05-no-state-change/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/05-no-state-change/index.html -------------------------------------------------------------------------------- /06-dont-render-no-change/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/06-dont-render-no-change/index.html -------------------------------------------------------------------------------- /07-unnecessary-render/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/07-unnecessary-render/index.html -------------------------------------------------------------------------------- /08-refactor-rendering-by-debounce/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/08-refactor-rendering-by-debounce/index.html -------------------------------------------------------------------------------- /09-abstract-render/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/09-abstract-render/index.html -------------------------------------------------------------------------------- /10-modularity/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/10-modularity/index.html -------------------------------------------------------------------------------- /10-modularity/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/10-modularity/src/App.js -------------------------------------------------------------------------------- /10-modularity/src/components/CounterAndMeow.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/10-modularity/src/components/CounterAndMeow.js -------------------------------------------------------------------------------- /10-modularity/src/core/MyReact.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/10-modularity/src/core/MyReact.js -------------------------------------------------------------------------------- /10-modularity/src/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/10-modularity/src/main.js -------------------------------------------------------------------------------- /10-modularity/src/utils/debounceFrame.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/10-modularity/src/utils/debounceFrame.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JunilHwang/simple-use-state/HEAD/README.md --------------------------------------------------------------------------------