FREELessons: 28Length: 4 hours
- Overview
- Transcript
5.1 Conclusion
That’s a wrap for this course. Thanks for following along! If you’re interesting in learning more about Flux or React, check out the links below.
Related Links
- Tuts+: Getting Started with React.js
- An Opinionated Guide to React.js Best Practices and Conventions
- Unit-Testing React Components Without a DOM
- React and Flux: Building Applications with a Unidirectional Data Flow
- Beyond the To-Do App: Writing Complex Applications With Flux and ReactJS
- Async Requests With React.js and Flux, Revisited
1.Getting Started2 lessons, 03:51
2 lessons, 03:51
1.1Introduction00:57
1.1
Introduction
00:57
1.2Application Demo02:54
1.2
Application Demo
02:54
2.Project Setup3 lessons, 20:58
3 lessons, 20:58
2.1Setting Up a Gulpfile10:02
2.1
Setting Up a Gulpfile
10:02
2.2Creating an Index Page05:45
2.2
Creating an Index Page
05:45
2.3Starting the Server05:11
2.3
Starting the Server
05:11
3.Server-Side Code6 lessons, 53:00
6 lessons, 53:00
3.1User Accounts Overview07:23
3.1
User Accounts Overview
07:23
3.2Configuring Passport08:55
3.2
Configuring Passport
08:55
3.3Installing Middleware05:21
3.3
Installing Middleware
05:21
3.4Writing the Login Template06:14
3.4
Writing the Login Template
06:14
3.5Writing Login Routes19:23
3.5
Writing Login Routes
19:23
3.6Creating the Chirps API05:44
3.6
Creating the Chirps API
05:44
4.The Client Side16 lessons, 2:43:53
16 lessons, 2:43:53
4.1An Overview of Flux06:00
4.1
An Overview of Flux
06:00
4.2Creating Constants and Actions16:22
4.2
Creating Constants and Actions
16:22
4.3Writing the Store Creator14:13
4.3
Writing the Store Creator
14:13
4.4Creating the Chirp Store12:59
4.4
Creating the Chirp Store
12:59
4.5Writing the App Component07:16
4.5
Writing the App Component
07:16
4.6Creating the Chirp Input Component17:55
4.6
Creating the Chirp Input Component
17:55
4.7Creating the Chirp List Component10:31
4.7
Creating the Chirp List Component
10:31
4.8Creating the Chirp Box12:46
4.8
Creating the Chirp Box
12:46
4.9Creating the User Store07:52
4.9
Creating the User Store
07:52
4.10Creating the User List Component16:12
4.10
Creating the User List Component
16:12
4.11Creating the Follow Button13:51
4.11
Creating the Follow Button
13:51
4.12Sorting Stores02:13
4.12
Sorting Stores
02:13
4.13Creating Navigation03:13
4.13
Creating Navigation
03:13
4.14Creating the User Profile11:59
4.14
Creating the User Profile
11:59
4.15Writing Store Mixins07:47
4.15
Writing Store Mixins
07:47
4.16Doing Server Polling02:44
4.16
Doing Server Polling
02:44
5.Conclusion1 lesson, 00:29
1 lesson, 00:29
5.1Conclusion00:29
5.1
Conclusion
00:29
5.1 Conclusion
This brings us to the end of building a web application with Flux and React. I hope that by now you feel you have a solid understanding of Flux, and that you can go out and implement that pattern in your own web applications. If you've also picked up a few tips and tricks for React along the way, that's great. I'll include a bunch of links underneath this video that you can check out, if you're interested in diving a little deeper into any of the topics that Flux or React brings up. Well, that's it for me, for now. So, I'll see you later.
Hi! I'm Andrew Burgess, and I'm a connoisseur of all things programming.
I'm from near Toronto, Canada, and I've been fooling around with computers for nearly my whole life, both hardware and software. Right now, I'm finishing up a computer science degree. For almost a decade now, I've been playing around with over a dozen programming languages on several different platforms, from JavaScript to Java, from Ruby to Befunge. My favourite has always been JavaScript.
I've always enjoyed writing, so when I discovered Tuts+ in 2009, I was excited to start writing tutorials. Since then, I've been writing tutorials and producing screencasts for Tuts+. Right now, I'm a course instructor and I produce mostly JavaScript-related courses. Maybe you've seen Building a Web App from Scratch with Angular.js or Node.js from Scratch; that's me!
I've also written a few ebooks, like Getting Good with Git, Getting Good with JavaScript, and, more recently, Backbone.js Blueprints.