{"id":57282,"date":"2020-04-28T11:55:53","date_gmt":"2020-04-28T09:55:53","guid":{"rendered":"https:\/\/openexpoeurope.com\/?p=57282"},"modified":"2020-05-05T13:24:21","modified_gmt":"2020-05-05T11:24:21","slug":"the-10-best-tools-for-state-management-in-front-end","status":"publish","type":"post","link":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/","title":{"rendered":"The 10 best tools for state management in Front-End"},"content":{"rendered":"<p lang=\"en-GB\" style=\"text-align: justify;\" align=\"justify\"><span style=\"font-size: medium;\">During the last years, thanks to a more logical Frontend, new ways of data management have been created. If we focus our attention in the Post-Flux period, which are the most used libraries or systems\/frameworks??<\/span><\/p>\n<p lang=\"en-GB\" style=\"text-align: justify;\" align=\"justify\"><span style=\"font-size: medium;\">Some years ago, <a href=\"https:\/\/facebook.github.io\/flux\/\">FLUX<\/a> had become the standard to manage the states with Reactjs. This way of working combined with its structure of Actions, Dispatchers, Reducers and so on, created a standard which would be applied to the subsequent libraries for lots of applications.<\/span><\/p>\n<p lang=\"en-GB\" style=\"text-align: justify;\" align=\"justify\"><span style=\"font-size: medium;\">From the bases of this library, we would obtain Redux, which is probably the most well-known library. However, nowadays, and depending on the type of project we are creating and the framework\/library we are using, we will find different options.<\/span><\/p>\n<p lang=\"en-GB\" style=\"text-align: justify;\" align=\"justify\"><span style=\"font-size: medium;\">The different alternatives we would have for our generic project, would be:<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li>\n<p align=\"justify\"><span style=\"font-size: medium;\"><span lang=\"en-GB\"><b>No library:<\/b><\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\"> for those easy projects and without a huge complexity managed from the frontend, it could give us the pos<\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\">s<\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\">ibility of managing the data without adding other libraries.<\/span><\/span><\/p>\n<\/li>\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\"><b>Customised<\/b>: in some cases, we can choose to create our own system to manage the states and\/or the application data.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"justify\"><a href=\"https:\/\/rxjs-dev.firebaseapp.com\/guide\/subject\"><span style=\"font-size: medium;\"><span lang=\"en-GB\"><b>RXJS Subjects<\/b><\/span><\/span><\/a><span style=\"font-size: medium;\"><span lang=\"en-GB\">: in some other cases, <\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\">specially<\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\"> on low and medium complexity applications in Angular, we <\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\">can<\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\"> choose to use the <\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\">Subjects<\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\"> to handle the data and to pass the information to our components in a more general way.<\/span><\/span><\/p>\n<\/li>\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\"><a href=\"https:\/\/es.redux.js.org\/\"><b>Redux:<\/b><\/a> recommended for medium and big applications, it is the generic solution for any library\/framework which we may be using in the frontend.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"justify\"><a href=\"https:\/\/github.com\/datorama\/akita\"><span style=\"font-size: medium;\"><span lang=\"en-GB\"><b>AKITA<\/b><\/span><\/span><\/a><span style=\"font-size: medium;\"><span lang=\"en-GB\">: it is similar to Redux, but easier to use by avoiding <\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\">us <\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\">actions<\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\"> and dispatchers.<\/span><\/span><\/p>\n<\/li>\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\"><a href=\"https:\/\/github.com\/mobxjs\/mobx\"><b>Mobx<\/b><\/a>: it has similar functionalities to Redux, but again easier to use. It is recommended for small projects using React or Vue.<\/span><\/p>\n<\/li>\n<\/ul>\n<ul style=\"text-align: justify;\">\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\">Framework specific:<\/span><\/p>\n<ul>\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\">Angular<\/span><\/p>\n<ul>\n<li>\n<p align=\"justify\"><a href=\"https:\/\/ngrx.io\/\"><span style=\"font-size: medium;\"><span lang=\"en-GB\"><b>NGRX<\/b><\/span><\/span><\/a><span style=\"font-size: medium;\"><span lang=\"en-GB\">: Redux ap<\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\">p<\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\">lication oriented to Angula<\/span><\/span><span style=\"font-size: medium;\"><span lang=\"en-GB\">r<\/span><\/span><\/p>\n<\/li>\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\"><a href=\"https:\/\/www.ngxs.io\/\"><b>NGXS<\/b><\/a>: similar to NGRX but using a structure and way of working close to working with Angular.<\/span><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\">React<\/span><\/p>\n<ul>\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\"><a href=\"https:\/\/es.reactjs.org\/docs\/context.html\"><b>Context<\/b><\/a>: It is provided by React in the latest versions, that would facilitate us not to use Redux in simple applications.<\/span><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\">Vue<\/span><\/p>\n<ul>\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\"><a href=\"https:\/\/vuex.vuejs.org\/\"><b>Vuex<\/b><\/a>: application of Redux with Vue<\/span><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p lang=\"en-GB\" style=\"text-align: justify;\" align=\"justify\"><span style=\"font-size: medium;\">Once that the most important options for managing states have been reviewed, the most important aspects that we must take into consideration when we select one of the discussed alternatives would be:<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\">Size of the application. <\/span><\/p>\n<\/li>\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\">Library and\/or rendering framework: React, Angular, Vue, Svelte\u2026<\/span><\/p>\n<\/li>\n<li>\n<p lang=\"en-GB\" align=\"justify\"><span style=\"font-size: medium;\">Expertise of the team which is going to develop and maintain the project.<\/span><\/p>\n<\/li>\n<\/ul>\n<p lang=\"en-GB\" style=\"text-align: justify;\" align=\"justify\"><span style=\"font-size: medium;\">We will never have a perfect option for all the cases, even the best option won&#8217;t be optimal if nobody can provide support later and\/or make the project evolve.\u201cAll things are difficult before they are easy.\u201d (Thomas Fuller).<\/span><\/p>\n<p lang=\"en-GB\" style=\"text-align: justify;\" align=\"justify\"><span style=\"font-size: medium;\">Links:<\/span><\/p>\n<ul>\n<li style=\"text-align: justify;\">\n<p align=\"justify\"><a href=\"https:\/\/facebook.github.io\/flux\/\">https:\/\/facebook.github.io\/flux\/<\/a><\/p>\n<\/li>\n<li style=\"text-align: justify;\">\n<p align=\"justify\"><a href=\"https:\/\/es.redux.js.org\/\"><span style=\"font-size: medium;\"><span lang=\"en-GB\">https:\/\/es.redux.js.org\/<\/span><\/span><\/a><\/p>\n<\/li>\n<li style=\"text-align: justify;\">\n<p align=\"justify\"><a href=\"https:\/\/www.ngxs.io\/\"><span style=\"font-size: medium;\"><span lang=\"en-GB\">https:\/\/www.ngxs.io\/<\/span><\/span><\/a><\/p>\n<\/li>\n<li style=\"text-align: justify;\">\n<p align=\"justify\"><a href=\"https:\/\/es.reactjs.org\/docs\/context.html\"><span style=\"font-size: medium;\"><span lang=\"en-GB\">https:\/\/es.reactjs.org\/docs\/context.html<\/span><\/span><\/a><\/p>\n<\/li>\n<li style=\"text-align: justify;\">\n<p align=\"justify\"><a href=\"https:\/\/ngrx.io\/\"><span style=\"font-size: medium;\"><span lang=\"en-GB\">https:\/\/ngrx.io\/<\/span><\/span><\/a><\/p>\n<\/li>\n<li style=\"text-align: justify;\">\n<p align=\"justify\"><a href=\"https:\/\/vuex.vuejs.org\/\"><span style=\"font-size: medium;\"><span lang=\"en-GB\">https:\/\/vuex.vuejs.org\/<\/span><\/span><\/a><\/p>\n<\/li>\n<li style=\"text-align: justify;\">\n<p align=\"justify\"><a href=\"https:\/\/github.com\/datorama\/akita\"><span style=\"font-size: medium;\"><span lang=\"en-GB\">https:\/\/github.com\/datorama\/akita<\/span><\/span><\/a><\/p>\n<\/li>\n<li style=\"text-align: justify;\">\n<p align=\"justify\"><a href=\"https:\/\/github.com\/mobxjs\/mobx\"><span style=\"font-size: medium;\"><span lang=\"en-GB\">https:\/\/github.com\/mobxjs\/mobx<\/span><\/span><\/a><\/p>\n<\/li>\n<li style=\"text-align: justify;\">\n<p align=\"justify\"><a href=\"https:\/\/rxjs-dev.firebaseapp.com\/guide\/subject\"><span style=\"font-size: medium;\"><span lang=\"en-GB\">https:\/\/rxjs-dev.firebaseapp.com\/guide\/subject<\/span><\/span><\/a><\/p>\n<\/li>\n<li>\n<p lang=\"en-GB\" style=\"text-align: justify;\" align=\"justify\"><span style=\"font-size: medium;\">https:\/\/medium.com\/javascript-in-plain-english\/similarities-and-differences-between-vuex-and-redux-by-developing-an-application-be3df0164b22<\/span><\/p>\n<\/li>\n<\/ul>\n<h4 lang=\"en-GB\" align=\"justify\"><strong>Translation by\u00a0<a href=\"https:\/\/www.linkedin.com\/in\/santiago-moreira-martinez-55393382\/\">Santiago Moreira\u00a0<\/a><\/strong><\/h4>\n","protected":false},"excerpt":{"rendered":"<p>During the last years, thanks to a more logical Frontend, new ways of data management have been created. If we focus our attention in the Post-Flux period, which are the most used libraries or systems\/frameworks?? Some years ago, FLUX had become the standard to manage the states with Reactjs. This way of working combined with&#8230; <\/p>\n<div class=\"clear\"><\/div>\n<p><a href=\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/\" class=\"gdlr-info-font excerpt-read-more\">Read More<\/a><\/p>\n","protected":false},"author":14,"featured_media":57286,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[517,794,1004,1026],"tags":[1082,981,1081,1002,1083],"class_list":["post-57282","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-3","category-open-source-3","category-software-3","category-technology","tag-framework-2","tag-frontend-2","tag-libraries","tag-software-2","tag-software-development-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The 10 best tools for state management in Front-End - OpenExpo Europe 2021 - Virtual Experience<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The 10 best tools for state management in Front-End - OpenExpo Europe 2021 - Virtual Experience\" \/>\n<meta property=\"og:description\" content=\"During the last years, thanks to a more logical Frontend, new ways of data management have been created. If we focus our attention in the Post-Flux period, which are the most used libraries or systems\/frameworks?? Some years ago, FLUX had become the standard to manage the states with Reactjs. This way of working combined with... Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/\" \/>\n<meta property=\"og:site_name\" content=\"OpenExpo Europe 2021 - Virtual Experience\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/OpenExpoEurope\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-28T09:55:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-05T11:24:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2020\/04\/jesus-cuesta-fronend-portada.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"333\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jesus Cuesta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dejesuscuesta\" \/>\n<meta name=\"twitter:site\" content=\"@openexpoeurope\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jesus Cuesta\" \/>\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:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/\"},\"author\":{\"name\":\"Jesus Cuesta\",\"@id\":\"https:\/\/openexpoeurope.com\/en\/#\/schema\/person\/84c6d0bfc0afaef5141eb78a7a07bf14\"},\"headline\":\"The 10 best tools for state management in Front-End\",\"datePublished\":\"2020-04-28T09:55:53+00:00\",\"dateModified\":\"2020-05-05T11:24:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/\"},\"wordCount\":506,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/openexpoeurope.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2020\/04\/jesus-cuesta-fronend-portada.jpg\",\"keywords\":[\"framework\",\"Frontend\",\"Libraries\",\"Software\",\"Software Development\"],\"articleSection\":[\"Blog\",\"Open Source\",\"Software\",\"Technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/\",\"url\":\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/\",\"name\":\"The 10 best tools for state management in Front-End - OpenExpo Europe 2021 - Virtual Experience\",\"isPartOf\":{\"@id\":\"https:\/\/openexpoeurope.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2020\/04\/jesus-cuesta-fronend-portada.jpg\",\"datePublished\":\"2020-04-28T09:55:53+00:00\",\"dateModified\":\"2020-05-05T11:24:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#primaryimage\",\"url\":\"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2020\/04\/jesus-cuesta-fronend-portada.jpg\",\"contentUrl\":\"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2020\/04\/jesus-cuesta-fronend-portada.jpg\",\"width\":500,\"height\":333},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/openexpoeurope.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The 10 best tools for state management in Front-End\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/openexpoeurope.com\/en\/#website\",\"url\":\"https:\/\/openexpoeurope.com\/en\/\",\"name\":\"OpenExpo Europe 2021 - Virtual Experience\",\"description\":\"OpenExpo Europe 2021, 8th Annual Fair and Congress - Open IT Innovation - Open Source &amp; Free Software\",\"publisher\":{\"@id\":\"https:\/\/openexpoeurope.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/openexpoeurope.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/openexpoeurope.com\/en\/#organization\",\"name\":\"OpenExpo Europe\",\"url\":\"https:\/\/openexpoeurope.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/openexpoeurope.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2018\/10\/csm_logo-open-expo-europe_01a0785240.png\",\"contentUrl\":\"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2018\/10\/csm_logo-open-expo-europe_01a0785240.png\",\"width\":1024,\"height\":1024,\"caption\":\"OpenExpo Europe\"},\"image\":{\"@id\":\"https:\/\/openexpoeurope.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/OpenExpoEurope\/\",\"https:\/\/x.com\/openexpoeurope\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/openexpoeurope.com\/en\/#\/schema\/person\/84c6d0bfc0afaef5141eb78a7a07bf14\",\"name\":\"Jesus Cuesta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/openexpoeurope.com\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e4e9711d7d8ba97d1853ce498a787ccbd4a5eda56490efee109daa7d328f3dc0?s=96&d=wp_user_avatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e4e9711d7d8ba97d1853ce498a787ccbd4a5eda56490efee109daa7d328f3dc0?s=96&d=wp_user_avatar&r=g\",\"caption\":\"Jesus Cuesta\"},\"description\":\"Specialist Lead de Deloitte, Co-Organizador de los meetups Desarrolladores Cloud, Smart Devices y Svelte Madrid, colaborador de OpenExpo Europe y HackathonLovers y aficionado a eventos tecnol\u00f3gicos, hackathones y marketing digital. Inquieto y experimentando nuevas tecnolog\u00edas como asistentes virtuales, blockchain, cognitive services y por metodolog\u00edas de trabajo y gesti\u00f3n de equipos como Scrum, Change Management, Safe\u2026\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jesuscuesta\/\",\"https:\/\/x.com\/dejesuscuesta\"],\"url\":\"https:\/\/openexpoeurope.com\/en\/author\/jesus-cuesta\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The 10 best tools for state management in Front-End - OpenExpo Europe 2021 - Virtual Experience","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:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/","og_locale":"en_US","og_type":"article","og_title":"The 10 best tools for state management in Front-End - OpenExpo Europe 2021 - Virtual Experience","og_description":"During the last years, thanks to a more logical Frontend, new ways of data management have been created. If we focus our attention in the Post-Flux period, which are the most used libraries or systems\/frameworks?? Some years ago, FLUX had become the standard to manage the states with Reactjs. This way of working combined with... Read More","og_url":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/","og_site_name":"OpenExpo Europe 2021 - Virtual Experience","article_publisher":"https:\/\/www.facebook.com\/OpenExpoEurope\/","article_published_time":"2020-04-28T09:55:53+00:00","article_modified_time":"2020-05-05T11:24:21+00:00","og_image":[{"width":500,"height":333,"url":"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2020\/04\/jesus-cuesta-fronend-portada.jpg","type":"image\/jpeg"}],"author":"Jesus Cuesta","twitter_card":"summary_large_image","twitter_creator":"@dejesuscuesta","twitter_site":"@openexpoeurope","twitter_misc":{"Written by":"Jesus Cuesta","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#article","isPartOf":{"@id":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/"},"author":{"name":"Jesus Cuesta","@id":"https:\/\/openexpoeurope.com\/en\/#\/schema\/person\/84c6d0bfc0afaef5141eb78a7a07bf14"},"headline":"The 10 best tools for state management in Front-End","datePublished":"2020-04-28T09:55:53+00:00","dateModified":"2020-05-05T11:24:21+00:00","mainEntityOfPage":{"@id":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/"},"wordCount":506,"commentCount":0,"publisher":{"@id":"https:\/\/openexpoeurope.com\/en\/#organization"},"image":{"@id":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#primaryimage"},"thumbnailUrl":"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2020\/04\/jesus-cuesta-fronend-portada.jpg","keywords":["framework","Frontend","Libraries","Software","Software Development"],"articleSection":["Blog","Open Source","Software","Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/","url":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/","name":"The 10 best tools for state management in Front-End - OpenExpo Europe 2021 - Virtual Experience","isPartOf":{"@id":"https:\/\/openexpoeurope.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#primaryimage"},"image":{"@id":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#primaryimage"},"thumbnailUrl":"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2020\/04\/jesus-cuesta-fronend-portada.jpg","datePublished":"2020-04-28T09:55:53+00:00","dateModified":"2020-05-05T11:24:21+00:00","breadcrumb":{"@id":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#primaryimage","url":"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2020\/04\/jesus-cuesta-fronend-portada.jpg","contentUrl":"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2020\/04\/jesus-cuesta-fronend-portada.jpg","width":500,"height":333},{"@type":"BreadcrumbList","@id":"https:\/\/openexpoeurope.com\/en\/the-10-best-tools-for-state-management-in-front-end\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/openexpoeurope.com\/en\/"},{"@type":"ListItem","position":2,"name":"The 10 best tools for state management in Front-End"}]},{"@type":"WebSite","@id":"https:\/\/openexpoeurope.com\/en\/#website","url":"https:\/\/openexpoeurope.com\/en\/","name":"OpenExpo Europe 2021 - Virtual Experience","description":"OpenExpo Europe 2021, 8th Annual Fair and Congress - Open IT Innovation - Open Source &amp; Free Software","publisher":{"@id":"https:\/\/openexpoeurope.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/openexpoeurope.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/openexpoeurope.com\/en\/#organization","name":"OpenExpo Europe","url":"https:\/\/openexpoeurope.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/openexpoeurope.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2018\/10\/csm_logo-open-expo-europe_01a0785240.png","contentUrl":"https:\/\/openexpoeurope.com\/wp-content\/uploads\/2018\/10\/csm_logo-open-expo-europe_01a0785240.png","width":1024,"height":1024,"caption":"OpenExpo Europe"},"image":{"@id":"https:\/\/openexpoeurope.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/OpenExpoEurope\/","https:\/\/x.com\/openexpoeurope"]},{"@type":"Person","@id":"https:\/\/openexpoeurope.com\/en\/#\/schema\/person\/84c6d0bfc0afaef5141eb78a7a07bf14","name":"Jesus Cuesta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/openexpoeurope.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e4e9711d7d8ba97d1853ce498a787ccbd4a5eda56490efee109daa7d328f3dc0?s=96&d=wp_user_avatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e4e9711d7d8ba97d1853ce498a787ccbd4a5eda56490efee109daa7d328f3dc0?s=96&d=wp_user_avatar&r=g","caption":"Jesus Cuesta"},"description":"Specialist Lead de Deloitte, Co-Organizador de los meetups Desarrolladores Cloud, Smart Devices y Svelte Madrid, colaborador de OpenExpo Europe y HackathonLovers y aficionado a eventos tecnol\u00f3gicos, hackathones y marketing digital. Inquieto y experimentando nuevas tecnolog\u00edas como asistentes virtuales, blockchain, cognitive services y por metodolog\u00edas de trabajo y gesti\u00f3n de equipos como Scrum, Change Management, Safe\u2026","sameAs":["https:\/\/www.linkedin.com\/in\/jesuscuesta\/","https:\/\/x.com\/dejesuscuesta"],"url":"https:\/\/openexpoeurope.com\/en\/author\/jesus-cuesta\/"}]}},"_links":{"self":[{"href":"https:\/\/openexpoeurope.com\/en\/wp-json\/wp\/v2\/posts\/57282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openexpoeurope.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openexpoeurope.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openexpoeurope.com\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/openexpoeurope.com\/en\/wp-json\/wp\/v2\/comments?post=57282"}],"version-history":[{"count":0,"href":"https:\/\/openexpoeurope.com\/en\/wp-json\/wp\/v2\/posts\/57282\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/openexpoeurope.com\/en\/wp-json\/wp\/v2\/media\/57286"}],"wp:attachment":[{"href":"https:\/\/openexpoeurope.com\/en\/wp-json\/wp\/v2\/media?parent=57282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openexpoeurope.com\/en\/wp-json\/wp\/v2\/categories?post=57282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openexpoeurope.com\/en\/wp-json\/wp\/v2\/tags?post=57282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}