TikTok Video Feed in React Native | DEVember Day 12
Вставка
- Опубліковано 19 вер 2024
- Day 12 of #DEVember is here and today's session is all about bringing the dynamic world of short-form videos into your hands using React Native. We'll delve into the process of building a video feed similar to TikTok, where you'll gain insights into working with videos in React Native. By the end of this video, you'll know how to display an engaging feed of videos within your app, just like TikTok or Instagram Reels.
🌟DEVember Day 12: www.notjust.de...
If you have ideas of features, topics or apps you would like me to cover during #DEVember, you can submit them on our 💡Idea Board:
github.com/not...
📚 Today's Agenda:
- Introduction to Video Handling in React Native
- Setting up a Video Feed Layout
- Implementing Video Playback Controls
- Creating an Interactive UI for Video Feeds
- Testing the Video
- Debugging Common Issues with Video Playback
- Wrap-up and demo
❗Try our FREE 4-day Masterclass on notJust.Academy:
assets.notjust...
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev! Check out what our successful students are saying about their experience:
academy.notjus...
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #ReactNative
Thank you so much Vadim! Showed this small project to my wife and she was like HOOOOOO!! xD
Sir, the Flatlist is not working as expected 😢 only one video is loading at a time for this video library
God bless you for these videos, keep it up man
Thanks, will do! 🙌
Do you know how to control how big part of video will be downloaded? I don't want to download whole video, if user will swipe down after 2 seconds, becasue thats a waste of bandwith and storage.
I have a solution for this but it increase completely like using the segmentation we can fix this right now I am also working on this
Nice work. I have one question. I am using React Native CLI, not Expo CLI, I can handle same Video Feed in React Native CLI as well?
Yes that is correct
According to React native official doc , pagingEnabled doesn’t work in android(vertically) , what’s the alternative
Can you help me make the ui when the comment on TikTok when the keyboard is shown?
how can we call local file ?
Can we create a working app lock with react native
It is lagging alot I don't know why
What's lagging exactly?
@@_marcobaez the video is lagging and list have only 6 videos and it's saying that data is too large which is performance is very low
@@shahrozatiq5312 did you use his example video links?
@@shahrozatiq5312 hmm may be that the videos are too big and also loading needs to be taken into account (like maybe add a loading screen until everything is 100% loaded), also because it's a quick project here that probably would need more work to get it working 100%