You need to enable JavaScript to run this app.
useState 1: two setCount's
count2+
count2:20
count:0
count+
useState 2: one setCount for object of three counts
invariable:20
invariable2:20
count:0
count+
UseState 3: two indepence setCount's
+
count2:20
count:0
useState 4: form
email
password
useState 5: useForm custom Hook
UseEffect1 form notification while rendering
email
password
tel
present change in 'email':
present change in 'password'
useEffect2 unmount rendering notification
toggle text
Hello
useef2
liliya 052 371 83 90 elionora 054 495 61 92 daniel 052 372 9187
Hello
useef2
liliya 052 371 83 90 elionora 054 495 61 92 daniel 052 372 9187
toggle entire
useEffect3 unmount rendering notification
toggle Hello
Hello
useef3mount_unmount
liliya 052 371 83 90 elionora 054 495 61 92 daniel 052 372 9187
useEffect4 cleaning old values.email & rendering notification
useEffect5 events shows mouse's screenX screenY
screenX
screenY
useEffect6 rerendering API within custom Hook
count: 1
increment
loading...
useEffect7 saveState catched API within custom Hook
decrement
count:
increment
loading...
useRef1 storing reference to a Component
focus
toggle
Hello1
useRef2 storing reference to a Component plus useFetch
focus
toggle
Hello2
loading...
decrement
count2:
increment
UseRef3 count renderings (with createRoot it is *2)
decrement
count:
increment
focus on 'email'
toggle Hello
Helloref3 count of renderings
renders:1
useRef4: fetch after Timeout while Hello was unmounting (not working and not nessesary)
toggle at Hello
Hellouseref4 setState after unmounting
loading...
decrement
count:
increment
useRef5 click on referenced button make focus to one Input and send text to another
focus on 'email field' and 'hello' at 'text field'
useLayout1measures
focus on 'email'
UseLayout2width
toggle Hello
data: loading...
"data's div measures: 19x119"
trainingcount: 1
decrement
increment
Show width of data's div
W=
no rendering cause of being setCount within useCallback
increment
decrement
count: 0
UseCallbackMap mapping array without rerendering
UseCallbackHello changes count by 5
increment
decrement
count: 0
Square class changes count
inc 7
dec 7
Square class changes count
inc 24
dec 24
Square class changes count
inc 37
dec 37
useMemo avoid unnecesary computing
count 0
increment
decrement
1 time longest Word was written without computing: ""
useReducer listening to an action that will be dispatch
count: 0
increment
decrement
useReducer1: basic use instead of redux: add todo to the list
useReducer: use instead of redux: line-through todo if completed
useReducer3 instead redux if there is only one place to dispatch
number of todos: 0
UseContext with BrowserRouter
About1
About2
UseConext with changelable value
about11 with button
about21
UseContext3 with data from login file
About1 with login button
About2
useContext last changes
Home with login button
About