React 18 Snippets - I need your help ❤️

#react #javascript #programming #kristiyanvelkov

Hello, folks.

I'm thrilled to announce that I've developed a fantastic new VS Code extension called React 18 Snippets. It's designed to greatly enhance your productivity and save you valuable time.❤️

I saw many snippets for React, but they don't support new features in React 18, so I decide to create my own and to share it to the public.

HELP

This VS code extension is for you guys. Please, support! ❤️

So, to be able to improve the extension, please:

Download it from VS code workspace Link or directly in VS code. 😊
If you find something that can be improved, comment here.💪
If you want to join as a contributor, please contact me.🔥

Don't forget to add a review if you like the extension LINK

List of snippets for React JS version 18

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