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.
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.
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.
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.
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
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.
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
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.
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.
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