Intermediate React and Redux [2018]

This course has been archived and is no longer supported.  For our latest courses on React, consider trying our evergreen curriculums with a 1-Year Unlimited Access Package.

Redux is perfect for when you need to write applications that behave consistently, run in different environments, and that are easy to test. This course will both help you to understand what Redux is by showing you how to build it in just a few lines of code, and allow you to develop a comprehensive knowledge of it by walking you the process of creating a fully-featured Hacker News/Reddit-style app, featuring users, posts, and comments.

Learn how to: 

  • Use React Router to handle client-side routing
  • Use Glamorous as a CSS-in-jS solution – all without writing any CSS
  • Understand the importance of state management frameworks and how to use them
  • Create separate reducers for your different state items (users, posts, comments)
  • Authenticate user client-side using JWT and browser cookies
Introduction
Getting Started – Part 1 – Robo
Getting Started – Part 2 – Yarn
API Overview – Part 1 – Mongoose
API Overview – Part 2 – Auth Route
API Overview – Part 3 – Post Comment Routes
React Router – Part 1 – Register Routes
React Router – Part 2 – Links Redirect
Styling – Part 1 – Glamorous
Styling – Part 2 – Extending Styles
Styling – Part 3 – Ant Design
Redux – Part 1 – State Management
Redux – Part 2 – Reducers
Redux – Part 3 – Store
Redux – Part 4 – Dispatch
Redux – Part 5 – Multiple Reducers
Redux – Part 6 – Clean Up
React Redux – Part 1 – Sample JSON
React Redux – Part 2 – Provider Connect
React Redux – Part 3 – Dispatch
React Redux – Part 4 – Map State Props
React Redux – Part 5 – Cleanup
React Redux – Part 6 – Containers
Posts – Part 1 – UI
Posts – Part 2 – Date Formatting
Posts – Part 3 – Ant Design Components
Async Actions – Part 1 – Axios
Async Actions – Part 2 – Dispatch From Component
Async Actions – Part 3 – Action Creators
Async Actions – Part 4 – Async Action Creator
Authentication – Part 1 – Form UI
Authentication – Part 2 – Form Validation
Authentication – Part 3 – Form Submission
Authentication – Part 4 – JS Cookie
Authentication – Part 5 – Storing User
Authentication – Part 6 – Error Handling
Authentication – Part 7 – Redirect
Authentication – Part 8 – Signup User
Authentication – Part 9 – Hydrate Initial State
Submitting Posts – Part 1 – New Post UI
Submitting Posts – Part 2 – Handle Submit
Submitting Posts – Part 3 – Redirect
Submitting Posts – Part 4 – Request Post
Other Post Actions – Part 1 – Delete Post
Other Post Actions – Part 2 – Voting
Comments – Part 1 – Comments List
Comments – Part 2 – Submiting Comments
Comments – Part 3 Cleanup
Conclusion

Basic to intermediate experience with React

Tools and Frameworks

Node.js 11.10.0, npm 6.7, Express 4.16.3, React 16.8.3, Glamorous 4.12.3, JS Cookie 2.2.0, Luxon 1.2.0, Ant Design 3.4.3, Axios 0.18.0, Redux 4.0.0, Body Parser 1.18.2, BCrypt 1.0.3, JSON WebToken 8.2.0, Mongoose 5.0.11, nodemon 1.17.2, MongoDB CLI 4.0.1

Buy Now For $50

OR access ALL Zenva courses with our subscription.

  • Access all 300+ courses
  • New courses added monthly
  • Cancel anytime
  • Certificates of completion

Subscribe

LUNAR NEW YEAR SALE - Get 60% off the annual plan! Claim Offer
+
Don't miss out! Offer ends in