React Practice Labs (Deprecated)
Beginner
This course contains lots of labs for React, each lab is a small React project with detailed guidance and solutions. You can practice your React skills by completing these labs, improve your coding skills, and learn how to write clean and efficient code.
reactjavascriptweb-development
- Intro
- Syllabus
Create Reusable React Spinner
Create React Email Link Component
Uncontrolled Textarea Element
Uncontrolled Input Field
Uncontrolled Range Input
Dynamic React List Component
Dynamic React Table with Primitive Data
Object Table View
Uncontrolled Select Element
Automatic Text Linking
React useComponentDidMount Hook
React useComponentWillUnmount Hook
React useIsomporphicEffect Hook
React useOnGlobalEvent Hook
React useOnWindowResize Hook
React useUnload Hook
React useOnWindowScroll Hook
React Carousel Component Creation
React useEventListener Hook
React useFetch Hook
React useInterval Hook
React useMediaQuery Hook
React usePortal Hook
React useScript Hook
React useTimeout Hook
React useWindowSize Hook
React useClickInside Hook
React useClickOutside Hook
Controlled Input Field
Lazy Loading Images in React
Textarea with Character Limit
Textarea with Word Limit
Creating Reusable Modal Component in React
React useAsync Hook
React useComponentDidUpdate Hook
React useCopyToClipboard Hook
React useDebounce Hook
React useDefault Hook
React useEffectOnce Hook
React useError Hook
React useForm Hook
React useGetSet Hook
React useHash Hook
React useLocalStorage Hook
React useMergeState Hook
React usePersistedState Hook
React usePrevious Hook
React useRequestAnimationFrame Hook
React useSearchParam Hook
React useSessionStorage Hook
React useTitle Hook
React useUpdate Hook
File Drag and Drop Area
React useHover Hook
React useKeyPress Hook
Building Collapsible React Accordion
Create Closable React Alert
Create Collapsible React Components
React Countdown Timer Component
Create Star Rating Component in React
Reusable React Toggle Component
Creating Customizable React Tooltips
React useNavigatorOnLine Hook
React useToggler Hook
Stateful Checkbox with Multiple Selection
Button with Ripple Effect
React useBodyScrollLock Hook
React useMutationObserver Hook
React useDelayedState Hook
Building Reusable React Tabs Component
Expandable Object Tree View
React useIntersectionObserver Hook
React useMap Hook
React useSet Hook
React useSSR Hook
Teacher
Labby
Labby is the LabEx teacher.
Share to Google Classroom
Join Our Discord and Learn Together
Join NowUser Reviews
" You did a very good job. This is a very practical lab, and it is exactly what we need to learn quickly."
— Tsilavo RAKOTOMALALA
" It was broken down very well, and my follow-up questions were right on. "
— Adrian Jones
Recommended For You

