Grow your YouTube views, likes and subscribers for free
Get Free YouTube Subscribers, Views and Likes

đź”´ Build the Uber clone in React Native (Tutorial for Beginners)

Follow
notJust․dev

Let's learn React Native by building the Uber clone from scratch even if you are a beginner.
Build the Uber clone in React Native (Tutorial for Beginners) [2]    •   Build the Uber clone in React Nati...  

âť—Try our FREE 4day Masterclass on notJust.Academy:
https://assets.notjust.dev/masterclass

✨ Asset Bundle: https://assets.notjust.dev/uber
⌨ Source code: https://github.com/Savinvadim1312/Ube...

Enroll NOW in The FullStack Mobile Developer course and don’t miss out on your chance to become a 6figure dev! Check out what our successful students are saying about their experience:
https://academy.notjust.dev

If you are a beginner that wants to learn javascript and react native or an advanced javascript developer that wants to get into mobile development using react native then this Livestream is for you. This is a perfect opportunity to follow along and build this application together with us, and add it to your portfolio as it will help you land your next job. If you finish the app, tag me on social media and I will give you feedback.

We will start building the Uber clone from scratch, starting from setting up a React Native project and finishing with connecting the application with a GraphQL backend using AWS Amplify. We will walk through designing the UI layout of the app, structuring everything in components, and putting everything together. We will also implement navigation between screens, header bars, and tab bars for the Uber app menu using React Navigation.

Learn how to work with Google maps in react native, to draw routes on the maps, and to implement an autocomplete feature for the location input.

For the backend, we will be using AWS Amplify, which is an amazing combination of tools and services from AWS, that helps us build mobile and web applications faster. It offers premade authentication components and flows, database, API (REST and GraphQL), storage, and much more.

Doing the reactnative Uber clone yourself is a great opportunity to practice React Native, modern Javascript, Typescript, AWS Amplify. We are always trying to use the latest technologies and best practices, so that's another opportunity to learn something new, being it functional components, hooks, state, navigations, or AWS and Amplify.

Join the notJust Development gang and let's build together:
Twitter:   / vadimnotjustdev  
Instagram:   / vadimnotjustdev  
Facebook:   / notjustdev  
LinkedIn:   / vadimsavin  
Discord:   / discord  

Timecodes:
00:00 Intro
01:32 What will we build?
04:17 What will you learn?
06:24 Prerequisites
09:45 Initialize a new React Native Project
12:09 Install Vector Icons
25:40 Home Screen
1:15:57 Search page (Google Places Autocomplete)
1:57:47 Search Results Page
2:00:00 List with Uber Options
2:37:00 React Native Maps
3:00:20 Render Cars on the Map
3:16:07 Maps Direction (Route)
3:27:00 Q&A

#uberclone #notjustdev #reactnative

posted by Tsitselisgo