Build an app with React, Redux and Firestore from scratch (Udemy.com)

Learn how to build a web app with React, Redux and Firestore from beginning to publishing

Created by: Neil Cummings

Produced in 2021

icon
What you will learn

  • Students will be able to create an application using React, Redux and Firestore by the end of this course.
  • Students will improve their javascript skills by taking this course

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 94 / 100

icon
Course Description

*** Re-recorded and fully up to date as at June 2019***
Do you want to learn React and Redux in the context of building a complete application? Do you want to learn about Firestore, the new Database offering from Google that provides 'live data' to our application? Are you the type of learner who gets most out of actually building an application rather than watching endless slides about how something is supposed to work? If so then this course is for you!
In this course we build a complete application from start to finish.
Every line of code is demonstrated and explained. We warm up by building a CRUD application in React, we then enhance it by adding Redux and following that we add in Firestore to provide the persistence layer for the application.
Here are just some of the things you will learn about in this course:
  • Setting up the developer environment
  • Creating a React application using the create-react-app utility from Facebook
  • Login and Register functionality using Firebase authentication
  • Adding social login for Facebook and Google into the application
  • Google maps and Places autocomplete integration
  • Photo uploading using drag and drop, with resizing and cropping of the images before upload
  • Adding a live chat system
  • Paging, Sorting and Filtering with Firestore
  • Infinite scroll for the pagination
  • Firestore database design
  • Creating reusable form components with Redux forms
  • Building a great looking application with Semantic UI
  • Many more things as well
Tools you need for this course
In this course all lessons are demonstrated using Visual Studio Code, a free (and really good) cross platform code editor. You can of course use your preferred IDE or Code editor of choice and any operating system you like... well as long as it's either Max OSX, Windows or Linux.
Is this course for you?
This course is extremely practical. About 90% of our time is spent actually building the application. If you are the type of person who gets the most out of learning 'by doing', then this course will be for you.
Please note that we do not start from zero coding knowledge. Whilst this is aimed at beginner/intermediate level, you will need to have some basic javascript knowledge (not a lot is needed) or if you are coming from another programming language then you should be fine with this course. It's designed to take you from beginner level to having the skills to build a much more significant application.
What do we do on this course
We are building a social events application, much like Facebook events or Meetup. Building a social application gives us opportunity to build more than just a simple CRUD application.Who this course is for:
  • Beginner developers who have familiarity with HTML, CSS and JS who want to learn about React and Redux
  • Beginner developers who want to learn about Firestore, Google's new database service

icon
Instructor Details

placeholder

Neil Cummings is a professional freelance software developer. Starting out in the IT industry about 15 years ago, initially working mostly on SharePoint before embracing more lightweight frameworks such as Angular and ASP.NET Core.
He has worked for companies such as Microsoft and Rackspace before trying out the freelance route. Also a Microsoft certified trainer.

icon
More courses by Neil Cummings

Build an app with ASPNET Core and Angular from scratch

$11.99

Complete guide to building an app with .Net Core and React

$11.99

Learn to build an e-commerce app with .Net Core and Angular

$11.99

icon
More reactjs courses

React js. From the beginning. w/ Redux and React Router

$11.99

React JS, Angular & Vue JS - Quickstart & Comparison

$11.99

Server Side Rendering with React and Redux

$11.99

Microservices with Node JS and React

$11.99

Learn React by building and deploying production ready app

$11.99

Modern React with Redux [2020 Update]

$11.99

icon
Reviews

4.7

285 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Sanjay Bansode on 11/14/2020

Niel react course is best experience one can ask for. It covers all aspects of react using project approach. I enjoyed the course and learned lot from it. The best part is Niel takes time to answer your questions. Highly recommended.

By Yoon Ahn on 11/14/2020

It is a very well organized course. Excellent!

By jacob cpp2 on 11/14/2020

its not very good explained.

By Freilin Manzano aez on 11/7/2020

excellent practical course of react.

By Barry Pierce on 11/1/2020

Excellent class. Very easy to follow. He packs a lot in and explains concepts clearly.

By Alan Son on 10/26/2020

I don't think people with no experience can follow this. Not what proposed in the introduction.

By J Caganon on 10/18/2020

Awesome contents! It exceeds my expectations. Great Job Neil!

By Krittiya Clark on 10/17/2020

This course starts a basic React to an almost advanced course. I really like this course and Neil responds to all my questions which is terrific.

By Fritz Padilla on 10/15/2020

I like that the instructor re-recorded the lesson to update the content. Thanks!

By Sean S on 10/13/2020

This course goes over basic to more advanced react concept. The instructor is simply one of the best I've had.

By Francisco Martin on 10/8/2020

Great course. Covers many features that you will need on your projects.

By Pooja Dattatraya Gawali on 10/3/2020

so far so good