React, Redux & Firebase App Tutorial #1 - Introduction

Key Takeaways

hey gang and welcome to your first step in becoming a full-stack ninja with react Redux and phi base so just a quick preview of what we're going to be making in this course with react and redux it's gonna be this simple project management tool complete with authentication and cloud functions as well so you can see right here we have two different projects I can view them to see more about them it's going to say who pocketed them and the time and if I wanted to I could add a new project I could say something like Yoshi is egg hunts and I'm just pasting a lot of content down here create that and that's gonna appear on the front as well in time order and you should see in a minute this update over on the right as well you can see Mario plumber added a new project a few seconds ago so every time something happens like someone signs up or someone creates a new project we're going to get that notification in real time over here as well speaking of authentication we can log out right here and we can stand back in or I could sign up so let me sign up with a new username will say Yoshi ah the net ninja code at UK password test 1 2 3 4 first name Yoshi and then something not sure what your surname is but anyway sign up and now we're logged in as Yoshi and we should see in a second you can see you actually something joined the party so that means they signed up and I could add now a new project as Yoshi if I wanted to okay so that's the application in a nutshell that we're going to be building and like I said this is going to be complete with react Redux and firebase so we're using firebase firestore as a real town database to store all of our data in we're going to be using firebase cloud functions for these notifications over here we'll be using firebase authentication for the authentication flow in the app and then finally we're going to be deploying the application to firebase at the end as well so in essence we're creating a full project front and back the front being react and the backend being firebase so you can read more about firebase if you're unfamiliar with it based google.com and we can scroll down here to see all the different features that are available we're just using a handful of them you can see all of these different things we can use we're using the cloud fire store functions authentication and hosting so they're my friends just to reiterate the different things that we'll be using in this course first of all to create the application itself obviously react and redux then we'll be using a package called thunk which works really well inside redux to help us use asynchronous code then for the backend fire base fire store for the data storage authentication cloud functions and hosting as well at the end now before you start getting too ahead of yourselves and dancing around this magical whirlwind of react redux and firebase I would advise you know a few things first of all this is not a beginner's react or redux course if you don't know a thing about react I suggest you press the pause button right here and check out instead my react complete tutorial series which includes redux as well and then pop back on over here also you should be familiar with JavaScript and HTML if not then probably on the wrong course as well I'll leave a link to all of these different playlists down below so you can check those out first of all so as always I'm going to be providing you with all of the course files right here on github and you can find those at this repository react redux firebase up the link is going to be down below now if you want to see the code for lesson 14 for example you have to select that branch first of all so each lesson has its own branch when you select that then you can see the code and you can browse it all if you prefer you can just clone the repository to your local computer and browse the code that way now I am also going to be using this code editor visual studio code so I'm gonna leave the link to this down below as well where you can download it for free and I would recommend you doing so it's a really cool free editor so there we've got my friends that's your introduction into this course I really hope to see you in the next one and if you do like these videos please my friends do not forget to share it subscribe and like and I'll see you in the very next video [Music]