of time. • Capacitor = Temporary Storage. • Flux Capacitor must be powered by a small Reactor. • Time space continuum is circular in nature. http://backtothefuture.wikia.com/wiki/File:Flux-capacitor-back-to-the-future.jpg
one way direction to flow • Capacitor is Store • Event trigger from React • The flow is circular in nature http://www.8ball.co.uk/media/catalog/product/b/a/back_to_the_future_-_flux_capacitor_-_yel_mens_4_1.jpg
trigger • Component life cycle • Visual DOM • Flux is an architecture • Dispatcher • One direction data flow • There are many extensions* for Flux Flux & React Data flowing flowing out Presentation
should not be changed in other place. • Wrap your dynamic React components with tag. • If you are using 3rd party libraries, you have to initialise them in componentDidMount. • If 3rd party library will modify DOM, you should avoid to assign key on its parent element.
• State is used for internal and Property gives from external. • Decoupling • Use shouldComponentUpdate wisely • Prevent unexpected re-render • Improve render performance
DOM • Developer don’t worry about rendering* • Has component life cycle & easy API. • JSX design is good for working on components and front end designer. • It’s just JavaScript.
future • Write with ECMAScript 6. • Using Jest to do testing. • Functional Reactive Programming should make Flux & React better. • Isomorphic App or Server Side Rendering can improve performance and works for SEO. • Solution for CSS is working on.