Video description
The Complete React Developer Course (with Hooks and Redux) starts with the fundamentals and covers everything you'll need to build, and launch React web apps.
You'll see what it takes to build and launch a React app, from the first line of code to the final production deployment.
This course was designed with one goal: to turn you into a professional React developer capable of developing, testing, and deploying real-world production applications.
You'll learn React by doing, not watching.
From the first videos, you'll build each project and resolve programming challenges designed to test and reinforce what you've learned.
Throughout the course you'll build two React web apps:
The first app, a decision-making app called Indecision, is our starter application. You'll learn React fundamentals while learning exactly what it takes to get a React app up-and-running.
The second app, an expense manager called Budget, has all the features you'd expect from a real application. You'll set up authentication, user accounts, routing, testing, form validation, database storage, and more.
What You Will Learn
- Build, test, and launch React apps
- Use cutting-edge ES6/ES7 JavaScript
- Set up authentication and user accounts
- Deploy your React apps live to the web
- Master the latest React libraries and tools
- Master React, Redux, React-Router, and more
Audience
This course is designed for anyone looking to launch their own React applications, switch careers, or freelance as a React developer.
About The Author
Andrew Mead: Andrew Mead - A Full-stack Developer & Teacher
Andrew is a full-stack developer living in beautiful Philadelphia! He launched his first course in 2014 and had a blast teaching and helping others. Since then, he has launched 3 courses with over 110,000 students and over 18,000 5-star reviews. He currently teaches JavaScript, React, and Node. Before he ever thought about teaching, he created a web app development company. He has helped companies of all sizes launch production web applications to their customers. He had the honor of working with awesome companies like Siemens, Mixergy, and Parkloco. He had a Computer Science degree from Temple University, and I've been programming for just over a decade. I love creating, programming, launching, learning, teaching, and biking. He can't wait to see you inside one of my courses!
Table of contents
- Chapter 1 : Welcome
- Chapter 2 : Setting up Your Environment
-
Chapter 3 : Hello React
- Section Intro: Hello React
- Setting up a Web Server
- Hello React
- Setting up Babel
- Exploring JSX
- JSX Expressions
- Conditional Rendering in JSX
- ES6 Aside: const and let
- ES6 Aside: Arrow Functions
- ES6 Aside: Arrow Functions Part II
- Events and Attributes
- Manual Data Binding
- Forms and Inputs
- Arrays in JSX
- Picking an Option
- Build It: Visibility Toggle
-
Chapter 4 : React Components
- Section Intro: React Components
- Thinking in React
- ES6 Classes: Part I
- ES6 Classes: Part II
- Creating a React Component
- Nesting Components
- Component Props
- Events Methods
- Method Binding
- What Is Component State?
- Adding State to Counter App: Part I
- Adding State to Counter App: Part II
- Alternative setState Syntax
- Build It: Adding State to VisibilityToggle
- Indecision State: Part I
- Indecision State: Part II
- Summary: Props vs. State
- Chapter 5 : Stateless Functional Components
- Chapter 6 : Webpack
- Chapter 7 : Using a Third-Party Component
- Chapter 8 : Styling React
- Chapter 9 : React-Router
-
Chapter 10 : Redux
- Section Intro: Redux
- Why Do We Need Something Like Redux?
- Setting up Redux
- Dispatching Actions
- Subscribing and Dynamic Actions
- ES6 Object Destructuring
- ES6 Array Destructuring
- Refactoring and Organizing
- Reducers
- Working with Multiple Reducers
- ES6 Spread Operator in Reducers
- Spreading Objects
- Wrapping up Our Reducers
- Filtering Redux Data
- Sorting Redux Data
-
Chapter 11 : React with Redux
- Section Intro: Connecting React and Redux
- Organizing Redux
- The Higher Order Component
- Connecting Store and Component with React-Redux
- Rendering Individual Expenses
- Controlled Inputs for Filters
- Dropdown for Picking SortBy
- Creating Expense Add/Edit Form
- Setting up a Date Picker
- Wiring up Add Expense
- Wiring up Edit Expense
- Redux Dev Tools
- Filtering by Dates
-
Chapter 12 : Testing Your Application
- Section Intro: Testing React Components
- Setting up Jest
- Testing Expenses Action Generators
- Testing Filters Action Generators
- Testing Expenses Selector
- Testing Filters Reducer
- Testing Expenses Reducer
- Snapshot Testing
- Enzyme
- Snapshot Testing with Dynamic Components
- Mocking Libraries with Jest
- Testing User Interaction
- Test Spies
- Testing AddExpensePage
- Testing EditExpensePage
- Testing ExpenseListFilters
- Testing ExpenseListFilters: Part II
-
Chapter 13 : Deploying Your Apps
- Section Intro: Deploying Your Apps
- Installing Git
- What is Git?
- Integrating Git into Our Project
- Setting up SSH and Github
- Production Webpack
- Creating Separate CSS Files
- A Production Web Server with Express
- Deploying with Heroku
- Regular vs Development Dependencies
- New Feature Workflow
- Build It: Adding Total Selector
- Build It: Adding Summary Component
- Chapter 14 : Firebase 101
- Chapter 15 : Firebase with Redux
- Chapter 16 : Firebase Authentication
- Chapter 17 : Styling Expensify App
- Chapter 18 : What Now?
- Chapter 19 : [New!] Hooks, Context, Fragments, and More
Product information
- Title: The Complete React Developer Course (with Hooks and Redux)
- Author(s):
- Release date: October 2019
- Publisher(s): Packt Publishing
- ISBN: 9781839212123
You might also like
video
React - The Complete Guide (incl. Hooks, React Router and Redux)
Learn React or dive deeper into it. Learn the theory, solve assignments, practice on demo projects …
video
React: Zero to Full-Stack (Video Collection)
This course contains everything you need to know to become a full-stack developer with the React …
book
Full Stack Development with Spring Boot and React - Third Edition
PUBLISHER'S NOTE: A new edition of this book is now available, revised and updated for Spring …
book
React Hooks in Action
Build stylish, slick, and speedy-to-load user interfaces in React without writing custom classes. React Hooks are …