React and Redux

PT20647
Training Summary
React makes creation of beautiful and capable web applications possible with much less work. It allows software developers to write ultra-modern web-based programs as part of large teams. Redux makes the management of web data extremely controllable. The combination of the two is powerful! Using short, to-the-point TED-style lectures, this course leads you through both of these JavaScript libraries from scratch. We'll lay a foundation of the tooling for both libraries. Then we launch into an understanding of Redux from the ground-up, moving all the way into advanced topics like middleware and asynchronous Ajax calls through dispatchers. Finally, we'll learn how React works and how to integrate Redux into it. We will get you up and running rapidly, preparing you for real-world application development with a deep understanding of React components and well-structured applications. If you are new to React and Redux, or if you've been working with it but not quite getting how it really works, this is the course for you!
Prerequisites
A very strong grasp of advanced JavaScript. Please ask about our 5-day JavaScript course which will prepare you for the high-level of JavaScript fluency needed for this course. Very solid HTML5 and CSS knowledge is helpful.
Duration
5 Days/Lecture & Lab
Audience
Experienced web developers who want to be equipped to handle large-scale web applications
Course Topics
  • Course Overview
  • React Introduction
  • create-react-app
  • Redux intro
  • Creating the store
  • State and Subscriptions
  • Actions and Reducers 101
  • Advanced Actions
  • Reducer composition
  • Redux Middleware
  • Ajax with Redux
  • Redux-thunk (Time permitting)
  • Redux-saga (Time permitting)
  • How to create components
  • How to display HTML
  • How to display images
  • How to handle events
  • How to style with CSS
  • How to work with JS libraries
  • How to display data
  • How to style with inline styles
  • How to use state
  • How to run tasks around render
  • How to conditionally display
  • How to display arrays
  • How to compose and decompose
  • How to pass data down
  • How to lift state up
  • How to run functions in JSX
  • How to handle forms
  • How to do simple routing
  • How to read route parameters
  • How to create hyperlinks
  • How to navigate imperatively
  • How to use inclusive routing
  • TypeScript in React (Time permitting)

Related Scheduled Courses