Swiperjs with React | Modern Touch Slider

  Рет қаралды 64,631

Mr. Shadrack

Mr. Shadrack

3 жыл бұрын

Code Repo: github.com/Ankomahene/swiper-...
Swiper Site : swiperjs.com/react

Пікірлер: 63
@solifuse8079
@solifuse8079 2 жыл бұрын
Could not thank you enough for how informative and helpful your tutorial is, despite not including the correct source code, I learnt how to get my hands dirty with SwiperJS. Thanks again!
@nargesnahri1651
@nargesnahri1651 2 жыл бұрын
Thank you so much it was very clear and helpful
@rxmanx
@rxmanx Жыл бұрын
Thank you for the explanation. Was helpful.
@webdevbuddy1955
@webdevbuddy1955 3 жыл бұрын
Very good stuff thanks of u man 😎
@SergioMonteRi
@SergioMonteRi Жыл бұрын
Still working. You just saved me, thank you so much.
@BystanderPs
@BystanderPs 3 жыл бұрын
You are amazing. 👏👏👏
@tridoan8140
@tridoan8140 2 жыл бұрын
Thank you so much! Keep it up bro
@katarzynawegrzynowicz7148
@katarzynawegrzynowicz7148 3 жыл бұрын
Very helpful, thanks!
@adipati27ma
@adipati27ma 3 жыл бұрын
Nice bro thanks it's very helpful. Btw the noise sound is very annoying, try to fix that
@dogvscatfunny9956
@dogvscatfunny9956 4 ай бұрын
From the very beginning I didn’t understand what this crap was doing, are you the right guy there?
@vutranleanh9183
@vutranleanh9183 3 жыл бұрын
Thank you very much!!!
@aminesoft3291
@aminesoft3291 2 жыл бұрын
hey; how can i make auto scroll ! I mean once the last card showed it return to the first one automatically !
@vuongqtvn
@vuongqtvn 3 жыл бұрын
thanks man
@NgocPham-cg8ln
@NgocPham-cg8ln 2 жыл бұрын
Can I have link your css ?The link above is different, thanks
@viveknemade851
@viveknemade851 2 жыл бұрын
can you tell me why my npm command takes to much time like npm i, npm start . yours was so smoooth
@LewraAzad
@LewraAzad 3 жыл бұрын
Bro Can you tell how to use parallax?
@shuvokhan7464
@shuvokhan7464 3 жыл бұрын
code repo is empty please upgrade it...
@renatoalves2062
@renatoalves2062 2 жыл бұрын
the repository link is without the css, it would be able to go up to git
@Mouldy7890
@Mouldy7890 2 жыл бұрын
Any chance you can add the css to help us all out please
@TaiPham-sf9ht
@TaiPham-sf9ht 2 жыл бұрын
how to zoom slide when click, pls
@isaacbahsoun4556
@isaacbahsoun4556 3 жыл бұрын
Very Helpful thank you :) just one question is there anyway we can move pagination downwards ? it is above the card and its annoying to the eyes.
@mr.shadrack
@mr.shadrack 3 жыл бұрын
you can try targetted styling
@avasquezz22
@avasquezz22 2 жыл бұрын
Did you ever figure that out? @isac
@begzodsamadov5858
@begzodsamadov5858 2 жыл бұрын
Thank broo
@not.a.n
@not.a.n 2 жыл бұрын
I get a problem with: Module not found: Can't resolve 'swiper/react', this make me crazy
@Roman-Voronezh
@Roman-Voronezh 2 жыл бұрын
I just had the same issue. Installing previous version should work. I did npm install swiper@6.6.0
@dariooliva2618
@dariooliva2618 2 жыл бұрын
Me too!!!
@rashedulalam7754
@rashedulalam7754 3 жыл бұрын
Great
@user-rd9xo9ul5k
@user-rd9xo9ul5k Жыл бұрын
thanks
@Roman-Voronezh
@Roman-Voronezh 2 жыл бұрын
After installation of Swiper see this error in terminal: Module not found: Can't resolve 'swiper/react'...
@user-ub2nr1tc4i
@user-ub2nr1tc4i 2 жыл бұрын
try swiper version 6.8.4
@S4LTYT
@S4LTYT 2 жыл бұрын
@@user-ub2nr1tc4i how to install that
@user-pn4fr7kw7c
@user-pn4fr7kw7c Жыл бұрын
source code are not available on that link..........
@xxXAsuraXxx
@xxXAsuraXxx 3 жыл бұрын
how do you do data fetch when swipe to end?
@mr.shadrack
@mr.shadrack 3 жыл бұрын
You can use the onReachEnd event
@onyekachigodswill8987
@onyekachigodswill8987 3 жыл бұрын
please is not working on my own its give me error [ Node Sass version 5.0.0 is incompatible with ^4.0.0.]
@mr.shadrack
@mr.shadrack 3 жыл бұрын
You don't have to use the latest version of node-sass yet, it was published 12 days ago. So you can do npm uninstall node-sass and then npm install node-sass@4.14.1
@onyekachigodswill8987
@onyekachigodswill8987 3 жыл бұрын
@@mr.shadrack ok let me try it I will get back to you thanks
@onyekachigodswill8987
@onyekachigodswill8987 3 жыл бұрын
Thanks bro 👍 it's now working God bless 🙏 please how can I make it auto pay ?
@mr.shadrack
@mr.shadrack 3 жыл бұрын
@@onyekachigodswill8987 Check the demo out swiperjs.com/demos/#autoplay
@crisuar1989
@crisuar1989 3 жыл бұрын
Code repo is empty for now 😭
@hk-nu2zt
@hk-nu2zt 2 жыл бұрын
yess bro, but do you get the repo ? plzz reply
@percussionistsouvik
@percussionistsouvik 3 жыл бұрын
The audio level is too low
@onyekachigodswill8987
@onyekachigodswill8987 3 жыл бұрын
please am having issues width the responsiveness help me out
@mr.shadrack
@mr.shadrack 3 жыл бұрын
You can make it responsive Check out the demo here swiperjs.com/demos/#responsive_breakpoints
@onyekachigodswill8987
@onyekachigodswill8987 3 жыл бұрын
@@mr.shadrack yeah I have checked and I being doing it since yesterday it's not working
@onyekachigodswill8987
@onyekachigodswill8987 3 жыл бұрын
@@mr.shadrack please help me out
@todorvachev891
@todorvachev891 2 жыл бұрын
You forgot to push your code to the Code repo...............................
@viveklamba3176
@viveklamba3176 10 ай бұрын
aur dheere karde apni vloume
@DerlisRuizDiazR
@DerlisRuizDiazR 3 жыл бұрын
Thanks. And, is this responsive ?
@mr.shadrack
@mr.shadrack 3 жыл бұрын
You can make it responsive check out the demo here swiperjs.com/demos/#responsive_breakpoints
@onyekachigodswill8987
@onyekachigodswill8987 3 жыл бұрын
​@@mr.shadrack please am having issues width the responsiveness help me out
@graindafrique3379
@graindafrique3379 3 жыл бұрын
please can i get the css link
@mr.shadrack
@mr.shadrack 3 жыл бұрын
github.com/Ankomahene/swiper-react/blob/master/src/App.css
@suminaracun2069
@suminaracun2069 3 жыл бұрын
@@mr.shadrack your data at github is react default
@minbuk7296
@minbuk7296 2 жыл бұрын
@@mr.shadrack bro can you push your changes
@burhanali9713
@burhanali9713 2 жыл бұрын
your repo is empty mate
@AfonsoFilipeJr
@AfonsoFilipeJr 10 ай бұрын
Liar. The code is not there.
@aleksandrmatyka3118
@aleksandrmatyka3118 Жыл бұрын
Of course we can use legacy versions, but please not follow this tuttorial in 2023)
The Story of Next.js
12:13
uidotdev
Рет қаралды 558 М.
Build a React Image Slider with Tailwind CSS
18:29
Code Commerce
Рет қаралды 107 М.
Jumping off balcony pulls her tooth! 🫣🦷
01:00
Justin Flom
Рет қаралды 15 МЛН
Alex hid in the closet #shorts
00:14
Mihdens
Рет қаралды 15 МЛН
What if my Intel CPU explodes??
14:20
Paul's Hardware
Рет қаралды 4,2 М.
Create react projects
22:33
Hitesh Choudhary
Рет қаралды 39 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 931 М.
How to make Card Slider in React JS | React Slick
9:03
Etisha Garg
Рет қаралды 117 М.
How To Make an App With ChatGPT (Without Knowing Code)
11:12
AI Andy
Рет қаралды 105 М.
How to use react-slick (2022)
10:14
Vỉ Đặng
Рет қаралды 52 М.
Image Gallery in NextJs Using SwiperJs
16:05
Hamed Bahram
Рет қаралды 25 М.
Create a React App in 2024
8:45
Jolly Coding
Рет қаралды 1,6 М.
Jumping off balcony pulls her tooth! 🫣🦷
01:00
Justin Flom
Рет қаралды 15 МЛН