10 najboljših komponent slik React Js

Blog

10 najboljših komponent slik React Js

10 najboljših komponent slik React Js

1. Povečava slike React komponente za miško in dotik

Zbirka odzivnih komponent React za povečanje slike za miško in dotik. Uporabno za slike izdelkov na spletnih mestih za e -trgovino, galerije slik, fotografije zalog itd.



To je naslov slike

Ogled predstavitve: https://adamrisberg.github.io/react-image-magnifiers/



Github: http://github.com/adamrisberg/react-image-magnifiers

Povezava za prenos: https://github.com/AdamRisberg/react-image-magnifiers/archive/master.zip



2. React Component za prikaz slike iz Imgixa

Komponenta React, ki upodablja slike z uporabo imgix. Uporablja najmanjše možne slike in se dobro upodobi na strežniku. Primarni cilj response-imgix je razvijalcem olajšati uporabo teh orodij, zato bo razumevanje njihovega delovanja znatno izboljšalo vašo izkušnjo response-imgix.

To je naslov slike

Ogled predstavitve: https://codesandbox.io/s/xp0348lv0z?view=preview

Github: https://github.com/imgix/react-imgix

Povezava za prenos: https://github.com/imgix/react-imgix/archive/master.zip

kje kupiti kovanec shiba inu pri nas

3. Knjižnica JavaScript za zagotavljanje uporabniškega vmesnika za označevanje slik

Labellab Components je knjižnica JavaScript za zagotavljanje uporabniškega vmesnika za označevanje slik, besedila, videa in zvoka.

Mrtva preprosta oznaka datotek

To so komponente, ki poganjajo Labellab. To smo odprli, da olajšamo lastništvo vaših podatkov, potem ko so označeni.

  • Enotni uporabniški vmesnik in oznake: Labellab Components ustvarja neboleče ustvarjanje označenih naborov podatkov.

To je naslov slike

Ogled predstavitve: http://components.labellab.io/#image-classification

Github: https://github.com/kev71187/labellab-components

Povezava za prenos: https://github.com/kev71187/labellab-components/archive/master.zip

4. Slika za leno obremenitev s pametno reakcijo z API -jem IntersectionObserver

Reagirajte na leno naložene slike z IntersectionObserver API in prednostnimi namigi.

je detelja finance dobra naložba
  • Pospešite nalaganje začetne strani z nalaganjem samo slik nad pregibom
  • Odziven z nadomestnimi znaki in animacijami
  • Podpora Prednostni nasveti z atributom pomembnosti
  • Pametna logika prenosa z uporabo IntersectionObserver
  • Enostavna uporaba in majhna velikost

Ogled predstavitve: https://react-simple-img.now.sh/

Github: https://github.com/bluebill1049/react-simple-img

Povezava za prenos: https://github.com/bluebill1049/react-simple-img/archive/master.zip

5. Postavitev mreže slik, ki ohranja delež vseh slik

Postavitev mreže, ki ohranja delež vseh slik.

Ta knjižnica vam pomaga enostavno narediti postavitev, kot je Google Photos.

To je naslov slike

Ogled predstavitve: https://josephj.github.io/react-justified-grid/

Github: https://github.com/josephj/react-justified-grid

Povezava za prenos: https://github.com/josephj/react-justified-grid/archive/master.zip

6. Poiščite in posnemite svoje najljubše fotografije za fotografije Built React

Photo Locations je osebni projekt. Ko potujete z družino ali prijatelji, pogosto nimate dovolj časa za obsežno raziskovanje lokacij fotografij, ko ste na novih mestih.

Tu prihajajo Lokacije fotografij. Poiščete lahko lokacije, ki so jih vnesli drugi uporabniki, ali vnesete svoje lokacije in jim podate nekaj ocen.

java igra tic tac toe

To je naslov slike

Ogled predstavitve: http://www.photolocations.nz/

Github: https://github.com/cornelia-schulz/photolocations

Povezava za prenos: https://github.com/cornelia-schulz/photolocations/archive/master.zip

7. Komponenta za obdelavo slik za React

Komponenta za obdelavo slik za React.

React-imgpro je komponenta za obdelavo slik za React. Ta komponenta obdela sliko s filtri, dobavljenimi kot rekviziti, in vrne sliko base64.

To je naslov slike

Ogled predstavitve: http://g.recordit.co/XmhTiP84TD.gif

Github: https://github.com/nitin42/react-imgpro

Povezava za prenos: https://github.com/nitin42/react-imgpro/archive/master.zip

8. Slika v slogu materiala z animacijo nalaganja

Slike so grde, dokler se ne naložijo. Materializirajte ga z materialno podobo! Zbledel bo, kot nakazuje vzorec nalaganja slike materiala.

kje kupiti kozarec

To je naslov slike

Ogled predstavitve: https://mui.wertarbyte.com/#material-ui-image

Github: https://github.com/TeamWertarbyte/material-ui-image

Povezava za prenos: https://github.com/TeamWertarbyte/material-ui-image/archive/master.zip

9. Reagirajte komponento na leno nalaganje slik in drugih elementov

Reagirajte komponento na leno nalaganje slik in drugih komponent/elementov. Vključuje HOC za sledenje položaju pomikanja oken za izboljšanje učinkovitosti.

Reagirajte komponento na leno nalaganje slik in komponent z uporabo HOC za sledenje položaju drsenja okna.

To je naslov slike

Ogled predstavitve: https://www.albertjuhe.com/react-lazy-load-image-component/

Github: http://github.com/Aljullu/react-lazy-load-image-component

Povezava za prenos: https://github.com/Aljullu/react-lazy-load-image-component/archive/master.zip

10. Reakcija img komponente, ki simulira zvezdasti učinek med nalaganjem

Zmogljiva, prilagodljiva komponenta img, ki med nalaganjem simulira učinek šimra. (z ničelnimi odvisnostmi!) Trenutno združljiv z React, vendar je na poti tudi združljivost z RN.

To je naslov slike

Ogled predstavitve: https://stackblitz.com/edit/react-shimmer-demo?embed=1&file=index.js

Github: https://github.com/gokcan/react-shimmer

pridobi parametre poizvedbe javascript

Povezava za prenos: https://github.com/gokcan/react-shimmer/archive/master.zip

#reactjs #javascript #programiranje