{"id":3973,"date":"2022-03-22T07:18:42","date_gmt":"2022-03-22T07:18:42","guid":{"rendered":"https:\/\/www.wikitechy.com\/interview-questions\/?p=3973"},"modified":"2022-05-04T07:46:56","modified_gmt":"2022-05-04T07:46:56","slug":"what-is-flux","status":"publish","type":"post","link":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/","title":{"rendered":"What is Flux ?"},"content":{"rendered":"<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-4288 aligncenter\" src=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux.jpg\" alt=\"\" width=\"1134\" height=\"641\" srcset=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux.jpg 1134w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux-300x170.jpg 300w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux-1024x579.jpg 1024w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux-768x434.jpg 768w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux-390x220.jpg 390w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux-820x464.jpg 820w\" sizes=\"(max-width: 1134px) 100vw, 1134px\" \/><\/p>\n<ul>\n<li style=\"text-align: justify;\">It is an application architecture that Facebook makes use of internally for constructing the client-side web application with <a href=\"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-react\/\">React<\/a> .<\/li>\n<li style=\"text-align: justify;\">It is a programming concept, where the data is a Unidirectional Data Flow model.<\/li>\n<li style=\"text-align: justify;\">The project has dynamic data, where it is useful.<\/li>\n<li style=\"text-align: justify;\">We need to maintain the data updated in an effective<\/li>\n<li style=\"text-align: justify;\">The runtime errors become reduced.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"img-responsive alignnone wp-image-4040 size-full\" src=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/what-is-flux-1-1.png\" alt=\"\" width=\"1355\" height=\"599\" srcset=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/what-is-flux-1-1.png 1355w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/what-is-flux-1-1-300x133.png 300w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/what-is-flux-1-1-1024x453.png 1024w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/what-is-flux-1-1-768x340.png 768w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/what-is-flux-1-1-390x172.png 390w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/what-is-flux-1-1-820x362.png 820w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/what-is-flux-1-1-1180x522.png 1180w\" sizes=\"(max-width: 1355px) 100vw, 1355px\" \/><\/p>\n<ul>\n<li>In this application, there are four major roles:\n<ul>\n<li>Action<\/li>\n<li>Dispatcher<\/li>\n<li>Store<\/li>\n<li>View<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4 id=\"action\">Action:<\/h4>\n<ul>\n<li>In this creator an action from method parameter,assign it a type and then provide to a dispatcher.<\/li>\n<\/ul>\n<h4 id=\"dispatcher\">Dispatcher:<\/h4>\n<ul>\n<li>It sends every action to all stores via callbacks that have registered with it.<\/li>\n<\/ul>\n<h4 id=\"store\">Store:<\/h4>\n<ul>\n<li>It updates themselves in response to an action ,emit the change event to alert the controller view.<\/li>\n<\/ul>\n<h4 id=\"view\">View:<\/h4>\n<ul>\n<li>It retrieves new data from the stores and provides the new data to their descendants in the component tree.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"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":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is Flux ? - React Interview Questions and Answers - Wikitechy<\/title>\n<meta name=\"description\" content=\"What is Flux ? - It is an application architecture that Facebook makes use of internally for constructing the client-side web application with React.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Flux ? - React Interview Questions and Answers - Wikitechy\" \/>\n<meta property=\"og:description\" content=\"What is Flux ? - It is an application architecture that Facebook makes use of internally for constructing the client-side web application with React.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/\" \/>\n<meta property=\"og:site_name\" content=\"Wikitechy\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-22T07:18:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-04T07:46:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux.jpg\" \/>\n<meta name=\"author\" content=\"webmaster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"webmaster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/reactjs\\\/what-is-flux\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/reactjs\\\/what-is-flux\\\/\"},\"author\":{\"name\":\"webmaster\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#\\\/schema\\\/person\\\/f785ba3ecc599133e65ab6138042a3e4\"},\"headline\":\"What is Flux ?\",\"datePublished\":\"2022-03-22T07:18:42+00:00\",\"dateModified\":\"2022-05-04T07:46:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/reactjs\\\/what-is-flux\\\/\"},\"wordCount\":144,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/reactjs\\\/what-is-flux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/react-flux.jpg\",\"keywords\":[\"data flow of flux in react\",\"flux architecture react\",\"flux in javascript\",\"flux in react js example\",\"react flux tutorial\",\"react flux vs redux\",\"what is flux and redux in react\",\"what is flux and redux in react js\",\"what is flux concept in react js\",\"what is flux in react js\",\"what is flux in react native\",\"what is flux in reactive programming\",\"what is flux pattern in react\"],\"articleSection\":[\"ReactJS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/reactjs\\\/what-is-flux\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/reactjs\\\/what-is-flux\\\/\",\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/reactjs\\\/what-is-flux\\\/\",\"name\":\"What is Flux ? - React Interview Questions and Answers - Wikitechy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/reactjs\\\/what-is-flux\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/reactjs\\\/what-is-flux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/react-flux.jpg\",\"datePublished\":\"2022-03-22T07:18:42+00:00\",\"dateModified\":\"2022-05-04T07:46:56+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#\\\/schema\\\/person\\\/f785ba3ecc599133e65ab6138042a3e4\"},\"description\":\"What is Flux ? - It is an application architecture that Facebook makes use of internally for constructing the client-side web application with React.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/reactjs\\\/what-is-flux\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/reactjs\\\/what-is-flux\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/react-flux.jpg\",\"contentUrl\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/react-flux.jpg\",\"width\":1134,\"height\":641},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#website\",\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/\",\"name\":\"Wikitechy\",\"description\":\"Interview Questions\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/#\\\/schema\\\/person\\\/f785ba3ecc599133e65ab6138042a3e4\",\"name\":\"webmaster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"caption\":\"webmaster\"},\"sameAs\":[\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\"],\"url\":\"https:\\\/\\\/www.wikitechy.com\\\/interview-questions\\\/author\\\/webmaster\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Flux ? - React Interview Questions and Answers - Wikitechy","description":"What is Flux ? - It is an application architecture that Facebook makes use of internally for constructing the client-side web application with React.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/","og_locale":"en_US","og_type":"article","og_title":"What is Flux ? - React Interview Questions and Answers - Wikitechy","og_description":"What is Flux ? - It is an application architecture that Facebook makes use of internally for constructing the client-side web application with React.","og_url":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/","og_site_name":"Wikitechy","article_published_time":"2022-03-22T07:18:42+00:00","article_modified_time":"2022-05-04T07:46:56+00:00","og_image":[{"url":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux.jpg","type":"","width":"","height":""}],"author":"webmaster","twitter_card":"summary_large_image","twitter_misc":{"Written by":"webmaster","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/#article","isPartOf":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/"},"author":{"name":"webmaster","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4"},"headline":"What is Flux ?","datePublished":"2022-03-22T07:18:42+00:00","dateModified":"2022-05-04T07:46:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/"},"wordCount":144,"commentCount":0,"image":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux.jpg","keywords":["data flow of flux in react","flux architecture react","flux in javascript","flux in react js example","react flux tutorial","react flux vs redux","what is flux and redux in react","what is flux and redux in react js","what is flux concept in react js","what is flux in react js","what is flux in react native","what is flux in reactive programming","what is flux pattern in react"],"articleSection":["ReactJS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/","url":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/","name":"What is Flux ? - React Interview Questions and Answers - Wikitechy","isPartOf":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/#primaryimage"},"image":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux.jpg","datePublished":"2022-03-22T07:18:42+00:00","dateModified":"2022-05-04T07:46:56+00:00","author":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4"},"description":"What is Flux ? - It is an application architecture that Facebook makes use of internally for constructing the client-side web application with React.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.wikitechy.com\/interview-questions\/reactjs\/what-is-flux\/#primaryimage","url":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux.jpg","contentUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/03\/react-flux.jpg","width":1134,"height":641},{"@type":"WebSite","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#website","url":"https:\/\/www.wikitechy.com\/interview-questions\/","name":"Wikitechy","description":"Interview Questions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wikitechy.com\/interview-questions\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4","name":"webmaster","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","caption":"webmaster"},"sameAs":["https:\/\/www.wikitechy.com\/interview-questions"],"url":"https:\/\/www.wikitechy.com\/interview-questions\/author\/webmaster\/"}]}},"_links":{"self":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/3973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/comments?post=3973"}],"version-history":[{"count":4,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/3973\/revisions"}],"predecessor-version":[{"id":4289,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/3973\/revisions\/4289"}],"wp:attachment":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/media?parent=3973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/categories?post=3973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/tags?post=3973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}