Shared Element Transitions with React Navigation 5 | Blog App

Hey Guys, in this video i will be coding a Blog App UI in React Native. I will also be making use of React Native Shared Element Transitions and React Navigation 5 to make the user experience in the app seamless. Source code: https://github.com/TheDesignMedium/rn-blog-app This UI was suggested by one of the channel subscribers, and thought it was pretty neat and a really good one to try out the shared element transitions on. If you guys have any suggestions on any kind of UI's to create do let me know in the comments below, but nothing too crazy alright? :D Design By: Adarsh Goldar - https://dribbble.com/shots/6918712-Blog Thanks for watching, make sure to hit that like button if you enjoyed this and also i would appreciate it if you would share this. :) Subscribe for more videos like these, and stay updated by hitting that bell icon! Join the Design Squad: https://www.youtube.com/designmedium Socials: Instagram: https://www.instagram.com/thedesignmedium Dribbble: https://dribbble.com/TheDesignMedium Packages used: Expo React Navigation React Native Shared Transition: https://github.com/IjzerenHein/react-navigation-shared-element/tree/navigation-v5 Touchable Scale: https://www.npmjs.com/package/react-native-touchable-scale Sample Data: export const data = [ { id: 1, username: 'Mark Heider', title: 'How Immune Systems and Covid-19 Interact', readtime: '2 min', profilePic: 'your profile pic url here', image: 'your image url here' }, ] Music from Audio Library https://youtu.be/_qGC14Oem_U Creative Commons — Attribution 3.0 Unported — CC BY 3.0 Tracks - Weightless by LiQWYD https://soundcloud.com/liqwyd Sorrow by Sappheiros https://soundcloud.com/sappheirosmusic Perilune - AERØHEAD https://soundcloud.com/aerohead #reactnative #appui #uidesign