aboutsummaryrefslogtreecommitdiff
path: root/src/notes/state.notes.svelte
diff options
context:
space:
mode:
authorIndrajith K L2024-02-05 04:41:32 +0530
committerIndrajith K L2024-02-05 04:41:32 +0530
commitebb535b7406837fbb1b1bc07b09aa4e8991f4005 (patch)
treea0978e8a86bec0a4904119792df8e32ed0c0ab54 /src/notes/state.notes.svelte
parenta60fcc0e5074d4765a71df1cfc90a0a6375716cd (diff)
downloadreact-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/state.notes.svelte')
-rw-r--r--src/notes/state.notes.svelte38
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