REACT FLUX TUTORIAL #13 – Asynchronous & AJAX Flux Actions



Let's do asynchronous flux actions now! We can easily load in data via Ajax and trigger multiple dispatches as the data loads. This will result in our React app remaining synchronous while the Flux portion handles all the async operations.

GET THE SOURCE CODE:
https://github.com/learncodeacademy/r...

React JS #1: Intro & Workspace Setup
https://youtu.be/MhkGQAoc7bc (Coming Tues, Feb 2@11CST)

React JS #2: Anatomy of a Component
https://youtu.be/fd2Cayhez58 (Coming Wed, Feb 3@11CST)

React JS #3: Composing Multiple Components
https://youtu.be/vu_rIMPROoQ (Coming Thurs, Feb 4@11CST)

React JS #4: State, Props & Data
https://youtu.be/qh3dYM6Keuw (Coming Fri, Feb 5@11CST)

React JS #5: Events & Data Changes
https://youtu.be/_D1JGNidMr4 (Coming Mon, Feb 8@11CST)

React JS #6: React Router & Intro to Single Page Apps
https://youtu.be/olLI54FATb8 (Coming Tues, Feb 9@11CST)

React JS #7: React Router Params & Queries
https://youtu.be/ZBxMljq9GSE

React JS #8 - React Inline Styles & Component Arrays
https://youtu.be/XVdwq8W2ZsM

React JS Flux #9 - React Flux Tutorial
https://youtu.be/PvjNglsyOHs

React JS Flux #10 - Flux Store Events (Coming Mon, Feb 22@11CST)
https://youtu.be/bvEC6i7CUyE

React JS Flux #11 - The Flux Dispatcher (Coming Tues, Feb 23@11CST)
https://youtu.be/MZfCVq5iCBw

React JS Flux #12 - Flux Actions (Coming Wed, Feb 24@11CST)
https://youtu.be/0yW7C22ooos

React JS Flux #13 - Async Flux Actions
https://youtu.be/CuYd9uDB0vg

code source

  • Is there any chance you can update your git repo to include the async parts of your tutorials?

    View Comment
  • Then ajax request must be in my FooActions? I've been trying unsuccessfully to put it in my Store.

    View Comment
  • You hint at making a network call within the TodoActions file. Do you feel like this is the correct place to handle the network calls? Personally I felt like that network calls should be encapsulated within TodoStore (based on the name). What are your thoughts?

    View Comment
  • I was getting errors using the switch statement. The syntax that worked for me is:

    switch(action.type) {
    case "CREATE_TODO":
    this.createTodo(aciton.text);
    break;
    case "RECEIVE_TODO":
    this.reveiveTodo(action.text);
    break;
    }

    View Comment
  • hug your wife dude~ lol

    View Comment
  • Thanks a lot for these video series it would be great if you could make a video on Dispatcher.waitFor()

    View Comment
  • How can I add a number in an array using Object.Assign. There is only one obj emp having number array as its property.. Want to add a number using Redux action.newNumber in reducer.

    View Comment
  • Thanks for putting these together Will. You've done a great job creating videos that are clear and concise.

    View Comment
  • redux comming up?

    View Comment
  • Thank you for these tutorials! I finally understand flux architecture! Would you please continue with Redux (+ react-router)?

    View Comment
  • can you make a special epsido for three js. Id love to see you doing 3D visually programming.

    View Comment
  • will you make a tutorial on more javascript? like for making games and stuff

    View Comment
  • This is much better and easier to understand than that stupid official tutorial….

    View Comment
  • Nice.. I'm am doing all asynch operations in actions using Thunk Middleware.. And dispatching an action on success.. So am I going right?

    View Comment
  • Please continue, you are the man!

    View Comment
  • Awesome series! Unrelated question which you probably have already answered… which ST theme are you using? Its gorgeous!

    View Comment
  • First view! Yay!

    View Comment