REACT FLUX TUTORIAL #9 - React Flux Introduction & Flux Stores

Let's build a Flux app with React. Flux is a pattern that Facebook created for building consistent, stable web apps with React. React really doesn't give us a way to manage data, it simple accepts data through props or state. So, when it comes to data, there are many ways you can do it. Flux is a great, proven pattern for building apps with React.

GET THE SOURCE CODE:

React JS #1: Intro & Workspace Setup

React JS #2: Anatomy of a Component

React JS #3: Composing Multiple Components

React JS #4: State, Props & Data

React JS #5: Events & Data Changes

React JS #6: React Router & Intro to Single Page Apps

React JS #7: React Router Params & Queries

React JS #8 - React Inline Styles & Component Arrays

React JS Flux #9 - React Flux Tutorial

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
-~-~~-~~~-~~-~-

[titaniumwolf]

Awesome videos Will Sensei!
I've been practicing react with flux for nearly a month now and I love it.
Your videos are helping so much!
Have a nice day.

[gogy]

Finally! Finally someone who explained Flux flow with an example. I have been following this series and I have to say it's the best out there. What I like the most is that you explain what is some piece of code doing, and why do you write something. I paid memberships on two big tutorial websites to learn React/Flux and in every freakin' tutorial they just say "and we put that here, let's put that here for now...", with no explanations why. I really like the slow approach so it's easy to understand. Just please don't start pasting big chunks of code like others do. Keep up awesome work. I really appreciate what you're doing. Thank you!

[hadihonarvarnazari]

so far best explanation of react stuffs, thanks for sharing.

[emreuzelgok]

The best React tuts series I have seen. Thank you so much..

[nuwansameera]

Finally i understood how the *#!&$8#* flux architecture Thanks Lot

[ilyakatlinski]

Great videos, waiting to next batch in series. Thanks!

[BTO]

Great videos <3, waiting to more react videos

[weaselgrater]

Should I even watch this or find a Redux tutorial instead. Do you have any on your channel?

[ErikOrjehag]

Can you cram more into one video? :P the fun is just getting started when the video is over. The cliffhangers are killing me lol...

[sohamgumaste]

Hey, please can you do a complete jekyll tutorial series next? There aren't many good guides for that.

[rafaelgoesmann]

Do you recommend learning Flux or Redux first?, Also how would you go about getting the state from an ajax request? What component would you put the ajax request in?

[uusa]

cool thank you so much, but i heard some people they prefer redux more than flux, can you give us the difference briefly please ?, i would be so thankful

[tsolimaninf]

1:55 What Will is trying to say is, "if you're coming from an Angular world, well, too bad."

[kristinabranishevskaya]

8:30 can someone please explain to me, why can't we write all those todos in the constructor like this: this.state = {todos: [{}, {}]}?
What's the difference?

[Manatoro]

I think there might be a bug in the code, the settings and favorites pages render twice when accessed.

[sertonin]

On the TodoStore.js, he exported the instance "todoStore" of the class "TodoStore". On the Todos.js, he imported the class "TodoStore" rather than the instance of the class. The class hasn't been exported. Why is it still working??

[heshamscorpe]

the { ... todo } syntax is kind new, anyone knows what is that

[mdmullins]

Would you not use a database (mongodb etc) anymore then? Just component sized stores instead?

[retrolator]

Isn't angular's scope - analogy of flux's store?

[narcojauy]

I have noticed that my app size is getting crazy big. A minified JS file over 1 megabyte. When you go to deploy, how do you get the size down?