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!

by Andrew Burgess
3 May 2016
Lessons:22
Length:2.9 hours

1. Introduction 2 lessons, 04:22
1.1 Introduction 01:14
1.2 Application Demo 03:08

2. Get Started With Redux 3 lessons, 28:26
2.1 Set Up the Project 09:34
2.2 Reducers and Actions 10:10
2.3 Combining Reducers 08:42

3.Create React Components 4 lessons, 24:43
3.1 Build a Pure Component 04:53
3.2 Start the Sidebar 04:31
3.3 Write Action Creators 08:37
3.4 Use Action Creators 06:42

4. Application Structure 5 lessons, 40:41
4.1 Refactor Our Application for Growth 08:43
4.2 Using the `react-redux` Package 13:12
4.3 Add a Router 07:24
4.4 Create Nested Routes 07:44
4.5 Add `localStorage` Support 03:38

5. Implement the App 7 lessons, 1:16:20
5.1 Create the Toolbar 06:16
5.2 Create the New Card Modal 15:16
5.3 Display a Deck of Cards 05:27
5.4 Create the Edit Card Modal 10:20
5.5 Filter Cards 06:24
5.6 Create a Study Interface 19:29
5.7 Add Asynchronous Actions 13:08

6. Conclusion 1 lesson, 01:32
6.1 Conclusion 01:32

Download
http://pak17.com/2016/06/02/modern-web-apps-with-react-and-redux-tutsplus/