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

🚀 React JS from Scratch with Redux and React Router 🎓

Important Update: This course was crafted in 2017, during the heyday of React classes and the nascent stages of ES6 adoption. Since then, the React ecosystem has evolved towards functional programming with hooks. While this course includes coverage of hooks, it is primarily centered around the older class-based model. If you're new to React or prefer a more modern approach using next.js, redux-toolkit, etc., please consider these updates as you learn. The course still holds up well and will work just fine; it's simply "classic" by today's standards.

Course Overview:

React has been a staple in the front-end world since its debut in 2013. It's the tool of choice for giants like Facebook, Amazon, Netflix, BBC, Airbnb, and Ebay. This course will guide you through mastering React, including its powerful routing with React Router and state management with Redux, as well as modern tools like hooks and context. You'll also dive into handling payments with front-end Stripe integration.

• TL;DR: React is a game-changer in web development. With my 8 years of professional teaching experience, I'll help you unlock the potential of React to enhance your career. Let's get started!

What I Need from You:

Before we embark on this learning journey, here are a few prerequisites:

1. JavaScript, CSS, and HTML Proficiency: A solid understanding of these foundational technologies is crucial for success in this course.

2. ES6 Knowledge: Familiarity with ES6 (JavaScript 2015) will be beneficial as the course progresses. I'll briefly explain its features where necessary, and a supplemental section will cover it in-depth.

3. Computer Navigation Skills: You should feel comfortable using your computer, including the terminal, and not shy away from seeking help when needed.

Why Choose This Course?

With my experience dating back to 2014, I've seen React grow and evolve. I've used various frameworks but stand by React for its power and simplicity. My professional journey includes teaching React for 4 years and building complex applications for major U.S. companies. I'll walk you through the fundamentals and build up to advanced topics like webpack, Redux, and more at a pace that's comfortable.

• Bold Sections Update: The sections marked in bold are on track for completion by August 15, and you'll receive an update upon their release.

Course Breakdown:

1. Environment Setup: We'll get you ready to work with React (skip if you already have Node.js installed).

2. React 101: Foundational concepts of React to kickstart your learning.

3. State and Events: Understanding the core of how React manages state and handles events.

4. Component Lifecycle and HTTP: Diving deeper into the lifecycle methods of components and how they communicate with external APIs.

5. Project 1 - Flash Card App (AWS Services): Putting theory into practice with a hands-on project using AWS services.

6. React Router: Navigating different parts of your React application.

7. Redux: Managing the state of your entire app predictably with Redux.

8. Redux Middleware (redux-promise and redux-thunk): Enhancing Redux capabilities with middleware.

9. AirBnB Clone with Redux: A comprehensive project to solidify your understanding of Redux in a real-world application, including an overview of front-end authentication practices.

10. Building/Preparing React for Deployment: Making your app ready to be deployed.

11. Hooks - The 2020 Way to Do React: Embracing the latest features in React for more efficient and functional code.

12. Context: Utilizing React's Context API to manage global state.

Supplemental: ES6 for React: A dedicated section to catch up on the essential ES6 features that will make your React development smoother and more powerful.

Embark on this React adventure with me, and let's turn your coding skills into something remarkable! 🌟