Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/labex-labs/react-practice-plus
[React Practice Plus]-In this course, You will practice more labs of React. This will help you to master the skills more deeply.
https://github.com/labex-labs/react-practice-plus
List: react-practice-plus
awesome awesome-list challenges course education hands-on javascript labex labs programming react
Last synced: 5 days ago
JSON representation
[React Practice Plus]-In this course, You will practice more labs of React. This will help you to master the skills more deeply.
- Host: GitHub
- URL: https://github.com/labex-labs/react-practice-plus
- Owner: labex-labs
- Created: 2024-05-22T07:26:37.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-05-23T02:44:10.000Z (6 months ago)
- Last Synced: 2024-05-23T08:41:40.764Z (6 months ago)
- Topics: awesome, awesome-list, challenges, course, education, hands-on, javascript, labex, labs, programming, react
- Homepage: https://labex.io/courses/react-practice-plus
- Size: 10.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Practice Plus
![React Practice Plus](https://cover-creator.labex.io/react-practice-plus.png)
In this course, You will practice more labs of React. This will help you to master the skills more deeply.
![JavaScript](https://img.shields.io/badge/JavaScript-whitesmoke?style=for-the-badge&logo=javascript)
![React](https://img.shields.io/badge/React-whitesmoke?style=for-the-badge&logo=react)## Scenarios
| 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 |## More
- 🔗 [React Programming Courses](https://github.com/labex-labs/awesome-programming-courses)
- 🔗 [React Programming Projects](https://github.com/labex-labs/awesome-programming-projects)
- 🔗 [React Free Tutorials](https://github.com/labex-labs/react-free-tutorials)