Building a to-do list app with SwiftUI and Firebase

Building a to-do list app with SwiftUI and Firebase - Pt 1

Рет қаралды 47,775

Күн бұрын

Welcome to a brand new episode of our Firebase Semi-live series. In the next few episodes, we’ll be looking at how you can integrate Firebase with SwiftUI. Watch now on how to create a to-do application with SwiftUI in this video as demonstrated by our Firebase Developer Advocate, Peter Friese.
Chapters:
0:00 Intro
1:11 App demo
3:00 Set up the project
4:10 Create the data model
8:04 Build the main list view
21:53 Discussion of the app architecture
24:18 Implement the view model
39:03 Add missing functionality
53:25 Recap
Resources:
SwiftUI & Combine: Better Together → goo.gle/2UsDbZa
SwiftUI Documentation → goo.gle/3dGeQqE
Source code for the finished app → goo.gle/2JnToIU
Build a todo app w/SwiftUI & Firebase playlist → goo.gle/39UUab3
Subscribe to Firebase → goo.gle/Firebase
#FirebaseSemiLive

Пікірлер: 48

@zig23 3 жыл бұрын

one of the best SwiftUI tutorials I've seen. very clear and concise. I love that you go back and explain the framework after each segment.

@Fogmeister 4 жыл бұрын

This is the first SwiftUI video I've seen that goes in depth into using it with Combine and MVVM. Really useful, thnaks.

@lindsey8964 4 жыл бұрын

Thanks for the video Peter! As a newer programmer it's helpful to see how you, as a pro, approach writing and structuring code.

@Raptor-jv7fi 4 жыл бұрын

Awesome demo, can't wait for the next episode!

@AndGordy 3 жыл бұрын

Zooming in the editor is a good advice, but to preserve the video quality you should change the resolution on your Mac instead: Mac -> System Preferences -> Displays -> Display -> Resolution: choose Scaled and choose either of the options to the left of the Default. Preview on the left will tell you what each of those options look like when you hover over them. Thanks for the video and good luck!

@rockrock6143 3 жыл бұрын

Thank you from Russia. My English is not very good, but I understand all things what you do, it's perfect!

@Firebase 3 жыл бұрын

Thank you too!

@Whatsittoy 4 жыл бұрын

Great explanations! I've done some SwiftUI tutorials, but the explanations here and following the development process really helps it to sink in how things tie together. I also like how you developed incrementally- small working bits of code to test how UI looks, then fill it out bit by bit.

@shunnybunny 4 жыл бұрын

Been waiting for this! Finally

@kelvinfok 4 жыл бұрын

Great content! Thumbs up! And very helpful! Please upload more of such tutorials!

@rinaldsdomanovs7737 4 жыл бұрын

Wow, thank you for this great tutorial!! I will learn not only about Firebase integration in SwiftUI, but also a lot of nice Xcode usage tricks that I didn't know. I really hope that there will be more videos with SwiftUI!!!

@peterfriese5076 4 жыл бұрын

Absolutely!

@profgallaugher 4 жыл бұрын

This is a great video. It is difficult to see, though. In future videos maybe you could get rid of the large and unneeded borders, increase the font, and even zoom in on the code. Thanks for your work.

@chadjackson4614 4 жыл бұрын

Great videos on using MVVM/Combine/Firebase/Firestore effectively. I'd love to see something on how to integrate FirebaseStorage into MVVM. Thanks again!

@nawafb6280 3 жыл бұрын

what a great video keep it up love u guys

@hectorsvill 3 жыл бұрын

Awesome video!

@lightlysaltedcalmingvlogsa7286 3 жыл бұрын

can i make a suggestion. A lot of people watching this are on single monitors or using mobile displays. I really appreciate these tutorials but using a bigger font would be wonderful even if it's at cost of not being able to show the emulator

@sharkdeng9253 4 жыл бұрын

very useful!

@xingnanzhou8628 4 жыл бұрын

brilliant！

@nirmankalia6775 4 жыл бұрын

Thank You for saving the that would have took to read 10 medium articles just to understand this...Thank You!!!... But, yes the ZOOM 💁

@JasonMercerUK 4 жыл бұрын

I have followed this architecture to create an app to manage a list of contacts instead of tasks. It works great when there are only handful but once it gets up to 150 or so contacts, it takes up to 5 seconds to update a single contact. I'm baffled that this isn't scaling as I would expect.

@viralchauhan9397 4 жыл бұрын

It is hard to see, Please increase font size of editor!

@petersuvara 4 жыл бұрын

@46:01 - Oh dear. I was hoping we could route the published values directly to the store :/ Why add a handler into the view? This seems to break the entire idea behind the view model being passed between storage and persistence. :(

@TheVanillaBears 3 жыл бұрын

Doesn't assign(to: ..., on: self) introduce a reference cycle there?

@PhucLeien 4 жыл бұрын

I believe that you did declare the published completionStateIconName and never use it

@santhoshVnair 2 жыл бұрын

I see Apple no longer has "AppDelegate" by default. Can you consider updating or providing an addendum to show how to get AppDelegate or how to use Firebase in the new Swift world?

@CarlosOrtiz-tw1wy 4 жыл бұрын

You guys should do this, but with flutter.

@NPCTE23 4 жыл бұрын

So I'm trying to do a similar app but in my case, I'm also including authentication. So my goal is to have a user which has different tasks to complete. So my question is, will the collection "tasks" be a subcollection of "user", or will be a top-level collection?

@NPCTE23 4 жыл бұрын

@@ToddKerpelmanCorp I saw the videos just after leaving this comment. Your explanations are simply awesome! Thank you!

@EvgenyKhazov Жыл бұрын

Hi, friend! I'm a beginner and I'm learning to program in SwiftUI. I repeated everything exactly like you, but when building the application, I get an error and after adding the second item to the list and pressing enter, the first and second elements of the list become the same and when you try to edit, two elements are both edited instead of at the same time. Error below. Thank you for your view! ForEach: the ID A39ED4D4-8977-4106-92A1-CA1BC2A56514 occurs multiple times within the collection, this will give undefined results!

@arthurschilling5651 Жыл бұрын

Hi Peter! Thanks for a great video. At 52:13, after adding a Demo task to my list, when I go and add a new Demo 2 task and submit, my app transforms it into the same as the previously added (Demo). This happens to all the following tasks I add to my list, resulting in all "Demo" items after the hardcoded ones. I've reviewd your video several times and my code seems identical. Is there something I missing? What would be the cause to this problem? Additional info: when running the app and replicating this problem, my error message says: the ID 3786B03C-96DC-45C3-A834-4DEAC7632AC6 occurs multiple times within the collection, this will give undefined results!

@seccat Жыл бұрын

Me too. But we are just working on the UI. We're not hooked into Firebase, YET

@istvanarany6145 2 жыл бұрын

Hi there, I!m brand new to swiftui, followed this tutorial line to line, but somehow it does not work for me, as it doese for you. Whenever I add a new line, the first time it works like a charm, but the second, and any further lines I add will be the same as the first I added, no matter what I write. The Textfield has a new id, I write a different string in it, but the moment I press enter, I see that the onCommit passes the same 'object' it passed the last time, instead of the new one it created. What can be the reason for this?

@istvanarany6145 2 жыл бұрын

note: If I take the TextField out of the List, it works fine.

@MoAdel92 2 жыл бұрын

what is cancellables?

@mika_chu 3 жыл бұрын

what is *cancellables* for?

@MoAdel92 2 жыл бұрын

i don't know

@Dequiss 3 жыл бұрын

great video, but please use a bigger font!

@albertyu8809 Жыл бұрын

@10:53 hehe

@topgeargaming8679 4 жыл бұрын

Please make full video series on firebase with flutter.

@MoAdel92 2 жыл бұрын

who cares about flutter , just kidding i am a flutter Dev

@gofudgeyourselves9024 4 жыл бұрын

Next Jetpack Compose

@youssefay2739 Жыл бұрын

The text is too small, I can't see anything

@d7eemo270 4 жыл бұрын

i want to throw my laptop down the window.

@tarjep 2 жыл бұрын

Can someone explain why he is using map on a struct at 28:00 . Why not just do a completionStateIconName = $task.completed ? "checkmark.circle.fill" : "circle"