npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

use-gesture-pack

v1.5.16

Published

Nextfusion package for use gesture

Downloads

24

Readme

Pentru testare se instaleaza de mana:

- npm install react-dom --save-dev
- npm install web-vitals --save-dev

Se ruleaza:

-  npm run test

Pentru a folosi use gesture:

- onDragStart primeste parametrul point, care reprezinta pozititia degetului
pe ecran din momentul inceperii actiunii de drag;

- onDrag primeste parametrul point care reprezinta punctul unde se afla degetul
pe ecran si dx dy care reprezinta diferenta dintre pozitia actuala 
si cea precedenta(In fisierul TouchComponent se poate regasi un exemplu de aplicare
pentru aceasta actiune);

- onPinchStart primeste parametrul points care returneaza pozitia celor 2 degete pe ecran
si center point care reprezinta centrul liniei formate din punctele de la points;

- onPinch primeste dx dy care reprezinta diferenta dintre pozitita actuala si cea precedenta,
angle este unghiul format intre dreapta determinata de pozitiile actuale ale degetelor si dreapta
determinata de pozitiile precedente, scale factor calculeaza raportul dintre lungimea vectorilor
(pozitie actuala si precedenta), transformationPoint returneaza centrul pentru scalare si rotatie,
points care returneaza pozitia celor 2 degete pe ecran;

- onMultiStart primeste parametrul points care returneaza pozitia tuturor degetelor de pe ecran si
center point ??(de intrebat Andrei) care reprezinta centrul liniei formate din punctele de la 
points;

- onMulti primeste parametrii dx, dy care reprezinta diferenta dintre punctul actual si punctul 
precedent, points care reprezinta pozitia tuturor degetelor de pe ecran si center point care 
reprezinta centroidul tuturor punctelor;

- onTouchAndHoldStart primeste parametrul point care returneaza punctul pe ecran unde s-a efectual 
hold-ul;

- OnTouchAndHold primeste parametrul point care returneaza punctul pe ecran unde s-a efectual 
hold-ul si afiseaza pop-upul pentru touch and hold;

- onGestureEnded semnaleaza ca nu exista niciun touch pe ecran.

Utilizatorul trimite urmatorii parametri:

* target - referinta catre componenta careia i se aplica functiile;

* withInertia - utilizatorul alege daca se aplica functionalitatea de inertie sau nu (true, false);

* appWidth si appHeight