SwiperJS. React swiper js. How to use react-swiperjs and create a carousel (with source code) 2023

[@myanmar_songs_feeling]

That saved my one project. Thanks

[@baika-native]

thx man, you saved my life

[@SridTech]

Really you saved my life too.

[@АйбекМамасалиев-щ3я]

you are a trouble maker, respect , your english is perfect

[@jubayerkhan5779]

Thanks you so much for uploading this tuotorial , it's so helpful 👍👍👍

[@TravelsCode]

Glad it was helpful!

[@DomingosRodrigues-dev]

There is a warning in the Swiper docs: "Swiper React components will likely to be removed in future versions. It is recommended to migrate to Swiper Element instead." How can I do it in React using Swipper Element?

[@27sosite73]

try to google mate

[@mikel27180]

​​@@27sosite73try googling some manners "mate".

[@JPX64Channel]

@@27sosite73 try to stop replying shit mate.

[@SanderCokart]

absolute 0 people know

[@KaPaTeJIb6a6o4ek]

That was helpful ,in october 2023 I have some troubles with import css

[@codedusting]

How to do multiple sliders in one page? It has a problem of shifting all the sliders on keypress

[@tahep3906]

it is not working with the newest or newer versions of swiper, so you should install this version
npm i swiper@8.4.6, working flawlessly right now, thanks for this great tutorial

[@lautaroaramis]

nice video and explications, greetings from Argentina 😊😉

[@TravelsCode]

Thanks! 😃

[@Web-Dev-Codi]

Thank You so much. Big Help!

[@TravelsCode]

Glad to read it.

[@zzzzzzzzzzzzzzzzzzz13142]

Awesome video thanks 😊

[@TravelsCode]

Thanks for watching!

[@sohelchannel]

I want to auto loop the slider. please give me the solution, it will be helpful for me 🙏

[@yadhuvtk]

Hi im facing issue when i scroll to next nothing showing just blank page please help me❤

[@vjachaslau1nekrish505]

Many thanks to you for the usefull tutorial 👍

[@TravelsCode]

You are welcome!

[@AnaLebjodkina]

Can you please show how to make this slider responsive?

[@jackywan6829]

how to make a play and pause button inside carousel to control it?

[@hromers]

thanks man

[@artnevka779]

thanks

[@TravelsCode]

No problem

[@yazanqarabash6392]

How can i add breakpoints to swiper in react? I am currently using 'swiper/element/bundle'

[@TravelsCode]

Consider using CSS media queries in the separate file and import it to the carouserl component.

[@arthurbakhvalov326]

how to move the arrows to the right corner in swiper?

[@TravelsCode]

Use CSS. Position: relative or absolute for arrows., and set property right based on your UI and markup.

[@arthurbakhvalov326]

@@TravelsCode I have two sliders on one page, I write on react, css styles from the first slider are repeated in the second for some reason, how do I fix it?

[@TravelsCode]

@@arthurbakhvalov326 looks like you have the same class names. Provide different class names for two sliders.

[@arthurbakhvalov326]

@@TravelsCode ty

[@sahanpasindu4498]

Please make 2 × 2 grid using swiper

[@GameForYouOnline]

cool, but at 2023 usuage swiper-container and swiper-slide unfortunable more arguments not work=)

{displayedProducts.map((product) => (



))}

[@ynivermine7750]

Senk Men

[@dyonenero]

u from rus?

[@TravelsCode]

Nope. Ukraine.

[@COEInventoryBorrowing]

Try to avoid using this. It's so unstable when it comes to complex styling

[@serhiiarkhypenko8370]

Ну и акцент, как будто индуса смотрю.

[@TravelsCode]

anyway it's better then use russian language.

[@serhiiarkhypenko8370]

@@TravelsCode totally right

[@1مالديني]

H

[@sidoelofficial_id5135]

E

[@iusade.serviciosjuridicosy7763]

D

[@asiarelaxtv3736]

a

[@FreeFire-go1yp]

as

[@brownbrock68]

A

[@НікітаКорчемний-г4ч]

Жаль нет на украинском твоём канале этого видео (
ну ничего, развиваем английский паралельно программированию

[@TravelsCode]

Не думав що є така потреба у відео - як зробити карусельку на Реакті.

[@thedy7946]

J

[@khanisx5184]

F

[@FehlerDerVergangenheit]

ad

[@Chanel6-w2n]

da

[@kumarchannel3128]

d

[@powerstreetmc]

sd

[@soundsystemhoreg118]

asd

[@googleaccount7252]

use a proper TE please. What is this lol.

[@abdul_js]

на русском общайся пожалуйста

[@TravelsCode]

I don't use terrorist's state language.

[@true227]

useless

[@loiuxxx]

is the demos of swiperjs not working in sandbox?

[@TravelsCode]

Show work.

[@loiuxxx]

@@TravelsCode turns out ny dns isnt working

[@MVR3800]

J

[@MrYanisx6]

D

[@OFFICIALPERESEANLOMBOK]

F

[@mezclathings684]

E

[@ais_fero9994]

a

[@LionBoy8]

sd

[@NafeesWazaif]

sd