Modern React with Redux

Name: Modern React with Redux
Brand: Stephen Grider
Price: 12.00 USD
Availability: Discontinued

10 Hours

$12.00$30.00

You save 60%

97 Lessons (10h)

An Intro to React
Introduction - Github Links for Project Files!
Completed Projects - Github Links
The Purpose of Boilerplate Projects
Environment Setup
Project Setup
A Taste of JSX
More on JSX
ES6 Import Statements
ReactDOM vs React
Differences Between Component Instances and Component Classes
Render Targets
Component Structure
Youtube Search API Signup
Export Statements
Class-Based Components
Handling User Events
Introduction to State
More on State
Controlled Components
Breather and Review
Ajax Requests with React
Youtube Search Response
Refactoring Functional Components to Class Components
Props
Building Lists with Map
List Item Keys
Video List Items
Detail Component and Template Strings
Handling Null Props
Video Selection
Styling with CSS
Searching for Videos
Throttling Search Term Input
React Wrapup
Modeling Application State
Foreword on Redux
What is Redux?
More on Redux
Even More on Redux!
Managing App State with Redux
Reducers
Containers - Connecting Redux to React
Containers Continued
Implementation of a Container Class
Containers and Reducers Review
Actions and Action Creators
Binding Action Creators
Creating an Action
Consuming Actions in Reducers
Consuming Actions in Reducers Continued
Conditional Rendering
Reducers and Actions Review
Intermediate Redux: Middleware
App Overview and Planning
Component Setup
Controlled Components and Binding Context
Form Elements in React
Working with API's
Introduction to Middleware
Ajax Requests with Axios
Redux-Promise in Practice
Redux-Promise Continued
Avoiding State Mutations in Reducers
Building a List Container
Mapping Props to a Render Helper
Adding Sparkline Charts
Making a Reusable Chart Component
Labeling of Units
Google Maps Integration
Google Maps Integration Continued
Project Review
React Router + Redux Form
App Overview and Goals
Exploring the Posts Api
Installing React Router
React Router - What is It?
Setting Up React Router
Route Configuration
Nesting Of Routes
IndexRoutes with React Router
Back To Redux - Index Action
Catching Data with Posts Reducer
Catching Data with Posts Reducer Continued
Fetching Data with Lifecycle Methods
Fetching Data with Lifecycle Methods Continued
Creating New Posts
Navigation with the Link Component
Forms and Form Submission
More on Forms and Form Submission
Passing Control to Redux Form
CreatePost Action Creator
Form Validation
Form Validation Continued
Navigating on Submit
Posts Index
Dynamic Route Params
Loading Data on Render
Handling Null Props
Delete Action Creator
Navigate on Delete
ReactRouter and ReduxForm Wrapup

DescriptionInstructorImportant DetailsRelated Products

Develop Apps Supported by NPM, Webpack & ES6 with This Foundational Intro

Stephen GriderStephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course.

Description

Take the first step towards mastering modern web development with the Modern React with Redux tutorial. React is a JavaScript library used to build large applications with data that changes over time. With Redux, you can better structure and query those large applications--skills that will put you in a better position to stay ahead of the curve in the constantly changing web marketplace. From an introduction to JXS straight through to topics like reducers, actions and the state tree, this course will be a great foundation for your modern web development education.

Access 97 lectures & 10 hours of content 24/7
Stay up to date with course pacing w/ source code provided for every lecture
Build amazing single page applications w/ React JS and Redux
Master fundamental concepts behind structuring Redux applications
Realize the power of building composable components
Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, & ES6/ES2015 Javascript syntax

Specs

Details & Requirements

Length of time users can access this course: lifetime access
Access options: web streaming, mobile streaming
Certification of completion included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: all levels, but some background in HTML, CSS, or JavaScript may be helpful

Compatibility

Internet required

Terms

Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.

Your Cart

Your cart is empty. Continue Shopping!

Processing order...