@@wcandillon I have basic knowledge in `react native`, but I do not understand well the animations, or effects that you can do for a better user experience. Create advanced interfacez, not just boxes with styles. Your videos are very good in this aspect ... I would like to start from the basics to something more advanced.
@@wcandillon I second this. No course out there creates realworld react native app from start to finish with nice UI and animations. I would pay for this.
@@wcandillon I always break my projects, because gradle stuff, if your course explain the environment concepts, and how dont break things as hell, i just istant buy it
This is really great and helpful. Something that might make it more helpful is a little cleaner code with helper functions, or entire javascript libraries where concerns are separated into different files. Sometimes it was hard to follow along and felt overwhelming when you got into the 100+ lines of code territory.
I hope you're going to build other parts of this app too! It's super awesome. Thank you!! If you're going to make a course, plz let us know. I'm definitely going to buy that.
Yes the Tinder app is definitely gonna be revisited again the near future and I'm starting to prepare a React Native course on declarative gestures and animations :)
Hey William, it seems like the code as in this video does not work when start implementing spring functionality. (The spring does not work) I had a look into the repo looks like the Profiles.js has a different flavor of spring and it seems like it does not use velocity. Also, there is a confusing part with velocity `const finalTranslateX = add(translationX, multiply(0.2, velocityX));` Wonder why you needed to swap out the spring function with the new one.
@@wcandillon I think I am stuck with Reanimated/Gesture Handler version 1.x, all thanks to React Navigation. :) Which, I think, is hardwired with those libraries.
Hi William! First, thank you for your videos, you are really doing a great service 🙌 I want to know if all your videos using reanimated could be follow using the new reanimated 2 or there are some considerations to handle with ? I have to do implement very quickly a tinder-like swiper and i started using the library "react-native-snap-carousel" but it was very awful to achieve this behavior and a lot of android related problems. Thank you! i hope you can answer me :)
Hey William, Awesome tutorial 💖💖💖. Everyday i am learning something new form you. 😃😃. do you have any plan to complete this app? anyway thank you so much for your effort.
I absolutely do! Thank you for your support. To see this video now, it makes me cringe a bit how poorly I implemented it. I was just learning reanimated back them. We will revisit Tinder soon for sure.
William Candillon I’ll search, but have you revisited this for the remaining animations?? Thanks so much. I plan to make a Tinder for developers (NOT FOR HOOKINH UP) but for finding people that are interested in the same topics to write code with for fun! Would be cool to have that info animation you showed at the beginning for well, info!
It is perfect! but it has a small flaw. When you try to change quickly to another item you have to wait about 2 seconds for the swiper to be activated.
Hello William, thanks for these insightful React videos. Would you be able to make a video about your Atom editor, how you have setup everything and generally the way you navigate in your Editor? Also installed packages and configuration fo those would be ultra helpful. I am trying to switch from IntelliJ Idea to Atom for React. Thanks in advance and keep up the great videos!
After adding init method I am getting error in android only, Error is " Attempt to invoke virtual method 'boolean java.lang.double.equals(java.lang.Object)' on a null object reference"
Hey Cand, if just finished with this episode, and everything works perfectly except some kind of delay (around 3 seconds) after I swipe one image, so before I can swipe another one I have to wait 3-4 seconds, do you have the same issue? What could be causing this? I've also checked the console.log of 'isLiked' and it really prints with the same delay. (Edited: can this be related somehow with Clocks?)
Well done! I have the same issue, we need to update the source code for the spring animation to stop ealier: github.com/kmagiera/react-native-reanimated/issues/132
@@wcandillon I would like to help but... If this anything means to you: while I was developing an iOS app in Swift, I was using the Guillotine menu, and I had to modify its UI and animation so I was playing with animation parameters and have very similar result, after animation was ended (to my eye) it was still bouncing in very tiny portions and caused bad UX, so probably issue is the same here, even I don't know how are you making this in reanimated :) However, I'm glad I didn't mess something xD
@@wcandillon thanks a lot for this awesome video. I'm playing with the source code for this project from Github and I too see a delay of 1-2 sec before the next swipe is possible and the removed card re-appearing for a fraction of a second. Could it be that the code on Github (github.com/wcandillon/can-it-be-done-in-react-native/blob/master/tinder-swiping/components/Profiles.js) is not the latest one (last modified 22nd of Nov 2018)? I have tried playing with restDisplacementThreshold but couldn't get rid of this nasty issue. I'm also curious why would the removed card re-appear briefly. Trying it on a physical iPhone X so performance is not an issue.
Since the link for the suggested solution is dead, I solved it the following way: Change the condition before calling swipped to neq(snapPoint, 0). To prevent multiple trigger of the swipped function, add a debounce in this function to make sure it does not fire before a certain amount of time (like 500ms) has passed.
I wonder why a new card which appear by swiping doesn't move for like a second. I guess it might because i'm running it on an emulator or some bugs? I'm not sure so. When a console log appears, then it starts to move. Object { "likes": true }.
@@wcandillon I cloned your git repository(can-it-be-done-in-react-native) and just tested it on my cellphone, galaxy8. It still doesn't move for one or two seconds. I just wanted to let you know!
@@임창수-c7c Thank you so much for letting me know and sorry for the inconvenience. I have a new video coming up regarding the Tinder swipe in one week or so, I will look into more closely then. Thank you for you patience.
awesome, kinda random but can you do a video on what would be the best way to structure a real-time chat project in RN such as WhatsApp using RN w/ Redux & Redux saga?
Hey William, first of all thank you so much for all your videos I love them all! Regarding this one, do you think you could update it at some point? It doesn't seem to load/work anymore... Thank you so much!
Hi William , great videos and immense knowledge youre sharing here . Can you please do one for Crypto Tracker App. Ive been looking for it everywhere and cannot find the proper solution to it . Im sure you can do a quick video of using RN with API calls and rendering graphs . Pretty please . Thanks