Build an Uber Clone with React Native and TypeScript

Build an Uber Clone with React Native and TypeScript

Błażej Kowalczyk

1 год назад

20,872 Просмотров

In this course you will learn how to build a clone of Uber application in React Native. The app will be built completely from scratch for both iOS and Android platforms. You'll get a chance to learn best practices which I've learned from over 2 years of making React Native applications. For searching for the destination we'll use the Google Places API.

Audio gets better in the second half of the tutorial.

Github repo: https://github.com/bikowalczyk/uber-clone

Sign up to my dev newsletter: https://blazejkowalczyk.com/newsletter/

Stack that we're going to use:
- React Native
- TypeScript
- emotion-css
- axios
- react-native-maps
- react-native-bottom-sheet
- expo-location
- react-native-reanimated

Chapters:
0:00 Intro
2:22 Setting up the project
10:24 Creating Map screen
1:15:20 Adding Destination Modal
2:01:54 Fetching destinations places
2:40:00 Creating PlaceItem component
3:05:02 Displaying the route
3:36:40 Saving past searches in the history
3:58:05 Adding layout animations
4:02:16 Creating the bottom sheet
5:00:45 Configuring the bottom sheet
5:17:37 Adding footer to the bottom sheet
5:54:35 Final touches & running on Android

#reactnative #javascript #programming #iOS #android
Ссылки и html тэги не поддерживаются


Комментарии:

@javalok9575
@javalok9575 - 11.11.2023 12:47

Thanks can you please make complete news app clone with admin, backend and also deployment in android and ios?

Ответить
@bijendernagar15
@bijendernagar15 - 26.10.2023 15:17

Great tutorials thanks for this

Ответить
@shreyojitdas9333
@shreyojitdas9333 - 18.10.2023 18:10

we need more clones like this bro...i pray ur channel grows big.....

Ответить
@user-bi7yx2bm2u
@user-bi7yx2bm2u - 23.08.2023 10:13

thanks a lot! It s very useful🤩

Ответить
@elozinoovedhe
@elozinoovedhe - 22.08.2023 13:49

Nice content... Any reference to how i can implement background location monitoring?

I would really appreciate

Ответить
@andreajr2021
@andreajr2021 - 09.08.2023 06:48

Put your course on udemy i will buy brother! love the way you explained of your contents

Ответить
@penguinxed
@penguinxed - 30.07.2023 08:54

very underrated content brother! hope you make more tutorials in the future! 😊

Ответить
@benymatthew6462
@benymatthew6462 - 28.07.2023 14:20

Awesome Thank you..... Please help with driver app...

Ответить
@cjfranca2004
@cjfranca2004 - 06.07.2023 23:33

hello! great job . Have a daboard video ? If yes please, send me.

Ответить
@PitZza143
@PitZza143 - 04.07.2023 08:54

Awesome work!

Ответить
@aashayagarwal8903
@aashayagarwal8903 - 03.07.2023 11:26

is anybody able to run this code on android?

Ответить
@usmanmarkaz
@usmanmarkaz - 20.06.2023 00:23

We need Ecommerce App plz make this as soon as possible

Ответить
@Ibrahim-fh6kv
@Ibrahim-fh6kv - 16.06.2023 13:06

Can you continue with this clone project by adding extra features, that would be really awesome.

Ответить
@aashayagarwal8903
@aashayagarwal8903 - 15.06.2023 10:41

Does this show the shortest path?

Ответить
@MrBurgerPal
@MrBurgerPal - 14.06.2023 02:55

Hey man thanks a lot for the tutorial, if you could explain some of the things you are doing further so its not just a matter of us copying you verbatim but understanding further what we're doing, it'd be really helpful! I know the vid is already 6 hours long, haha

Ответить
@realtorBG
@realtorBG - 12.06.2023 19:40

awesome

Ответить
@AlexandraFlatcher
@AlexandraFlatcher - 12.06.2023 14:51

thx for the project

Ответить
@blessdarah1256
@blessdarah1256 - 12.06.2023 11:38

I'm subscribing immediately!

Ответить
@stafa5568
@stafa5568 - 04.06.2023 23:07

Thanks a lot for the project, especially the typescript part

Ответить
@hubesh716
@hubesh716 - 03.06.2023 19:59

sir i knowledge of javascript can i do this in typescript i have no knowledge of ts plz tell

Ответить
@hubesh716
@hubesh716 - 03.06.2023 19:57

sir plz make ecommerce app with sanity or strapi plz in react native

Ответить
@hubesh716
@hubesh716 - 03.06.2023 19:56

thanks sir

Ответить
@gonzalovolonterio4991
@gonzalovolonterio4991 - 02.06.2023 03:04

why dont use expo?

Ответить
@joelisaiahbobai4331
@joelisaiahbobai4331 - 01.06.2023 17:20

Am so happy you did this video😁

Ответить
@abdoulayeDiallo-ed2ze
@abdoulayeDiallo-ed2ze - 31.05.2023 06:56

Can you do the uber driver side with the backend ?
Please

Ответить
@peter601
@peter601 - 30.05.2023 19:11

Is it Ukrainian accent ?

Ответить
@akifkhan2402
@akifkhan2402 - 30.05.2023 14:05

Great

Ответить
@ankurraj9151
@ankurraj9151 - 29.05.2023 22:19

where is the code for this project?

Ответить
@anilokcuoglu
@anilokcuoglu - 29.05.2023 17:31

great job! thanks for the best tutorial ever

Ответить
@usmanmarkaz
@usmanmarkaz - 27.05.2023 20:05

bro i have no credit card what i do i wnat to develop this project plz tell what i am do

Ответить
@derbelidris4464
@derbelidris4464 - 26.05.2023 18:58

Hey,does the Map api need credit card?!thx for the project

Ответить
@harry4088
@harry4088 - 26.05.2023 13:34

Need more full stack videos using react native with mern stack

Ответить
@chairilashar7022
@chairilashar7022 - 26.05.2023 05:26

Hello Sir, I'm requesting an employee attendance project using React native,I'm very" support your channel

Ответить
@abdullatifabdu
@abdullatifabdu - 25.05.2023 02:57

is this the first and final part of this video tutorial ?

Ответить
@shubhamranjan4596
@shubhamranjan4596 - 23.05.2023 20:15

Where is backend?

Ответить
@abhishekmishra9841
@abhishekmishra9841 - 23.05.2023 05:12

What is next project sir?

Ответить
@Mefik1337
@Mefik1337 - 16.05.2023 23:11

wow bro. really appreciate your explanation. Finally react native isnt a dark magic for me. Thank you so much for your tutorial. Really helped me a lot! cheers

Ответить
@szymonpodemski2982
@szymonpodemski2982 - 16.05.2023 23:07

This might have been the best 'clone' tutorial I've ever seen! Good job

Ответить
@jakubkubiak1490
@jakubkubiak1490 - 16.05.2023 22:58

Great tutorial❤
Can't wait for the next one

Ответить