Modern Web Apps With React and Redux

Modern Web Apps With React and Redux
Modern Web Apps With React and Redux
English | MP4 | AVC 1280Ă—720 | AAC 44KHz 2ch | 3 Hours | 1.53 GB

React is a JavaScript library for building user interfaces that has taken the web development world by storm. React is known for its blazing-fast performance and has spawned an ecosystem of thousands of related modules on NPM, and many tooling options. However, in a community that favours choice and flexibility, it can be hard to know where to start! Not to worry, some patterns and modules have emerged as best practices—like Redux for managing application state. In this course you'll learn all about how React, Redux and other leading modules fit together for a complete picture of app development.

In this course, Envato Tuts+ instructor Andrew Burgess will get you started building modern web apps with React and Redux. Starting from nothing, you'll use these two libraries to build a complete web application. You'll start with the simplest possible architecture and slowly build up the app, feature by feature. You'll learn about basic concepts like tooling, reducers, and routing. You'll also learn about some more advanced techniques like smart and dumb components, pure components, and asynchronous actions. By the end, you'll have created a complete flashcards app for learning by spaced repetition.

Along the way, you'll get a chance to sharpen your ES6 (ECMAScript 2015) skills and learn the patterns and modules that work best with React and Redux!

Table of Contents

1.1. Introduction
1.2. Application Demo
2.1. Set Up the Project
2.2. Reducers nd Actions
2.3. Combining Reducers
3.1. Build a Pure Component
3.2. Start the Sidebar
3.3. Write Action Creators
3.4. Use Action Creators
4.1. Refactor Our Application for Growth
4.2. Using the `react-redux` Package
4.3. Add a Router
4.4. Create Nested Routes
4.5. Add `localStorage` Support
5.1. Create the Toolbar
5.2. Create the New Card Modal
5.3. Display a Deck of Cards
5.4. Create the Edit Card Modal
5.5. Filter Cards
5.6. Create a Study Interface
5.7. Add Asynchronous Actions
6.1. Conclusion