- Overview
- Transcript
1.1 Introduction
In this course, you’ll learn how to get started building modern web apps with React and Redux.
Related Links
1.Introduction2 lessons, 04:39
1.1Introduction01:31
1.2Application Demo03:08
2.Get Started With Redux6 lessons, 41:43
2.1Set Up the Project09:34
2.2Reducers and Actions10:10
2.3Combining Reducers08:42
2.4Challenge: Add a Case to a Reducer04:44
2.5Challenge: Split a Reducer05:19
2.6Challenge: Build a Component03:14
3.Create React Components8 lessons, 50:18
3.1Build a Pure Component04:53
3.2Start the Sidebar04:31
3.3Write Action Creators08:37
3.4Use Action Creators06:42
3.5Challenge: Temperature Converter05:50
3.6Challenge: Todo List09:21
3.7Challenge: Action Creators07:26
3.8Challenge: Refs Research02:58
4.Application Structure9 lessons, 56:09
4.1Refactor Our Application for Growth08:43
4.2Using the `react-redux` Package13:12
4.3Add a Router07:24
4.4Create Nested Routes07:44
4.5Add `localStorage` Support03:38
4.6Challenge: Presentational and Container Components07:26
4.7Challenge: Basic Routing02:53
4.8Challenge: Route Not Found02:51
4.9Challenge: Route Parameters02:18
5.Implement the App9 lessons, 1:31:34
5.1Create the Toolbar06:16
5.2Create the New Card Modal15:16
5.3Display a Deck of Cards05:27
5.4Create the Edit Card Modal10:20
5.5Filter Cards06:24
5.6Create a Study Interface19:29
5.7Add Asynchronous Actions13:08
5.8Challenge: General Conversion Component07:11
5.9Challenge: Users List Component08:03
6.Conclusion1 lesson, 01:32
6.1Conclusion01:32
1.1 Introduction
Welcome to this tuts+ course on building a Web Application with react and Redux. I'm Major Burgess, and I'll be your instructor through these lessons. React and Redux are really really popular libraries these days. And if you haven't had an opportunity to look at them yet, this is your chance in this series of lessons. We're going to build a complete web application using react and redux. We're going to start out very very simply everything we write will be in a single file and we're going to slowly add features to our web application until we have a pretty reasonably sized project that's going to span over a dozen files. If you've found that other tutorials are a little bit difficult for a beginner to follow, I hope you'll find these lessons to be a great way to learn. We're going to assume you know pretty much nothing about react and redux and we're gonna build from there. Before we get started, I want to mention that we're going to be using ECMAScript 6 throughout these lessons. Of course you don't need to use ES6 if you want to use react and redux. However some of the newer syntax in ES6 will make our work a little bit easier. If you're not familiar with the ES6 syntax, don't worry. I try to explain a lot of what we're using along the way. However, there are a ton of great ES6 resources out there that you can use to get started. So if you're ready to get started, let's go.