FREELessons:28Length:4 hours


Next lesson playing in 5 seconds
CancelBuild a Microblogging App With Flux and React
Introduction
00:57
There's a lot of talk about Flux these days. If you haven't had a chance to try it yet, you might wonder what you're missing!
Flux is an architecture for React applications. It was developed by Facebook to complement the strengths of the React view framework. In this course, we'll build a simple Twitter clone using the Flux architecture, with React powering the views.
We've built comprehensive guides to help you learn JavaScript and React, whether you're just getting started or you want to explore more advanced topics.
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
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.