diff options
| author | Indrajith K L | 2024-02-05 04:41:32 +0530 |
|---|---|---|
| committer | Indrajith K L | 2024-02-05 04:41:32 +0530 |
| commit | ebb535b7406837fbb1b1bc07b09aa4e8991f4005 (patch) | |
| tree | a0978e8a86bec0a4904119792df8e32ed0c0ab54 /src/notes | |
| parent | a60fcc0e5074d4765a71df1cfc90a0a6375716cd (diff) | |
| download | react-hooks-training-ebb535b7406837fbb1b1bc07b09aa4e8991f4005.tar.gz react-hooks-training-ebb535b7406837fbb1b1bc07b09aa4e8991f4005.tar.bz2 react-hooks-training-ebb535b7406837fbb1b1bc07b09aa4e8991f4005.zip | |
Adds Notes and Code Examples
* Move Notes to separate file
* Adds Code Examples
Diffstat (limited to 'src/notes')
| -rw-r--r-- | src/notes/state.notes.svelte | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/src/notes/state.notes.svelte b/src/notes/state.notes.svelte new file mode 100644 index 0000000..bde0f65 --- /dev/null +++ b/src/notes/state.notes.svelte @@ -0,0 +1,38 @@ +<script lang="ts"> + import { Notes } from '@components' +</script> +<Notes> + <ul> + <li> + useState hooks allows to have state variable inside a FUNCTIONAL COMPONENT + </li> + <li> + useState ENCAPSULATES only a single value + </li> + <li> + For mulatiple values you may need to call multiple useState's + </li> + <li> + useState arguments + <ul> + <li> + Initialization of a state variable + </li> + <li> + Passing function as initial value - to calculate an initial value + </li> + </ul> + </li> + <li> + Managing multiple states + <ul> + <li> + Multi-variable's + </li> + <li> + Object as value + </li> + </ul> + </li> + </ul> +</Notes>
\ No newline at end of file |