This is the code repository for React - The Complete Guide (Includes Hooks, React Router, and Redux) - Second Edition [Video], published by Packt. It contains all the supporting project files necessary to work through the book from start to finish.
React.js is the most popular JavaScript library you can learn and use these days to build modern, reactive user interfaces for the web. Learn React.js in a practice-oriented way, using all the latest patterns and best practices that you need. You will learn all the key fundamentals as well as advanced concepts and related topics to turn you into a React.js developer.
You will begin with a thorough introduction to React.js and the core basics: how React works, building components and UIs, props, and dynamic data binding. Then, we will proceed toward working with user events, React hooks, fragments, and portals, and will learn to deal with side-effects, class-based components, and functional components. Gain an in-depth knowledge about handling forms and user input, Redux and Redux Toolkit, Next.js, combining React with TypeScript, and much more. This is a huge course because it really covers EVERYTHING you need to know and learn to become a React.js developer!
You will get tons of useful information out of this course. The goal of this course is to ensure that you feel confident working with React so that you can apply for React jobs, use it in your own projects, or simply enhance your portfolio as a developer; whatever your goal is, this course gets you there!
By the end of this course, you will become a React.js developer.
Students who want to learn how to build reactive and fast web apps or want to take their web development skills to the next level can opt for this course.
This course starts with zero knowledge assumed. All you need is basic web development (HTML + CSS) and JavaScript knowledge. However, the course even includes a brief JavaScript refresher to ensure that we are all on the same page. ES6+ JavaScript knowledge is beneficial but not a must-have.
No prior React or any other JS framework experience is required!
Academind GmbH
Bundling the courses and the knowledge of successful instructors, Academind strives to deliver high-quality online education. The platform covers topics such as web development, data analysis, and more in a fun and engaging way.
Maximilian Schwarzmüller
Since the age of 13, he has never stopped learning new programming skills and languages. In his early days, he started creating websites simply for fun. This passion has remained and shaped his decision to work as a freelance web developer and consultant. Although he started web development on the backend (PHP with Laravel and NodeJS), he has progressed to becoming a front-end developer using modern frameworks such as React, Angular, and VueJS 2 in many projects.
The most rewarding experience for him is to see how people find new and better jobs, build exciting web applications, acquire amazing projects, or simply enjoy their hobby with the help of his content.
Section 1: Getting Started
Section 2: Optional: JavaScript Refresher
Section 3: React Basics and Working with Components
Section 4: React State and Working with Events
Section 5: Rendering Lists and Conditional Content
Section 6: Styling React Components
Section 7: Debugging React Apps
Section 8: Time to Practice: A Complete Practice Project
Section 9: Diving Deeper: Working with Fragments, Portals, and “Refs”
Section 10: Advanced: Handling Side Effects, Using Reducers, and Using the Context API
Section 11: Practice Project: Building a Food Order App
Section 12: A Look Behind the Scenes of React and Optimization Techniques
Section 13: An Alternative Way of Building Components: Class-Based Components
Section 14: Sending HTTP Requests
Section 15: Building Custom React Hooks
Section 16: Working with Forms and User Input
Section 17: Practice Project: Adding HTTP and Forms to the Food Order App
Section 18: Diving into Redux
Section 19: Advanced Redux
Section 20: Building a Multi-Page SPA with React Router
Section 21: Authentication
Section 22: Deploying React Apps
Section 23: An Introduction to Next.js
Section 24: Animating React Apps
Section 25: Replacing Redux with React Hooks
Section 26: Testing React Apps
Section 27: React and TypeScript
Section 28: Optional: React Hooks Introduction and Summary
Section 29: Optional: React Summary and Core Feature Walkthrough
Section 30: Course Roundup