Node with React: Fullstack Web Development (Udemy.com)

Build and deploy fullstack web apps with NodeJS, React, Redux, Express, and MongoDB.

Created by: Stephen Grider

Produced in 2020

icon
What you will learn

  • Create boilerplate starter projects with React, Redux, Express, and Mongo
  • Understand common web technologies and design patterns to connect them together
  • Master deployment techniques between the production and development environments
  • Make an app with Google OAuth authentication
  • Learn to effectively create and send emails from a backend server
  • Accept and process credit card payments from users

icon
Quality Score

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

Overall Score : 96 / 100

icon
Course Description

Note: This course assumes you've got the basics of React and Redux down. Check out my course 'Modern React with Redux', its the perfect preparation!
Go beyond the basics of React and Redux! This course will teach you to combine the ultra-popular React, Redux, Express, and MongoDB technologies to build a fullstack web application.

Advanced Deployment? You will learn it. Billing/Payments? Included. Handling Email? Of course!
------------------------------
What Will You Build?
All of my courses are 'learn-by-doing': no boring endless lectures with Powerpoints, only live, interactive coding examples. In this course we'll build one massive web application that profiles the advanced features of React, Redux, Express, and Mongo. By putting each concept into a real app, you'll get a better idea of when to use each unique and powerful feature.
Build a large feedback-collection app. This mega app will include the full gamut of features, including everything from authentication to email handling. You'll learn how to build an app that can be used to send mass emails to a big list of users for the purpose of collecting feedback. It's my goal to ensure you understand each feature we build into this app so you can apply them to your own personal or professional projects in the future.
------------------------------
Here's what we'll learn:
  • Learn the architectural considerations of building a full stack app
  • Connect a front-end Create-React-App server to a NodeJS and Express backend
  • Communicate data from your Mongo database to your React application
  • Understand how to route user requests on the front end with React Router and on the backend with Express
  • Build reusable user inputs with Redux Form, complete with navigation
  • Handle credit cards and receive payments from your users with Stripe
  • Engage your users with automated emails
  • Enhance authentication flows in your app with Google OAuth authentication
  • Separate production and development resources with advanced API key handling techniques
  • Educate your users on how to use your app with custom build landing pages
I've built the course that I would have wanted to take when I was learning to build fullstack apps. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.Who this course is for:
  • Anyone who wants to learn how to build full stack apps with the latest in web technology

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

icon
Instructor Details

Stephen Grider

Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers. Invest in yourself by learning from Stephen's published courses.

icon
Reviews

4.8

50 total reviews

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

The course was very thorough and I liked how the instructor explained all the process and working of the application in detail. This helped me create solid foundation for the backend as well as the frontend. Thanks a lot for making this course.

This is a very in-depth course where Stephen spends a great deal of time explaining the concepts as he applies them. If you enjoy understanding the theory, in addition to writing the code, then you will enjoy this course.

Excellent course, covered tonnes of material and quick and enlightning support from teachers aid, Bobby, well worth. Develops a very robust survey app, bundled with what is to be expected in a full stack application

ive taken a few courses before, and thought this was a cool full stack MERN web app. good for advanced beginner, but there are some frustrating parts for absolute beginners. i wish we went into styling a bit more, but it's already a pretty long course; i get it. would. would be cool to get a Part 2 to this course though, where we really dive into the details and expand the featureset and stuff.

It's a really, really excellent course, and I'd like to recommend it to everyone who wants to get a good experience of putting together react, redux, node.js and Mongo DB stuff. There is a lot of rather challenging and really interesting and useful things at this course, a lot of theory and practice with very detailed explanation of what's going on.

Learned a lot throughout this course! !The diagrams used by Stephen are the best explanations I have ever received on the subject!! The Emaily app is working perfectly once deployed on Heroku thanks to the updates delivered at some important steps. I am also grateful to some developers for their interesting comments. This course at the end gives a good idea of what a fullstack app development roadmap is. The road might be long but the journey is worth it!! Go for Node with React!

Stephen has put in a lot of effort to instruct the ins and outs of the topic. He somehow finds a way to make the content interesting for all skill levels. Instructions are clear with diagrams. Awesome instructor, great course. Looking forward to more of his tutorials.

Stephen explains all facets of full stack web development using Node with React in a clear and understandable way. I have been able to apply skills learned in developing a website for my wife's business.

This was a great course. I'm taking the concept of emaily and expanding on it greatly. I've added a lot of features since completing the course and loved it. While some of the material was out-dated, I find it alright because it forces a little more self-assessment and troubleshooting

solid, you will need a good base in javascript, es6, and react to get the most from this as this is not a beginner friendly course. but was good material and good portfolio piece

Stephen has an amazing way of teaching courses! This is the 2nd course of his I've taken and I have to say he is one of the most amazing instructors on Udemy without question! The most in-depth and advanced topics he breaks down to where you can understand and follow along without feeling lost or frustrated! This course helped me understand how deep and powerful the MERN stack truly is when it comes to building apps and it's got me excited to learn and do more in this environment. Thank you once again, Stephen!!!

I've been trying to become more of a fullstack developer working with the MERN stack. This course covered a good part of the stack, it's a great starting point.I previously watched some of Stephen's courses and I really liked the way he teaches.I just feel like as I gain more experience and knowledge his courses might feel a little bit slow and I have to watch them ata 1.75x speed.What I enjoyed about this course is that since it's "relatively old", many deps have evolved and changed, so I was able to try different stuff, like replacing React Class components with hooks, using Redux hooks, replacing ReduxForms with a different library just to mention a few.In general, all the content that Stephen adds to Udemy is amazing. Thanks for sharing your knowledge !