![The Complete React Developer Course (with Hooks and Redux) [Video]](https://content.packt.com/V15482/cover_image_small.jpeg)
The Complete React Developer Course (with Hooks and Redux) [Video]
Subscription
FREE
Video
$90.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video
$90.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterWelcome
-
Setting up Your Environment
-
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
-
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
-
Stateless Functional Components
-
Webpack
-
Using a Third-Party Component
-
Styling React
-
React-Router
-
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
-
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
-
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
-
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
-
Firebase 101
-
Firebase with Redux
-
Firebase Authentication
-
Styling Expensify App
-
What Now?
-
[New!] Hooks, Context, Fragments, and More
- Section Intro
- Using Create React App
- The useState Hook
- useState vs. setState
- Complex State with useState
- The useEffect Hook
- useEffect Dependencies
- Cleaning up Effects
- The useReducer Hook
- The Context API & useContext Hook: Part I
- The Context API & useContext Hook: Part II
- Fragments
- Creating Custom Hooks
About this video
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.
All the codes and supporting files for this course are available at - https://github.com/PacktPublishing/The-Complete-React-Developer-Course-with-Hooks-and-Redux-
- Publication date:
- October 2019
- Publisher
- Packt
- Duration
- 38 hours 56 minutes
- ISBN
- 9781839212123
Latest Reviews
(1 reviews total)