Book Image

Learning React.js with Flux [Video]

By : Ben Fhala
Book Image

Learning React.js with Flux [Video]

By: Ben Fhala

Overview of this book

Flux is a web application development architecture created and used by Facebook. It fits seamlessly with React—in MVC terms, Flux is the Model and Controller to React’s View, but it actually goes much deeper than that. Flux is a new way of thinking compared to the old MVC model. Instead, it sets out a Dispatcher, Store, and View model for creating applications with much clearer data flow. Enabling you to create cleaner and more easily maintainable applications that scale better and are easier to debug. This course starts by having a running server that connects to Mongo database with Mongoose. We will also explore more about Nodemon, express, EJS, MongoDB, and Mongoose. Then we proceed to add React to present the data sent from the server. After integrating React into our workflow, the course focuses on building some of the critical components required to create the To-Do list. Then we proceed to learn about data storage and management on the client. Once you get acquainted with Flux and React, finally, the course takes us through integrating the Flux application with our backend. This course is a complete introduction to Flux, covering the new Flux paradigm and teaching how to create Flux and React web applications from the ground up.
Table of Contents (5 chapters)
Chapter 5
Building Out Tasks
Content Locked
Section 2
Using Body Parser in Express
Now we are sending data to the server, it is time for our server to respond to that data. In this video, we will use body-parser as a middleware in express to enable us to access the data sent by the client and for now we will send it right back to the client without saving it on the server. - Use another express middleware names body-parser - Complete the Ajax call to retrieve the data sent from the client side