How to implement deep linking in React Native with React Navigation v5 in 2021

How to implement deep linking in React Native with React Navigation v5.
A deep link is a link that takes you to content.
Deep linking is when a link sends users directly into a specific point in the app experience, rather than an external website or app homepage.

Github Repo for Code

Commands For testing
- npx uri-scheme open demo://app/notifications --platform [android/ios]
- npx uri-scheme open demo://app/profile/1001 --platform [android/ios]

React Hooks Playlist

Fundamentals of GraphQL in Hindi

Please share your suggestions and feedback with me in the comments below or on Twitter.

Demo App description :(0:00)
Demoing deep link :(0:55)
Basics of deep link :(2:31)
Configuring deep link for iOS (Native Part) :(5:13)
Configuring deep link for Android (Native Part) :(6:50)
Deep link based navigation(React Native) :(7:22)
Testing deep link on iOS :(9:33)
Testing deep link on Android :(10:43)
Wrapping up :(11:26)

#reactnative #deeplinking #reactnavigation

[ArchitecttAK]

I am planning to do live practice sessions on interviews so that new engineers can be benefited from it and it helps them find jobs in their career.
If you are preparing for the new job interview, it can help you practice for the interview.
Thanks !!!

[ArchitecttAK]

Subscribe channel to get notified about interesting technical videos - youtube.com/TechTalksWithAK

[FCeleste]

nice video and excellent didactic. you only forgot of show how get the id in react native profile component but the github repo helps with that. thanks for the tutorial. stills works 2022

[ahmedmamdouh]

good job you saved my ass. I was going crazy about deep linking and your video saved me.

[vaibhavgupta]

what if we dont have app installed and we have link then it should go to app store or play store.

[SangNguyen-xooj]

Thanks for sharing pro. But I have a problem is when I kill it not work can you give me some idea? Thanks

[neerajkalrasuffescom]

thanks sir, great video. but how can we open application via browser. my app is getting opened though commands like you described in video but not getting opened through browser, can you please make video on that

[sdfsdgsdfsdf]

Thanks, any ideas on deferred deep linking for new app users?

[narekmusakhanyan]

thank you, very practical and useful

[bhawnaverma]

Thank you much more for the wonderful content.

[kriethxkriethx]

How do we handle nested deeplink?.. Hope you explain about nested route deeplink as well.

[todaysgeneration]

How can I implement nested routing?

I got stack bar, tab bar, then only the page..
It's not working..
First Route:

<Stack.Screen component={Home} name="Home" />
<Stack.Screen component={Account} name="Account" />


Second Route:(Inside home)
<Stack.Screen
name="Tabbar"
component={Tabbar}
options={{
headerShown: false,
}}
/>
<Stack.Screen
name="Live"
component={Live}
options={{
headerShown: false,
}}
/>

I need to get to Live... how to do?

[SumitKumar-odkt]

How to navigate on touch of notifications in kill state to specify screen ?

[raaidkharbe]

Thanks Bro with your help I was able to solve me issues

[havvakucuksubas]

How can I set up navigation with a deep link within the app when I click on the notification. demo: // ap I've created a similar link. Clicking this link will direct you to open the application. But when I click on every notification I want, it will direct you to the relevant page. I am getting the url of incoming notifications. Can you help?

[vanchhai]

i just have one question. how can paste that url to browser or click in url to open App? Please help me

[bansiparmar]

hey can you guide me how to share deep link url in social networks and redirect to our app..??

[stanlymedjo]

Hi thanks for the video, please I have a problem, how do implement that for a file with a custom extension I mean my application generates a .kw extension I wish to open my application on a certain page using deep linking when the users click on the extension can you help me? thanks, in a advance

[TarunSharma-poix]

What if app is not installed will it redirect to content after installing the app?

[gandarainpanjaitan]

Great video, thanks for sharing bro.
I have an question, when I kill the application and run this command npx uri-scheme open demo://app/profile/1001, it is not show the profile screen.
Deep link only run when app is running?