<\/p>\n

\n
• In this application, there are four major roles:\n
  \n
  • Action<\/li>\n
  • Dispatcher<\/li>\n
  • Store<\/li>\n
  • View<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n

    Action:<\/h4>\n

    \n
    • In this creator an action from method parameter,assign it a type and then provide to a dispatcher.<\/li>\n<\/ul>\n

      Dispatcher:<\/h4>\n

      \n
      • It sends every action to all stores via callbacks that have registered with it.<\/li>\n<\/ul>\n

        Store:<\/h4>\n

        \n
        • It updates themselves in response to an action ,emit the change event to alert the controller view.<\/li>\n<\/ul>\n

          View:<\/h4>\n

          \n
          • It retrieves new data from the stores and provides the new data to their descendants in the component tree.<\/li>\n<\/ul>\n

            \n","protected":false},"excerpt":{"rendered":"

            It is an application architecture that Facebook makes use of internally for constructing the client-side web application with React . It is a programming concept, where the data is a Unidirectional Data Flow model. The project has dynamic data, where it is useful. We need to maintain the data updated in an effective The runtime […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"passster_activate_protection":false,"passster_protect_child_pages":"","passster_protection_type":"password","passster_password":"","passster_activate_overwrite_defaults":"","passster_headline":"","passster_instruction":"","passster_placeholder":"","passster_button":"","passster_id":"","passster_activate_misc_settings":"","passster_redirect_url":"","passster_hide":"no","passster_area_shortcode":"","gtb_hide_title":false,"gtb_wrap_title":false,"gtb_class_title":"","gtb_remove_headerfooter":false,"footnotes":""},"categories":[16542],"tags":[16672,16670,16673,16669,16671,16667,16678,16675,16676,16674,16668,16679,16677],"class_list":["post-3973","post","type-post","status-publish","format-standard","hentry","category-reactjs","tag-data-flow-of-flux-in-react","tag-flux-architecture-react","tag-flux-in-javascript","tag-flux-in-react-js-example","tag-react-flux-tutorial","tag-react-flux-vs-redux","tag-what-is-flux-and-redux-in-react","tag-what-is-flux-and-redux-in-react-js","tag-what-is-flux-concept-in-react-js","tag-what-is-flux-in-react-js","tag-what-is-flux-in-react-native","tag-what-is-flux-in-reactive-programming","tag-what-is-flux-pattern-in-react"],"yoast_head":"\n