Build a Microblogging App With Flux and React

by Andrew Burgess1 Sep 2015

Lessons:28Length:4 hours

React Flux JavaScript Web Development Node.js Express Passport Front-End Authentication Web Apps Node

Turn Autoplay Off

Next lesson playing in 5 seconds

Cancel

Free Preview: Build 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 Started
2 lessons, 03:51

Free Lesson

1.1
Introduction
00:57

Free Lesson

1.2
Application Demo
02:54

5.Conclusion
1 lesson, 00:29

5.1
Conclusion
00:29

Andrew Burgess

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.

andrew8088

Next lesson playing in 5 seconds

Free Preview: Build a Microblogging App With Flux and React

Introduction

1.Getting Started
2 lessons, 03:51

Free Lesson

1.1
Introduction
00:57

Free Lesson

1.2
Application Demo
02:54

2.Project Setup
3 lessons, 20:58

2.1
Setting Up a Gulpfile
10:02

2.2
Creating an Index Page
05:45

2.3
Starting the Server
05:11

3.Server-Side Code
6 lessons, 53:00

3.1
User Accounts Overview
07:23

3.2
Configuring Passport
08:55

3.3
Installing Middleware
05:21

3.4
Writing the Login Template
06:14

3.5
Writing Login Routes
19:23

3.6
Creating the Chirps API
05:44

4.The Client Side
16 lessons, 2:43:53

4.1
An Overview of Flux
06:00

4.2
Creating Constants and Actions
16:22

4.3
Writing the Store Creator
14:13

4.4
Creating the Chirp Store
12:59

4.5
Writing the App Component
07:16

4.6
Creating the Chirp Input Component
17:55

4.7
Creating the Chirp List Component
10:31

4.8
Creating the Chirp Box
12:46

4.9
Creating the User Store
07:52

4.10
Creating the User List Component
16:12

4.11
Creating the Follow Button
13:51

4.12
Sorting Stores
02:13

4.13
Creating Navigation
03:13

4.14
Creating the User Profile
11:59

4.15
Writing Store Mixins
07:47

4.16
Doing Server Polling
02:44

5.Conclusion
1 lesson, 00:29

5.1
Conclusion
00:29

Next lesson playing in 5 seconds

Free Preview: Build a Microblogging App With Flux and React

Introduction

1.Getting Started2 lessons, 03:51

2.Project Setup3 lessons, 20:58

3.Server-Side Code6 lessons, 53:00

4.The Client Side16 lessons, 2:43:53

5.Conclusion1 lesson, 00:29

1.Getting Started
2 lessons, 03:51

2.Project Setup
3 lessons, 20:58

3.Server-Side Code
6 lessons, 53:00

4.The Client Side
16 lessons, 2:43:53

5.Conclusion
1 lesson, 00:29