https://github.com/kristiyan-velkov/react-18-snippets
React 18 snippets for functional components you will actually use
https://github.com/kristiyan-velkov/react-18-snippets
Last synced: 28 days ago
JSON representation
React 18 snippets for functional components you will actually use
- Host: GitHub
- URL: https://github.com/kristiyan-velkov/react-18-snippets
- Owner: kristiyan-velkov
- License: other
- Created: 2023-06-07T11:20:32.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-07T12:36:14.000Z (almost 2 years ago)
- Last Synced: 2025-05-07T12:55:28.286Z (28 days ago)
- Language: TypeScript
- Size: 812 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# React 18 Snippets
All avalible React 18 snippets you need.
---
## Snippets
| Snippet | Renders |
| ------------------ | ------------------------------------- |
| `ri` | Import React |
| `ridom Import` | ReactDOM |
| `riustate` | Import React, { useState } |
| `riustateueffect` | Import React, { useState, useEffect } |
| `riprototype` | Import PropTypes |
| `rfc` | Functional Component |
| `rafc` | Arrow Functional Component |
| `rcustomhook` | Custom Hook |
| `racustomhook` | Custom Hook (Arrow) |
| `rueffect` | useEffect Hook |
| `rustate` | useState Hook |
| `rucontext` | useContext Hook |
| `ruref` | useRef Hook |
| `rumemo` | useMemo Hook |
| `rucallback` | useCallback Hook |
| `rudebugvalue` | useDebugValue Hook |
| `rudeferredvalue` | useDeferredValue Hook |
| `ruid` | useId Hook |
| `rulayouteffect` | useLayoutEffect Hook |
| `rureducer` | useReducer Hook |
| `rutransition` | useTransition Hook |
| `rrender` | render |
| `rfragment` | Fragment |
| `rfragmentkey` | Fragment with key prop |
| `rprofiler` | Profiler |
| `rstrict` | StrictMode |
| `rsuspense` | Suspense |
| `rforwardref` | forwardRef |
| `rlazy` | lazy |
| `rstartTransition` | startTransition |
| `rmemo` | memo |
| `rroot` | Create Root |
| `rhandle` | handle function |
| `rahandle` | handle arrow function |
| `rcontextprovider` | Context Provider |
---
## Developer Support:❤️
- If you saw some issue/bug 🐛 related to the specific release version.
- If you want some new feature or change to be added/implemented. 😊
Please, contact the creator of the **React 18 Snippets**, so he will be able to fix or improve it:
[](https://www.linkedin.com/in/kristiyan-velkov-763130b3/)
[](https://github.com/christiyan14)
## Support my work
If you like my work and want to support me to work hard, please donate via:
| Revolut | Buy me a coffee |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 
| 
|
Thanks a bunch for supporting me! It means a LOT 😍
---