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 3
Understanding React as the Visual Layer
Content Locked
Section 3
Thinking in a Reusable Way
React is more than a smarter way to render things to the DOM. It’s a great way to change the way you think into building things out using components. In this video, we will create a reusable component based on our usage needs. - Understand how to plan for reusability - Focus on planning, but don’t over plan - Consider a button as an example to create something reusable