In this course, You will practice more labs of React. This will help you to master the skills more deeply.
Index | Name | Difficulty | Practice |
---|---|---|---|
01 | π Create Reusable React Spinner | β ββ | Start Lab |
02 | π Create React Email Link Component | β ββ | Start Lab |
03 | π Uncontrolled Textarea Element | β ββ | Start Lab |
04 | π Uncontrolled Input Field | β ββ | Start Lab |
05 | π Uncontrolled Range Input | β ββ | Start Lab |
06 | π Dynamic React List Component | β ββ | Start Lab |
07 | π Dynamic React Table with Primitive Data | β ββ | Start Lab |
08 | π Object Table View | β ββ | Start Lab |
09 | π Uncontrolled Select Element | β ββ | Start Lab |
10 | π Automatic Text Linking | β ββ | Start Lab |
11 | π React useComponentDidMount Hook | β ββ | Start Lab |
12 | π React useComponentWillUnmount Hook | β ββ | Start Lab |
13 | π React useIsomporphicEffect Hook | β ββ | Start Lab |
14 | π React useOnGlobalEvent Hook | β ββ | Start Lab |
15 | π React useOnWindowResize Hook | β ββ | Start Lab |
16 | π React useUnload Hook | β ββ | Start Lab |
17 | π React useOnWindowScroll Hook | β ββ | Start Lab |
18 | π React Carousel Component Creation | β ββ | Start Lab |
19 | π React useEventListener Hook | β ββ | Start Lab |
20 | π React useFetch Hook | β ββ | Start Lab |
21 | π React useInterval Hook | β ββ | Start Lab |
22 | π React useMediaQuery Hook | β ββ | Start Lab |
23 | π React usePortal Hook | β ββ | Start Lab |
24 | π React useScript Hook | β ββ | Start Lab |
25 | π React useTimeout Hook | β ββ | Start Lab |
26 | π React useWindowSize Hook | β ββ | Start Lab |
27 | π React useClickInside Hook | β ββ | Start Lab |
28 | π React useClickOutside Hook | β ββ | Start Lab |
29 | π― Reusable React Custom Form Component | β ββ | Start Challenge |
30 | π― Develop Tic-Tac-Toe Game with React | β β β | Start Challenge |
31 | π Controlled Input Field | β ββ | Start Lab |
32 | π Lazy Loading Images in React | β ββ | Start Lab |
33 | π Textarea With Character Limit | β ββ | Start Lab |
34 | π Textarea With Word Limit | β ββ | Start Lab |
35 | π Creating Reusable Modal Component in React | β ββ | Start Lab |
36 | π React useAsync Hook | β ββ | Start Lab |
37 | π React useComponentDidUpdate Hook | β ββ | Start Lab |
38 | π React useCopyToClipboard Hook | β ββ | Start Lab |
39 | π React useDebounce Hook | β ββ | Start Lab |
40 | π React useDefault Hook | β ββ | Start Lab |
41 | π React useEffectOnce Hook | β ββ | Start Lab |
42 | π React useError Hook | β ββ | Start Lab |
43 | π React useForm Hook | β ββ | Start Lab |
44 | π React useGetSet Hook | β ββ | Start Lab |
45 | π React useHash Hook | β ββ | Start Lab |
46 | π React useLocalStorage Hook | β ββ | Start Lab |
47 | π React useMergeState Hook | β ββ | Start Lab |
48 | π React usePersistedState Hook | β ββ | Start Lab |
49 | π React usePrevious Hook | β ββ | Start Lab |
50 | π React useRequestAnimationFrame Hook | β ββ | Start Lab |
51 | π React useSearchParam Hook | β ββ | Start Lab |
52 | π React useSessionStorage Hook | β ββ | Start Lab |
53 | π React useTitle Hook | β ββ | Start Lab |
54 | π React useUpdate Hook | β ββ | Start Lab |
55 | π― Reactive Stopwatch and Countdown Timer | β ββ | Start Challenge |
56 | π File Drag and Drop Area | β ββ | Start Lab |
57 | π React useHover Hook | β ββ | Start Lab |
58 | π React useKeyPress Hook | β ββ | Start Lab |
59 | π― React Increment Decrement Counter | β ββ | Start Challenge |
60 | π― Build Responsive React Portfolio | β ββ | Start Challenge |
61 | π― Developing Snake Game with React Hooks | β β β | Start Challenge |
62 | π Building Collapsible React Accordion | β ββ | Start Lab |
63 | π Create Closable React Alert | β ββ | Start Lab |
64 | π Create Collapsible React Components | β ββ | Start Lab |
65 | π React Countdown Timer Component | β ββ | Start Lab |
66 | π Create Star Rating Component in React | β ββ | Start Lab |
67 | π Reusable React Toggle Component | β ββ | Start Lab |
68 | π Creating Customizable React Tooltips | β ββ | Start Lab |
69 | π React useNavigatorOnLine Hook | β ββ | Start Lab |
70 | π React useToggler Hook | β ββ | Start Lab |
71 | π Stateful Checkbox With Multiple Selection | β ββ | Start Lab |
72 | π Button With Ripple Effect | β ββ | Start Lab |
73 | π React useBodyScrollLock Hook | β ββ | Start Lab |
74 | π React useMutationObserver Hook | β ββ | Start Lab |
75 | π React useDelayedState Hook | β ββ | Start Lab |
76 | π― Build Drag-and-Drop React Board | β β β | Start Challenge |
77 | π Building Reusable React Tabs Component | β ββ | Start Lab |
78 | π Expandable Object Tree View | β ββ | Start Lab |
79 | π React useIntersectionObserver Hook | β ββ | Start Lab |
80 | π― Tik Tac Toe | β β β | Start Challenge |
81 | π― Input of Skills | β ββ | Start Challenge |
82 | π React useMap Hook | β ββ | Start Lab |
83 | π React useSet Hook | β ββ | Start Lab |
84 | π React useSSR Hook | β ββ | Start Lab |
85 | π― Develop Reactive Ecommerce Website with React | β β β | Start Challenge |