{"id":12037,"date":"2022-06-28T20:34:45","date_gmt":"2022-06-28T17:34:45","guid":{"rendered":"https:\/\/flatlogic.com\/blog\/?p=12037"},"modified":"2022-11-17T16:23:03","modified_gmt":"2022-11-17T13:23:03","slug":"sing-app-react-admin","status":"publish","type":"post","link":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/","title":{"rendered":"Sing App React and Light Blue React Admin templates Update"},"content":{"rendered":"<p>We are happy to announce an update of one of our first <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> Admin Templates &#8211; <a href=\"https:\/\/flatlogic.com\/templates\/sing-app-react\" target=\"_blank\" rel=\"noreferrer noopener\">Sing App React<\/a> and <a href=\"https:\/\/flatlogic.com\/templates\/light-blue-react\" target=\"_blank\" rel=\"noreferrer noopener\">Light Blue React<\/a>!<\/p><h2 class=\"wp-block-heading\">What react admins are affected by the update?<\/h2><p>Current 5 React Admin boilerplates are affected by updates:<\/p><ul class=\"wp-block-list\"><li><a href=\"https:\/\/flatlogic.com\/templates\/react-material-admin-full\">Sing App React<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/templates\/sing-app-react-node-js\">Sing App React Node.js<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/templates\/sing-app-react-java\">Sing App React Java<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/templates\/light-blue-react\">Light Blue React<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/templates\/light-blue-react-node-js\">Light Blue React Node.js<\/a><\/li><\/ul><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/flatlogic.com\/templates\/sing-app-react-java\"><img decoding=\"async\" width=\"1024\" height=\"491\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-19.33.19-1024x491.png\" alt=\"sing app react\" class=\"wp-image-12038 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-19.33.19-1024x491.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-19.33.19-600x288.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-19.33.19-768x368.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-19.33.19-1536x736.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-19.33.19-2048x982.png 2048w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/491;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\">What has changed?<\/h2><p>Now the admin boilerplates use React 17, and <a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/03\/1-1-600x600.png\"  data-excerpt=\"This article is about the key core differences between Bootstrap and Material UI.\" href=\"https:\/\/flatlogic.com\/blog\/bootstrap-vs-material-ui-which-one-to-use-for-the-next-web-app\/\">Bootstrap<\/a> 5. Additionally, we have updated the colors, typography, and some minor UI parts.<\/p><p>And also we made several minor changes that make this&nbsp;admin dashboard&nbsp;template&nbsp;up-to-date.<\/p><p>&#x2705; Updated Amcharts to the latest version<br>&#x2705; Updated Fullcalendar to the latest version<br>&#x2705; Updated Axios<br>&#x2705; Updated Sortable library to the latest stable version<br>&#x2705; Updated Awesome Bootstrap checkbox that it now supports Bootstrap 5<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/demo.flatlogic.com\/light-blue-react\/#\/app\/main\/analytics\"><img decoding=\"async\" width=\"1024\" height=\"511\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-20.31.16-1024x511.png\" alt=\"light blue react\" class=\"wp-image-12042 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-20.31.16-1024x511.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-20.31.16-600x299.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-20.31.16-768x383.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-20.31.16-1536x766.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-28-at-20.31.16-2048x1021.png 2048w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/511;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Thus now, Sing App React and Light Blue React Admin Templates are one of the most modern react admin on the market in terms of technologies used under the hood and the look of the boilerplate.<\/p><h2 class=\"wp-block-heading\">Summing Up<\/h2><p>For the&nbsp;rest&nbsp;of our&nbsp;React templates, check our&nbsp;<a href=\"https:\/\/flatlogic.com\/templates\/react\">marketplace<\/a>. If you face any difficulties setting up this or that template or&nbsp;admin dashboard, please feel free to leave us a message on our&nbsp;<a href=\"https:\/\/flatlogic.com\/forum\/\">forum<\/a>,&nbsp;<a href=\"https:\/\/twitter.com\/flatlogic\/\">Twitter<\/a>&nbsp;or&nbsp;<a href=\"https:\/\/www.facebook.com\/flatlogic\">Facebook<\/a>. We will respond to your inquiry as quickly as possible!<\/p>","protected":false},"excerpt":{"rendered":"<p>Sing App React Admin Boilerplate and Light Blue React Admin now supports React 17 and Bootstrap 5<\/p>\n","protected":false},"author":2,"featured_media":12043,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"flatlogic_tldr":"Five React admin boilerplates updated: Sing App React and Light Blue React variants.\nCore stack upgraded to React 17 and Bootstrap 5.\nAmCharts, FullCalendar, Axios, and Sortable updated; checkbox now supports Bootstrap 5.\nRefreshed colors, typography, and minor UI for a more modern look.","flatlogic_facts":[{"text":"Five React Admin boilerplates were updated.","source":""},{"text":"The templates now use React 17.","source":""},{"text":"The templates now use Bootstrap 5.","source":""},{"text":"AmCharts was updated to the latest version.","source":""},{"text":"FullCalendar was updated to the latest version.","source":""}],"footnotes":""},"categories":[129],"tags":[401,400,123,405],"class_list":["post-12037","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-updates","tag-angular-admin-templates","tag-bootstrap-templates","tag-product-update","tag-react-admin-templates"],"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>Sing App React and Light Blue React Admin templates Update - Flatlogic Blog<\/title>\n<meta name=\"description\" content=\"Sing App React Admin Boilerplate and Light Blue React Admin now supports React 17 and Bootstrap 5\" \/>\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\/sing-app-react-admin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sing App React and Light Blue React Admin templates Update\" \/>\n<meta property=\"og:description\" content=\"Sing App React Admin Boilerplate and Light Blue React Admin now supports React 17 and Bootstrap 5\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/\" \/>\n<meta property=\"og:site_name\" content=\"Flatlogic Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/flatlogic\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-28T17:34:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-17T13:23:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-12-1.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=\"Philip Daineka\" \/>\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=\"Philip Daineka\" \/>\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":"Sing App React and Light Blue React Admin templates Update - Flatlogic Blog","description":"Sing App React Admin Boilerplate and Light Blue React Admin now supports React 17 and Bootstrap 5","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\/sing-app-react-admin\/","og_locale":"en_US","og_type":"article","og_title":"Sing App React and Light Blue React Admin templates Update","og_description":"Sing App React Admin Boilerplate and Light Blue React Admin now supports React 17 and Bootstrap 5","og_url":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/","og_site_name":"Flatlogic Blog","article_publisher":"https:\/\/www.facebook.com\/flatlogic","article_published_time":"2022-06-28T17:34:45+00:00","article_modified_time":"2022-11-17T13:23:03+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-12-1.png","type":"image\/png"}],"author":"Philip Daineka","twitter_card":"summary_large_image","twitter_creator":"@flatlogic","twitter_site":"@flatlogic","twitter_misc":{"Written by":"Philip Daineka","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/#article","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/"},"author":{"name":"Philip Daineka","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/2a358db460fb453be69232ff0826bb34"},"headline":"Sing App React and Light Blue React Admin templates Update","datePublished":"2022-06-28T17:34:45+00:00","dateModified":"2022-11-17T13:23:03+00:00","mainEntityOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/"},"wordCount":240,"commentCount":0,"publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-12-1.png","keywords":["Angular Admin Templates","Bootstrap Templates","Flatlogic Generator Updates","React Admin Templates"],"articleSection":["Updates"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/","url":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/","name":"Sing App React and Light Blue React Admin templates Update - Flatlogic Blog","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/#primaryimage"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-12-1.png","datePublished":"2022-06-28T17:34:45+00:00","dateModified":"2022-11-17T13:23:03+00:00","description":"Sing App React Admin Boilerplate and Light Blue React Admin now supports React 17 and Bootstrap 5","breadcrumb":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/#primaryimage","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-12-1.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-12-1.png","width":1080,"height":1080,"caption":"Sing app react and light blue react"},{"@type":"BreadcrumbList","@id":"https:\/\/flatlogic.com\/blog\/sing-app-react-admin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flatlogic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Sing App React and Light Blue React Admin templates 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\/2a358db460fb453be69232ff0826bb34","name":"Philip Daineka","description":"Founder @ Flatlogic &amp; AppWizzy","sameAs":["https:\/\/flatlogic.com","Building scalable apps @appwizzyai, a professional vibe\u2011coding platform. Software development services @flatlogic. MSc in CS\/Finance"],"url":"https:\/\/flatlogic.com\/blog\/author\/philip\/"}]}},"_links":{"self":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/12037","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/comments?post=12037"}],"version-history":[{"count":4,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/12037\/revisions"}],"predecessor-version":[{"id":12521,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/12037\/revisions\/12521"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media\/12043"}],"wp:attachment":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media?parent=12037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/categories?post=12037"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/tags?post=12037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}