by Ben Fhala | Publisher: Packt Publishing | Release Date: March 2017 | ISBN: 9781787284449

Create modern cutting-edge reactive applications with FluxAbout This VideoPart of the complete Full-Stack React courseThe thorough teaching style ensures content is understood This video teaches you a variety of modern web technologies, such as Flux, React, ES6, JSX, and moreIn DetailFlux 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.

1. Chapter 1 : Starting To Do a To-Do list
   • Building an Express/Node Server 00:10:04
   • Automatically Restarting Server with Nodemon 00:04:54
   • Adding a View Engine(EJS) 00:05:56
   • Understanding the Basics of MongoDB 00:06:15
   • Installing and Configuring Mongoose 00:06:02
2. Chapter 2 : Integrating React as a Visual Layer
   • Packing the Client- Side Code 00:08:36
   • Exposing Our Deploy Folder 00:12:19
   • Transcribing Our Code to ES5 with BabeLJS 00:12:08
   • Our First Render with React DOM 00:06:02
   • Creating a React Component 00:04:52
3. Chapter 3 : Understanding React as the Visual Layer
   • Building a Baseline Task Component 00:08:40
   • Creating Dynamic Components 00:07:54
   • Thinking in a Reusable Way 00:09:09
   • Adding User Initiated Events 00:06:48
   • Using State to Store New Task 00:05:56
4. Chapter 4 : Building the Model Layer with Flux
   • Starting with a Dispatcher 00:11:51
   • Understanding the Flux Store 00:07:53
   • Creating Our First Action 00:07:21
   • Connecting It All Together 00:07:39
   • Fixing Bugs 00:07:06
5. Chapter 5 : Building Out Tasks
   • Making Our Actions Async 00:12:43
   • Using Body Parser in Express 00:05:48
   • Creating a Mongoose Schema 00:05:34
   • Saving Task to Mongo 00:05:28
   • Getting All the Existing Task 00:09:57
   • Removing a Task 00:12:44