There's a lot of talk about Flux applications going on around the Internet these days. And if you haven't been keeping up with it you might be wondering what exactly is Flux and should I be using it? Hi, I'm Andrew Burgess and in this course, I'm going to teach you all about building a Flux application. Flux is actually an application architecture similar to MVC. And so you can use the Flux pattern to build amazing web applications. And that's what we're going to be doing in this course. We're going to be building a simple Twitter clone that we're gonna call Chirper. It's going to be built with the Flux pattern, and we're also going to use React as the view library. So, we have two different projects from Facebook in this course. Throughout this course, you'll learn what flux Is and how you can do it. We'll take a look at building actions and stores. We'll take a look at how our views should interact with those actions and stores. And we'll build a small but robust server side that will manage all of our user accounts and data for us. We've got a lot to cover here, so as soon as you're ready, let's get started.

Back to the top

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

Build a Microblogging App With Flux and React

Next lesson playing in 5 seconds

1.1 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

1.1 Introduction

Build a Microblogging App With Flux and React

Next lesson playing in 5 seconds

1.1 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.1 Introduction

Envato Tuts+ is now part of Envato Elements

One subscription provides unlimited access to:

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