✨ Introducing react-cool-virtual: A tiny React hook for rendering large datasets like a breeze

• react-cool-virtual

  6 1,204 4.3 TypeScript

  😎 ♻️ A tiny React hook for rendering large datasets like a breeze.

React Cool Virtual has a flexible API design, it can cover many use cases that you need. Let's see how does it rock!

• TypeScript

  1,305 97,944 9.9 TypeScript

  TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  

📜 Supports TypeScript type definition.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• easings.net

  111 7,632 4.2 CSS

  Easing Functions Cheat Sheet

const { scrollTo } = useVirtual({ // For 500 milliseconds (default = 500ms) scrollDuration: 500, // Using "easeInOutBack" effect (default = easeInOutCubic), see: https://easings.net/#easeInOutBack scrollEasingFunction: (t) => { const c1 = 1.70158; const c2 = c1 * 1.525; return t < 0.5 ? (Math.pow(2 * t, 2) * ((c2 + 1) * 2 * t - c2)) / 2 : (Math.pow(2 * t - 2, 2) * ((c2 + 1) * (t * 2 - 2) + c2) + 2) / 2; }, }); const scrollToOffset = () => scrollTo({ offset: 500, smooth: true });

Suggest a related project