Loading video...

Video Failed to Load

Go Home

✨Introducing Netflix on React Native! Two apps. One's built in JavaScript. Can you guess which? Link to the GitHub project below👇 (Hint: The one that crashes on profile switch is from Netflix Engineering 😉)

629,470 views • 1 year ago •via X (Twitter)

10 Comments

Saúl Sharma's profile picture
Saúl Sharma1 year ago

Netflix-style animations including profile switching, tab transitions, modals, animated headers, tilt effects and more. Check out the repo:

Saúl Sharma's profile picture
Saúl Sharma1 year ago

Also, as you all can see, @ThePrimeagen, @theo, and I share the same Netflix account 😏😂

Ferran's profile picture
Ferran1 year ago

@NetflixEng The right one, when you press a poster at 0:08, the animation to open the screen is abrupt. So I would say, right one.

Saúl Sharma's profile picture
Saúl Sharma1 year ago

Update: The flickering should be fixed if you try the router 4 branch. The issue mainly occurs because I created a custom shift animation for tabs, which causes flickering when navigating back. React Navigation 7 now supports shift animations on bottom tabs, so this flickering won’t happen

Methkal's profile picture
Methkal1 year ago

@NetflixEng This is BS . You know netflix app handle a lot of things under the hood. Yours is just a fancy ui

Saúl Sharma's profile picture
Saúl Sharma1 year ago

@NetflixEng This repo is all about Netflix App UI, navigation, animations, and core micro-interactions, etc. And hey, nobody’s stopping you from building Netflix’s entire infra yourself 😉

˗ˏˋPaul Kazoˎˊ˗ | mayak.id's profile picture
˗ˏˋPaul Kazoˎˊ˗ | mayak.id1 year ago

@NetflixEng on the right is js; has some kind of junk, on the left is much smoother.

Saúl Sharma's profile picture
Saúl Sharma1 year ago

@NetflixEng

Wes Bos's profile picture
Wes Bos1 year ago

@NetflixEng Damn nice work. How long did this take you?

Saúl Sharma's profile picture
Saúl Sharma1 year ago

@NetflixEng Thanks Wes! ~217 commits

Related Videos