ReactJS Programming Bootcamp

1 Review
1151 Enrolled
8 Courses & 44 Hours
$39.00$458.00
You save 91% -

What's Included

Modern React with Redux
  • Certification included
  • Experience level required: All levels
  • Access 97 lectures & 10.5 hours of content 24/7
  • Length of time users can access this course: Lifetime

Course Curriculum

97 Lessons (10.5h)

  • 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

Modern React with Redux

SG
Stephen Grider

Stephen 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 over 97 lectures & 10.5 hours of content
  • 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: Intermediate, some background in HTML, CSS, or JavaScript may be helpful

Compatibility

  • Windows
  • Mac
  • Android
  • iOS

Terms

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