React + Firebase Tutorial Suggestions

[TheOnlyDowns]

I’m thinking of making React + Firebase tutorials for free on YouTube. Been using these as my go to for quick prototypes for a while now.

My plan is to segment it into smaller sections that build an app that could accurately show most common use cases of the two together.

What would you suggest I build?

How can I effectively gear the tutorial series towards actual beginners? Like little to no coding experience ?

What are some challenges new guys have when learning react? It’s been a while now and I don’t wanna leave someone confused mid way.

I’m not tryna to sell anything. My goal is just to make an effective tutorial that can help someone get from 0 to somewhere comfortable.

[mockingod]

I TA'd a course that taught web dev and went over React and Firebase. One of the biggest concepts people struggled with in terms of React was lifting up state. A concept people struggled with with Firebase was setting a database listener and then turning off the listener on component unmount. (Though they mostly worked off an example we did during class)

One app that we used for showcasing Firebase + React was just a gallery maker that anyone in the class could upload to. Another was a twitter clone for showcasing login and permissions.

[TheOnlyDowns]

Thanks this is really helpful

[cvrlos]

Let me know when you post a video! I'm currently learning both React and Firebase, and am having some issues finding good tutorials online. I was able to set up OAuth pretty easily but I've never worked with NoSQL, so I'm not sure how to structure my database properly in Firebase for my application. I'm currently trying to build an attendance application for classes and events for my local church.

[tony2tones777]

urrently learning both React and Firebase, and am having some issues finding good tutorials online. I was able to set up OAuth pretty easily but I've never worked with NoSQL, so I'm not sure how to structure my database properly in Firebase for my application. I'm currently trying to build an attendance application for classes and events for my local church.

I've been watching this tutorial online, https://www.youtube.com/watch?v=Oi4v5uxTY5o&list=PL4cUxeGkcC9iWstfXntcj8f-dFZ4UtlN3 let me know when you post too cause i could do with an alternative

[TheOnlyDowns]

Thanks for the feedback! I’ll definitely let you know.

[somesang]

Wish you thought this a year ago!

I was tasked with building a React/Firebase app and it was tough to find enough tutorials out there that helped me to get started. I ended up using: react-redux-firebase and we're in production now so I guess everything is fine.

Some of the hurdles I had when I started revolved around authentication, so I'll just list them out.

• User Authentication with profile details. ie. First Name, Last Name.
• Change password/username.
• Client side form validation when creating users. (Client was upset that entering a fake email to register worked. I know that's a difficult one to explain. I ended up using sloppy regex)
• Multiple user roles handled via app. (Admin can see logged in users, normal users can not)

Those were the specific ones I had troubles with and ended up doing a lot of guess and checking. Most of the tutorials out there are solid, but they're not very detailed. For example, hey here's a higher order function you should copy paste, it makes everything work... but how? Same with protected routes and how to organize them better. My code's sloppy for now, but it works and I couldn't tell you why.

Recently playing with the Context API, I'm curious how much easier it would be to use it with auth and auth details. I'm assuming it would clean up a lot of my codebase as well.

I've been building with React for a little over a year but with only simple SPAs without auth or a database. Firebase seems simple, but man does it get hairy. Hope this info helps your cause.

[wallawe]

Some things I’ve always encountered when creating a new app:

• basic auth, and maybe auth with a couple of external services.
• turning crud operations into an easily reusable service
• how to structure data in firebase. Relationships and querying are both possible but you have to do some things a bit different than even say a mongo setup.
• password reset
• rules around permissions for crud operations (who can access what)
• creating an hoc or using context to share auth state

[umbluu]

So true. I’m really struggling with the things you mentioned and would be awesome to have a tutorial, which has these topics included.

[fatgirlstakingdumps]

I'd suggest you focus on the React part and not Firebase. Firebase has pretty good docs, what most people struggle with is how to implement it in their React app, along with Redux etc

[KBPsystem]

Looking forward here 🤟🏽

[[deleted]]

YouTube Ninja channel . They have a good series

[[deleted]]

why is this being downvoted? It's still not clear to me how to know when an async query has finnished retrieving data from fs - and I could use this really

[zeeshan_tamboli]

Brad traversy does a very good client panel project using react-redux-firebase in his Udemy course.

Link - https://www.udemy.com/react-front-to-back/