How to use SwiperJS with Ionic (Swiper in Ionic Framework with React)
Автор: Alan Montgomery
Загружено: 2021-07-30
Просмотров: 6363
With the IonSlides being deprecated in v6 of Ionic - We need to look for other ways to implement a touch slider within our Ionic Framework mobile apps.
Luckily, the IonSlides within the Ionic Framework used SwiperJS under the hood (as pointed out in the documentation), and now being available for all JavaScript frameworks, we're able to reach for this package to handle this functionality for us.
This is a tutorial where I take you through an example of the usage of the SwiperJS slides within a travel style app, then show you a step by step guide on the code implementation.
#############################
🔗 Ionic React Travel App UI (with code)
https://ionicreacthub.com/ionic-react...
🔗 Tutorial code
https://github.com/alanmontgomery/ion...
🔗 SwiperJS modern mobile touch slider
https://swiperjs.com
🔗 SwiperJS React documentation
https://swiperjs.com/react
🔗 IonSlides documentation (for reference)
https://ionicframework.com/docs/api/s...
🎉 Reach out to me
/ 93alan
💙 UI Examples with Code and Live Demos
https://ionicreacthub.com
#############################
00:00 Introduction
00:20 IonSlides brief mention
01:02 What is SwiperJS?
01:52 App example with SwiperJS
03:08 Code Tutorial
#ionic #capacitor #webnative #swiperjs #react #reactjs #ionicreact
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
