Setting Up and Displaying Lists // React Native & Firebase Todo App // Part #1

Подписаться 17 тыс.

Просмотров 46 тыс.

50% 1

Need One on One Coaching? 20% OFF NOW!
1 Hour - tinyurl.com/DC...
2 Hours - tinyurl.com/DC...
4 Hours - tinyurl.com/DC...
Welcome to a new series! In part #1, we'll get setup and display some temporary data into a FlatList. The FULL series is available RIGHT NOW: bit.ly/2U30w2d
💥 Save TIME with a custom TEXT component!
/ custom-reusable-47843654
If you enjoyed this video please consider supporting me on Patreon! / designintocode
💾Source Code
bit.ly/33lFtw3
Part #1 - Setting up and Displaying Lists // • Setting Up and Display...
Part #2 - Modal for Adding Lists + Color Picker // • List Modal & Color Pic...
Part #3 - Passing Props to the Todo Modal // • Passing Props to the T...
Part #4 - Updating State + Adding/Creating Tasks // • Updating State & Addin...
Part #5 - Connecting with Firebase Cloud Firestore // • Firebase Setup & Conne...
Part #6 - Swipeable Gesture Handlers // • Swipeable Guesture Han...
❤️ Subscribe for awesome videos! bit.ly/2KZU1ds
✅Building a React Native + Firebase Social App
• React Native + Firebas...
✅Taking Designs and Turning them Into Code
• Music Player screen UI...
✅Awesome React Native Videos!
• React Native LOGIN SCR...
Follow me!
Twitter: bit.ly/2MdnXBX
💾Source Code
bit.ly/2RRW5YC
Software Used:
VSCode, React Native, Expo
#reactnative #reactnativeui #reactfirebase

Опубликовано:

10 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

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

@DesignIntoCode 4 года назад

I have a course coming out on building an Instagram clone from scratch using React Native & Firebase, make sure you sign up to get discounts, release date info and sample chapters! www.instaclone.app

@daxdmon3297 4 года назад

Man, I really love this no-commentary, speed code type tutorials. Really helps, to freshen up some react native knowledge.

@DesignIntoCode 4 года назад

Come chat with us on Discord! discord.gg/xg5auu4 Im back! Got lots of new videos coming out. If you'd like to watch the FULL series (6 parts) RIGHT NOW, it is available along with complete source code on my Patreon, patreon.com/designintocode, otherwise there will be a new video in this series every Saturday!

@danpetre5414 4 года назад

And you hit again! This is a Next Level Tutorial! I can't wait for the next part! :)

@DesignIntoCode 4 года назад

Hey! Thanks so much. The full series is available on my Patreon If you really can’t wait :)

@aniceguy2577 4 года назад

Looking forward for the next video ✌🏻

@thameemansari7514 2 года назад

Nice video ☺️👍 Thank a lot because Good quality of basic codes. I'm impressed and awesome 😎.thank you. Please upload new videos on react native UI and functionality.

@thameemansari7514 2 года назад

Hey React native many more videos needed from you. please upload. i hope you and god bless you

@karolinalencina7121 3 года назад

Thanks so much, you’re the absolute best!!!

@eadrpp 4 года назад

Great video!

@muhammadahmadyousaf2824 3 года назад

the lists are very down in my phone when i play the app. i see only the heading of lists ... plz help in my styling

@adventuretome 3 года назад

the modal doesnt open up when i click the plus button for me, im p sure i followed exactly too :/ idk what im doing wrong

@tuankenofficial2024 8 месяцев назад

Is the design on the Android phone the same as the iOS phone in the video?

@omerakram8275 4 года назад

Sir your videos was very helpfull. Waiting for more. Sir please make playlist on e-commerce app please

@tuanvungo8883 3 года назад

hi, fontWeight not working in my VScode, just work with 'bold'. Can u help me ?

@superstealth1000 4 года назад

whern i create someting like your tempData.js and importing it 6:05 - 8:26 i get ReferenceError: tempData not defined any idea why?

@DesignIntoCode 4 года назад

Probably not importing the correct path

@aankushchauhan 3 года назад

this is also happening with me !!!

@aankushchauhan 3 года назад

@@DesignIntoCode I imported the correct path afterwards this is again happened !!!!

@jolly7506 4 года назад

It is so great!

@adriancardenasjimenez1473 4 года назад

Thanks for the course. I am starting with React Native. I dont know why I need to use [] brackets into View style

@DesignIntoCode 4 года назад

Brackets are used for arrays. Arrays are used sort of like a list of things. In the case here, it’s for combining different types of styles

@diary-of-wanderlust 4 года назад

Awesome

@unknownman1 4 года назад

hi, I can't use TempData 6:19 . ReferenceError: tempData is not defined .. Please Help

@unknownman1 4 года назад

Alright I fixed it. instead of export default tempData use const tempData = [ // ... ] export default tempData

@DesignIntoCode 4 года назад

You can do it either of those ways, just make sure you’re importing it correctly

@unknownman1 4 года назад

@@DesignIntoCode okay. Thanks. Will you complete this series ?

@DesignIntoCode 4 года назад

It is complete

@gustave9605 3 года назад

What extension do you use for the code to be wider apart / spaced out?

@user-wo3yh6oc2o 4 года назад

Nice lesson, hello from belarus

@DesignIntoCode 4 года назад

Thanks, hi!

@andrewmcdaid6531 4 года назад

Thanks !

@QuilTube 3 года назад

Can you help me how to delete cards from the main menu

@marginsmultimedia9052 4 года назад

nice video, please can u put the codes on github arranged from part 1 to 6. am a newbie

@DesignIntoCode 4 года назад

Code is a available on my Patreon, links are in the description

@ravibhagat6513 3 года назад

which theme are you using??

@RaishmiYoru 2 года назад

can we edit the task?

@gorosei777 4 года назад

Dude where can i find the musics u use in ur vids? :)

@javierserna6631 4 года назад

hey friend i follow your video, the fontWeight doesn't work... help please from Spain

@DesignIntoCode 4 года назад

What do you mean it doesn’t work? Are you using android?

@javierserna6631 4 года назад

@@DesignIntoCode yes i'm using android, I used: bold. It works. Thanks friend I learn a lot with you. 👍

@DesignIntoCode 4 года назад

Android has limited support for font weight. As you see bold works, but numbered weights do not, unfortunately. Thanks for watching!

@MasterAlimoviemaker 4 года назад

why do u use class components instead of hooks?

@DesignIntoCode 4 года назад

Why not?

@kangnguyen5930 4 года назад

How to scan qrcode?

@drill5446 4 года назад

Awesome video thanks, please whats the name of your vs code theme

@DesignIntoCode 4 года назад

Dracula

@mohammedsulthana9305 4 года назад

Sir.. your videos are very helpful..i was waiting for SocialApp Balance parts..I've few doubts..can i contact u ?

@DesignIntoCode 4 года назад

Sure you can message me on twitter

@chandrawadud807 4 года назад

Hello sir plis request project app shopping cart with react native and firebase thanks

@brenohenrique3507 4 года назад

Delete the whole list?

@mary57730 4 года назад

Why music? Cant you explain it

@ajootechnology1482 4 года назад

How to increase the todo list size

@DesignIntoCode 4 года назад

What do you mean...?

@scaj3104 4 года назад

you using expo?

@DesignIntoCode 4 года назад

Yes