TIKTOK Clone React Native Tutorial 2021 👨‍💻 - Video Info with React Query + Firebase Firestore (#10)

[@SimpleCoder]

In this TikTok clone video, we'll be implementing a post info overlay to the feed we have created in the previous titktok clone series using react query to get the info of the user in the best way possible, reducing the costs of firestore. If you have any questions just let me know down below in the comment section 👇

[@vitbo7981]

I am so thrilled and looking forward to the next episode :) T.Y. I really appreciate your efforts. 💯

[@SimpleCoder]

Thank you Vit, it really means the world to hear that 😊

[@matrixtoogood5601]

What an amazing series, how you explain your thought process is amazing

[@SimpleCoder]

Thank you for watching and for the nice comment! Really glad you enjoy it 😊

[@matrixtoogood5601]

@@SimpleCoder Hey, do you plan on continuing this series and building a finished app?

[@noah_handle]

عمي و عم عيالي, الله يكرمك يبو المبرمجين

[@raybelmo]

Great Content! You can also cache data using Redux toolkit, and that is precisely what I'm using right now.

[@SimpleCoder]

Thank you for your support! Yeah redux toolkit is also really good for cache, I'm currently moving away from redux but it is still awesome 😎

[@raybelmo]

@@SimpleCoder I assume you are leaving Redux in favor of React Query ??

[@raybelmo]

I'm actually creating a production application, similar to TikTok but for sport videos, and I find your Videos to be very helpful.

[@androidiano4ever]

Hey Sim, Can I start from your TikTok project if I 've never programmed in javascript/react or I have to learn javascript first?

[@SimpleCoder]

It may be a bit hard, however I do try to explain everything, even the JavaScript basics. So give it a shoot 😉

[@androidiano4ever]

@@SimpleCoder Thanks a lot for sharing your knowledge brother

[@alexanderrisbey6768]

Hi SimCoder, Love your tutorial, ran into an issue that I cant seem to resolve when I do what you did at 13:03 logging the user in the console and I reload the app I get the following error: Error: Objects are not valid as a React child (found: object with keys {status, isLoading, isSuccess, isError, isIdle, data, dataUpdatedAt, error, errorUpdatedAt, failureCount, isFetched, isFetchedAfterMount, isFetching, isRefetching, isLoadingError, isPlaceholderData, isPreviousData, isRefetchError, isStale, refetch, remove}). If you meant to render a collection of children, use an array instead. I completed the code to the end of the video, when I dont add the ".data" at the end of "const user = useUser(item.creator)" and load the app and then add it and save it, then the app still works and the user's display name shows with the profile pic, but when I reload the app it crashes and gives me the error: TypeError: undefined is not an object (evaluating 'user.displayName') Please let me know what the issue is and how I can resolve it.

[@alexanderrisbey6768]

Nevermind, added "?" after the user in user.displayName, seems to work now.

[@Trusha791]

Waiting for next video on tik tok 😮

[@SimpleCoder]

Will be out soon 😉