{"id":11743,"date":"2022-06-02T16:34:22","date_gmt":"2022-06-02T13:34:22","guid":{"rendered":"https:\/\/flatlogic.com\/blog\/?p=11743"},"modified":"2023-03-31T14:11:26","modified_gmt":"2023-03-31T11:11:26","slug":"react-material-admin-full-update","status":"publish","type":"post","link":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/","title":{"rendered":"React Material Admin Full Update"},"content":{"rendered":"<p>As Material UI and <a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2019\/09\/top-articles-copy-600x450.png\"  data-excerpt=\"Here is our list of JS articles of 2019. We collected 17 posts with tricks and tips in JavaScript and its frameworks.\" href=\"https:\/\/flatlogic.com\/blog\/17-articles-of-september-2019-to-learn-javascript\/\">React<\/a> continue to grow and develop it has become clear that React Material Admin can&#8217;t live with the outdated versions of those libraries.<\/p><h2 class=\"wp-block-heading\">What products are affected by the update?<\/h2><p>Currently, the updates were released on 2 products:<\/p><ul class=\"wp-block-list\"><li><a href=\"https:\/\/flatlogic.com\/templates\/react-material-admin-full\">React Material Admin Full<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/templates\/react-material-ui-admin-node-js\">React Material UI Admin Node.js<\/a><\/li><\/ul><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/flatlogic.github.io\/react-material-admin-full\/#\/app\/profile\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.43.06-1024x512.png\" alt=\"react material admin template\" class=\"wp-image-11744 lazyload\" width=\"768\" height=\"384\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.43.06-1024x512.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.43.06-600x300.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.43.06-768x384.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.43.06-1536x768.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.43.06.png 1914w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/384;\" data-original-sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\">What has changed?<\/h2><p>The main change is that now those templates are now using React 17 and Material UI 5, previously it was 16 and 4 versions accordingly.<\/p><p>And also we made several minor changes that make this <a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2018\/06\/Snip20180601_28-600x391.png\"  data-excerpt=\"Sing App with a new free Lite version is available for download\u00a0on a Github. It has a very clean, innovative and beautiful look with a focus on functionality. We added new UI-components, new examples for each chart library and handlebars partials. You can view the demo here. Using this template you will be able to&hellip;\" href=\"https:\/\/flatlogic.com\/blog\/sing-app-lite-free-and-open-source-admin-dashboard-template\/\">admin dashboard<\/a> template up-to-date. <\/p><p>&#x2705; Fullcalendar was updated to the 5.11 version<br>&#x2705; Added Datefns as datepicker library<br>&#x2705; Updated Apexcharts to version 3.35<br>&#x2705; Updated Formik library to the latest stable version<br>&#x2705; Mui-datatables library was updated to version 4<br>&#x2705; We have added Redux for management <a href='https:\/\/flatlogic.com\/crud-app'>CRUD<\/a> functions and authorization<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/flatlogic.github.io\/react-material-admin-full\/#\/app\/charts\/overview\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.45.33-1024x505.png\" alt=\"React Material Admin Template\" class=\"wp-image-11745 lazyload\" width=\"768\" height=\"379\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.45.33-1024x505.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.45.33-600x296.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.45.33-768x379.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.45.33-1536x758.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-02-at-15.45.33.png 1910w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/379;\" data-original-sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><\/figure><\/div><p>As a result, the speed and usability of the React Material Admin template increased. Additionally, you don&#8217;t need to spend your time updating all those technologies by yourself, so you can focus on developing business features.<\/p><h2 class=\"wp-block-heading\">Moving forward and Summing Up<\/h2><p>The ecosystem of our templates will be constantly updating. Next in line are Vue Material Admin and Angular Material Admin. Additionally, we are working on integrating some of the existing UI components from React Material Admin to the <a href=\"http:\/\/flatlogic.com\/solutions\">Flatlogic Platform<\/a> generated react app.<\/p><p>For the rest of our React templates, check our <a href=\"https:\/\/flatlogic.com\/templates\/react\">marketplace<\/a>. If you face any difficulties setting up this or that template or <a href=\"https:\/\/flatlogic.com\/blog\/benefits-of-admin-templates-explained\/\">admin dashboard<\/a>, please feel free to leave us a message on our <a href=\"https:\/\/flatlogic.com\/forum\/\">forum<\/a>, <a href=\"https:\/\/twitter.com\/flatlogic\/\">Twitter<\/a> or <a href=\"https:\/\/www.facebook.com\/flatlogic\">Facebook<\/a>. We will respond to your inquiry as quickly as possible!<\/p><p>Happy developing! &#x1f469;&#x200d;&#x1f4bb;<\/p>","protected":false},"excerpt":{"rendered":"<p>Update log of React Material Admin Template<\/p>\n","protected":false},"author":4,"featured_media":11746,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"flatlogic_tldr":"React Material Admin moves to React 17 and Material UI 5 for better performance and usability\nUpdates shipped to two products: React Material Admin Full and React Material UI Admin Node.js\nLibrary updates: FullCalendar 5.11, ApexCharts 3.35, mui-datatables 4; Datefns added; Formik bumped\nRedux added to manage CRUD and authorization, letting devs focus on business features\nNext: updates to Vue and Angular Material Admin; component integration into Flatlogic Platform","flatlogic_facts":[{"text":"Updates released for two products: React Material Admin Full and React Material UI Admin Node.js.","source":""},{"text":"Templates now use React 17 and Material UI 5, up from React 16 and Material UI 4.","source":""},{"text":"FullCalendar upgraded to version 5.11.","source":""},{"text":"ApexCharts upgraded to version 3.35.","source":""},{"text":"Redux added to manage CRUD functions and authorization.","source":""}],"footnotes":""},"categories":[1],"tags":[123,98,35,394],"class_list":["post-11743","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-product-update","tag-material-ui","tag-reactjs","tag-react-component-libraries"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v26.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>React Material Admin Full Update - Flatlogic Blog<\/title>\n<meta name=\"description\" content=\"Flatlogic has update one of the most known Material UI templates on the market. React Material Admin Template updated!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React Material Admin Full Update\" \/>\n<meta property=\"og:description\" content=\"Flatlogic has update one of the most known Material UI templates on the market. React Material Admin Template updated!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/\" \/>\n<meta property=\"og:site_name\" content=\"Flatlogic Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/flatlogic\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/eugene.stepnov\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-02T13:34:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-31T11:11:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Eugene Stepnov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:site\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eugene Stepnov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"React Material Admin Full Update - Flatlogic Blog","description":"Flatlogic has update one of the most known Material UI templates on the market. React Material Admin Template updated!","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:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/","og_locale":"en_US","og_type":"article","og_title":"React Material Admin Full Update","og_description":"Flatlogic has update one of the most known Material UI templates on the market. React Material Admin Template updated!","og_url":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/","og_site_name":"Flatlogic Blog","article_publisher":"https:\/\/www.facebook.com\/flatlogic","article_author":"https:\/\/www.facebook.com\/eugene.stepnov","article_published_time":"2022-06-02T13:34:22+00:00","article_modified_time":"2023-03-31T11:11:26+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7.png","type":"image\/png"}],"author":"Eugene Stepnov","twitter_card":"summary_large_image","twitter_creator":"@flatlogic","twitter_site":"@flatlogic","twitter_misc":{"Written by":"Eugene Stepnov","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/#article","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/"},"author":{"name":"Eugene Stepnov","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/c71156dc783f3e1f5d3d7f3a591089e3"},"headline":"React Material Admin Full Update","datePublished":"2022-06-02T13:34:22+00:00","dateModified":"2023-03-31T11:11:26+00:00","mainEntityOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/"},"wordCount":280,"commentCount":0,"publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7.png","keywords":["Flatlogic Generator Updates","Material UI","React","React Component Libraries"],"articleSection":["News"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/","url":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/","name":"React Material Admin Full Update - Flatlogic Blog","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/#primaryimage"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7.png","datePublished":"2022-06-02T13:34:22+00:00","dateModified":"2023-03-31T11:11:26+00:00","description":"Flatlogic has update one of the most known Material UI templates on the market. React Material Admin Template updated!","breadcrumb":{"@id":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/#primaryimage","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7.png","width":1080,"height":1080,"caption":"react material admin template"},{"@type":"BreadcrumbList","@id":"https:\/\/flatlogic.com\/blog\/react-material-admin-full-update\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flatlogic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React Material Admin Full Update"}]},{"@type":"WebSite","@id":"https:\/\/flatlogic.com\/blog\/#website","url":"https:\/\/flatlogic.com\/blog\/","name":"Flatlogic Blog","description":"Vibe-coding, AI Agents, Professional Software Development Services, Case Studies and More","publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"alternateName":"Flatlogic Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flatlogic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/flatlogic.com\/blog\/#organization","name":"Flatlogic","url":"https:\/\/flatlogic.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","width":970,"height":257,"caption":"Flatlogic"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/flatlogic","https:\/\/x.com\/flatlogic","https:\/\/www.instagram.com\/flatlogiccom\/","https:\/\/www.linkedin.com\/company\/flatlogic\/"]},{"@type":"Person","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/c71156dc783f3e1f5d3d7f3a591089e3","name":"Eugene Stepnov","sameAs":["https:\/\/www.facebook.com\/eugene.stepnov","Product Owner at Flatlogic"],"url":"https:\/\/flatlogic.com\/blog\/author\/eugene\/"}]}},"_links":{"self":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/11743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/comments?post=11743"}],"version-history":[{"count":1,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/11743\/revisions"}],"predecessor-version":[{"id":11747,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/11743\/revisions\/11747"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media\/11746"}],"wp:attachment":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media?parent=11743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/categories?post=11743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/tags?post=11743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}