DEV3 Technologies home

React / Next.js code snippets, page 2

Client and server components, hooks and route handlers. 30 free snippets, each with an explanation and usage notes.
Utilities (14)Hooks (6)
30
snippets
2
types

All snippets

React / Next.js · UtilitiesEAN-13 barcode renderer in SVGCompute the EAN-13 check digit and draw the bars as a dependency-free SVG React component.barcodeean-13svg React / Next.js · UtilitiesCrypto-random password generatorGenerate unbiased random passwords with the Web Crypto API, guaranteeing each chosen character class appears.passwordcryptorandom React / Next.js · UtilitiesCron expression parser with next run timesParse a five-field cron expression with lists, ranges and steps, then compute its upcoming run times in plain TypeScript.cronschedulerparser React / Next.js · UtilitiesCanvas image compression to a target sizeDownscale and re-encode an image in the browser, lowering JPEG or WebP quality until it fits a byte budget.canvasimagecompression React / Next.js · UtilitiesCrop and resize an image on a canvasPure helpers to centre-crop an image to any aspect ratio and export it at exact pixel dimensions using a canvas.canvasimagecrop React / Next.js · UtilitiesZip generated files in the browserResize an image into several PNG sizes on a canvas and bundle them into one downloadable zip with JSZip.zipjszipcanvas