TIKTOK Clone React Native Tutorial 2021 ?? - Comment Section with Bottom Sheet UI (#12)

In this TikTok clone video, we'll be implementing a comment system with firebase firestore and react native expo. This will also include a comment counter handled by a custom trigger in firebase functions. We'll use a bottom sheet to make the UI and UX really similar to what TikTok does.

If you have any questions just let me know down below in the comment section ?


? Series Description ?

TIKTOK Clone React Native Tutorial 2021 ??

I'll show you how you can do this in the simplest way and terms possible.

By the end of this series you'll have learned how the big companies do it and will be able to do the same, you not only will be able to do this app, but you'll be able to put what you learn into your very own projects!

In this series, we use React Native with Expo to quickly deploy the project. We use firebase for all our microservice needs like the auth system, database, storage, amongst others.

firebase, redux, react native, javascript, expo. In this series, we'll use all of them and you'll learn them by doing an iconic app.

Welcome to this Simcoder project and make a TikTok Clone!

You can get the full playlist videos at the following link: https://www.youtube.com/playlist?list=PLxabZQCAe5fjzyawndGLeP1GkJTAjZlKL

? Important Links ?

▷ Firebase - https://firebase.google.com/docs/auth/web/start
▷ Firebase function - https://firebase.google.com/docs/functions/get-started
▷ Expo - https://docs.expo.io/
▷ React Native - https://reactnative.dev/
▷ Redux - https://redux.js.org/
▷ Android Studio - https://developer.android.com/studio
▷ Visual Studio Code - https://code.visualstudio.com/

? In This Video ?

TIKTOK Clone React Native Tutorial 2021 ?? - Comment Section with Bottom Sheet UI (#12)

0:00 Introduction
0:40 Chapter 1 - Firebase Firestore Comment System Database structure
3:55 Chapter 2 - Installing gorhom bottom sheet in our react native with expo project
6:10 Chapter 3 - Comment Section React Native UI
15:40 Chapter 4 - Controlling the Bottom Sheet
28:05 Chapter 5 - Creating Comment React Native UI
35:10 Chapter 6 - Creating Comment Firestore Action
40:30 Chapter 7 - Displaying comments in a Flat List
57:30 Chapter 8 - Comment Counter Trigger with Firebase Functions
1:02:00 Conclusion


? Contact me and contribute to the channel ?

? Donate with crypto: https://mycryptolink.me/link/[email protected]
? Donate with PayPal: https://www.paypal.me/simcoder

◼️ OUR WEBSITE: http://www.simcoder.com
◼️ download my app - MOONCOIN - here: https://goo.gl/Y5j2Zh

▷ GitHub: https://github.com/SimCoderYoutube/
▷ Twitter: https://twitter.com/Simcoder_here
▷ Instagram: https://www.instagram.com/simcoder_here/