Flux & Modules

on
Flux

What is Flux?
  • Flux is an architecture that Facebook uses internally when working with React.
  • It is not a framework or a library. 
  • It is simply a new kind of architecture 
  • Facebook does provide a repo that includes a Dispatcher library. The dispatcher is a sort of global pub/sub handler that broadcasts payloads to registered callbacks.
  • A typical Flux architecture will leverage this Dispatcher library, along with NodeJS's EventEmitter module in order to set up an event system that helps manage an applications state.
Flux is probably better explained by explaining its individual components:
  • Actions - Helper methods that facilitate passing data to the Dispatche
  • Dispatchers - receive actions that get dispatched to its listeners.
  • Stores -  Stores are objects that store data, usually changed from a dispatcher listener.
  • Views - views are React components that listen to Store changes, or emit actions to the dispatcher.
Modules

React

The react package contains only the functionality necessary to define React components. It is typically used together with a React renderer like react-dom for the web, or react-native for the native environments.

What is gulp?

Automation - gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow.
Platform-agnostic - Integrations are built into all major IDEs and people are using gulp with PHP, .NET, Node.js, Java, and other platforms.
Strong Ecosystem - Use npm modules to do anything you want + over 2000 curated plugins for streaming file transformations
Simple - By providing only a minimal API surface, gulp is easy to learn and simple to use

reactify 

transform also can compile a limited set of es6 syntax constructs into es5. Supported features are arrow functions, rest params, templates, object short notation and classes. You can activate this via --es6 or --harmony boolean option:

browserify

 is a tool for compiling node-flavored commonjs modules for the browser.
You can use browserify to organize your code and use third-party libraries even if you don't use node itself in any other capacity except for bundling and installing packages with npm.

Underscore.js

is a utility-belt library for JavaScript that provides support for the usual functional suspects (each, map, reduce, filter...) without extending any core JavaScript objects.

Comments

Post a Comment