From 435c5bb97051d21240053543e862ad95eea01d29 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Wed, 13 Nov 2024 11:20:57 +0100
Subject: [PATCH] update website

---
 about/index.html                              |  72 +-
 angular/index.html                            |  48 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../07/04/whats-new-in-bootstrap-4/index.html |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 blog/2018/03/20/bootstrap-icons/index.html    |  72 +-
 .../index.html                                |  72 +-
 blog/2019/09/30/leave-well-alone/index.html   |  72 +-
 .../are-you-ready-for-coreui-3.0/index.html   |  72 +-
 blog/2019/12/05/laravel-rockz/index.html      |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../04/10/happy-easter-stayhome/index.html    |  72 +-
 .../index.html                                |  72 +-
 .../coreui-3.0-hooks-on-react.js/index.html   |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../10/27/do-we-need-ui-components/index.html |  72 +-
 .../2021/11/26/simple-black-friday/index.html |  72 +-
 blog/2022/01/17/quo-vadis-vue.js/index.html   |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 blog/how-to-center-a-button-in-css/index.html |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                | 822 ++++++++++++++++++
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../how-to-hide-scrollbar-with-css/index.html |  72 +-
 .../index.html                                |  72 +-
 blog/how-to-loop-inside-react-jsx/index.html  |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 blog/how-to-sleep-in-javascript/index.html    |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 blog/index.html                               | 173 ++--
 blog/index.xml                                |   7 +
 blog/javascript-list-comprehension/index.html |  72 +-
 blog/page/10/index.html                       | 174 ++--
 blog/page/11/index.html                       | 176 ++--
 blog/page/12/index.html                       | 176 ++--
 blog/page/13/index.html                       | 176 ++--
 blog/page/14/index.html                       | 176 ++--
 blog/page/15/index.html                       | 173 ++--
 blog/page/16/index.html                       | 176 ++--
 blog/page/17/index.html                       | 180 ++--
 blog/page/18/index.html                       | 174 ++--
 blog/page/19/index.html                       | 160 ++--
 blog/page/2/index.html                        | 176 ++--
 blog/page/20/index.html                       | 160 ++--
 blog/page/21/index.html                       | 120 ++-
 blog/page/3/index.html                        | 175 ++--
 blog/page/4/index.html                        | 175 ++--
 blog/page/5/index.html                        | 176 ++--
 blog/page/6/index.html                        | 174 ++--
 blog/page/7/index.html                        | 173 ++--
 blog/page/8/index.html                        | 172 ++--
 blog/page/9/index.html                        | 173 ++--
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 blog/react-ui-component-libraries/index.html  |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 blog/vue-js-forge-3/index.html                |  72 +-
 blog/vue-ui-component-libraries/index.html    |  72 +-
 blog/vuejs-forge/index.html                   |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 .../index.html                                |  72 +-
 blog/whos-next/index.html                     |  72 +-
 bootstrap/index.html                          |  48 +-
 categories/blog/index.html                    | 172 ++--
 categories/blog/index.xml                     |   9 +-
 categories/blog/page/10/index.html            | 120 ++-
 categories/blog/page/2/index.html             | 172 ++--
 categories/blog/page/3/index.html             | 172 ++--
 categories/blog/page/4/index.html             | 172 ++--
 categories/blog/page/5/index.html             | 172 ++--
 categories/blog/page/6/index.html             | 173 ++--
 categories/blog/page/7/index.html             | 171 ++--
 categories/blog/page/8/index.html             | 158 ++--
 categories/blog/page/9/index.html             | 158 ++--
 categories/changelog/index.html               |  72 +-
 categories/changelog/page/10/index.html       |  72 +-
 categories/changelog/page/11/index.html       |  72 +-
 categories/changelog/page/12/index.html       |  72 +-
 categories/changelog/page/2/index.html        |  72 +-
 categories/changelog/page/3/index.html        |  72 +-
 categories/changelog/page/4/index.html        |  72 +-
 categories/changelog/page/5/index.html        |  72 +-
 categories/changelog/page/6/index.html        |  72 +-
 categories/changelog/page/7/index.html        |  72 +-
 categories/changelog/page/8/index.html        |  72 +-
 categories/changelog/page/9/index.html        |  72 +-
 categories/index.html                         |  72 +-
 categories/index.xml                          |  16 +-
 changelog/coreui/angular-pro/index.html       |  72 +-
 .../coreui/angular-pro/v5.1.0/index.html      |  72 +-
 .../coreui/angular-pro/v5.2.13/index.html     |  72 +-
 .../coreui/angular-pro/v5.2.16/index.html     |  72 +-
 .../coreui/angular-pro/v5.2.2/index.html      |  72 +-
 changelog/coreui/angular/index.html           |  72 +-
 changelog/coreui/angular/v5.0.0/index.html    |  72 +-
 changelog/coreui/angular/v5.0.1/index.html    |  72 +-
 changelog/coreui/angular/v5.0.2/index.html    |  72 +-
 changelog/coreui/angular/v5.2.13/index.html   |  72 +-
 changelog/coreui/angular/v5.2.16/index.html   |  72 +-
 changelog/coreui/angular/v5.2.2/index.html    |  72 +-
 .../index.html                                |  72 +-
 .../v5.0.0/index.html                         |  72 +-
 .../v5.2.16/index.html                        |  72 +-
 .../v5.2.5/index.html                         |  72 +-
 .../index.html                                |  72 +-
 .../v5.0.0-alpha.0/index.html                 |  72 +-
 .../v5.0.0-rc.0/index.html                    |  72 +-
 .../v5.0.0-rc.1/index.html                    |  72 +-
 .../v5.0.0/index.html                         |  72 +-
 .../v5.1.0/index.html                         |  72 +-
 .../v5.1.1/index.html                         |  72 +-
 .../index.html                                |  72 +-
 .../v5.0.0-rc.1/index.html                    |  72 +-
 .../index.html                                |  72 +-
 .../v5.0.0-rc.1/index.html                    |  72 +-
 .../v5.0.0/index.html                         |  72 +-
 .../v5.1.0/index.html                         |  72 +-
 .../v5.2.0/index.html                         |  72 +-
 .../coreui-free-vue-admin-template/index.html |  72 +-
 .../v5.0.0-rc.1/index.html                    |  72 +-
 .../v5.0.0/index.html                         |  72 +-
 .../v5.1.0/index.html                         |  72 +-
 .../v5.2.0/index.html                         |  72 +-
 .../index.html                                |  72 +-
 .../v5.0.0/index.html                         |  72 +-
 .../v5.2.16/index.html                        |  72 +-
 .../v5.2.5/index.html                         |  72 +-
 .../index.html                                |  72 +-
 .../v5.0.0-rc.1/index.html                    |  72 +-
 .../v5.0.0/index.html                         |  72 +-
 .../v5.1.0/index.html                         |  72 +-
 .../v5.2.0/index.html                         |  72 +-
 .../index.html                                |  72 +-
 .../v2.0.0-rc.1/index.html                    |  72 +-
 .../v2.1.0/index.html                         |  72 +-
 .../v2.2.0/index.html                         |  72 +-
 .../index.html                                |  72 +-
 .../v5.0.0-rc.1/index.html                    |  72 +-
 .../index.html                                |  72 +-
 .../v5.0.0-rc.1/index.html                    |  72 +-
 .../v5.0.0/index.html                         |  72 +-
 .../v5.1.0/index.html                         |  72 +-
 .../v5.2.0/index.html                         |  72 +-
 .../coreui-pro-vue-admin-template/index.html  |  72 +-
 .../v5.0.0-rc.1/index.html                    |  72 +-
 .../v5.0.0/index.html                         |  72 +-
 .../v5.1.0/index.html                         |  72 +-
 .../v5.2.0/index.html                         |  72 +-
 changelog/coreui/coreui-pro/index.html        |  72 +-
 changelog/coreui/coreui-pro/page/2/index.html |  72 +-
 .../coreui/coreui-pro/v5.0.0-rc.2/index.html  |  72 +-
 .../coreui/coreui-pro/v5.0.0-rc.3/index.html  |  72 +-
 changelog/coreui/coreui-pro/v5.0.0/index.html |  72 +-
 changelog/coreui/coreui-pro/v5.0.1/index.html |  72 +-
 changelog/coreui/coreui-pro/v5.1.0/index.html |  72 +-
 changelog/coreui/coreui-pro/v5.2.0/index.html |  72 +-
 changelog/coreui/coreui-pro/v5.2.1/index.html |  72 +-
 changelog/coreui/coreui-pro/v5.3.0/index.html |  72 +-
 changelog/coreui/coreui-pro/v5.3.1/index.html |  72 +-
 changelog/coreui/coreui-pro/v5.4.0/index.html |  72 +-
 changelog/coreui/coreui-pro/v5.4.1/index.html |  72 +-
 changelog/coreui/coreui-pro/v5.5.0/index.html |  72 +-
 changelog/coreui/coreui-pro/v5.6.0/index.html |  72 +-
 changelog/coreui/coreui-pro/v5.7.0/index.html |  72 +-
 changelog/coreui/coreui/index.html            |  72 +-
 changelog/coreui/coreui/page/2/index.html     |  72 +-
 .../coreui/coreui/v5.0.0-beta.1/index.html    |  72 +-
 .../coreui/coreui/v5.0.0-beta.2/index.html    |  72 +-
 .../coreui/coreui/v5.0.0-rc.0/index.html      |  72 +-
 .../coreui/coreui/v5.0.0-rc.1/index.html      |  72 +-
 .../coreui/coreui/v5.0.0-rc.2/index.html      |  72 +-
 .../coreui/coreui/v5.0.0-rc.3/index.html      |  72 +-
 changelog/coreui/coreui/v5.0.0/index.html     |  72 +-
 changelog/coreui/coreui/v5.0.1/index.html     |  72 +-
 changelog/coreui/coreui/v5.0.2/index.html     |  72 +-
 changelog/coreui/coreui/v5.1.0/index.html     |  72 +-
 changelog/coreui/coreui/v5.1.1/index.html     |  72 +-
 changelog/coreui/coreui/v5.1.2/index.html     |  72 +-
 changelog/coreui/coreui/v5.2.0/index.html     |  72 +-
 changelog/coreui/index.html                   |  72 +-
 changelog/coreui/page/10/index.html           |  72 +-
 changelog/coreui/page/11/index.html           |  72 +-
 changelog/coreui/page/12/index.html           |  72 +-
 changelog/coreui/page/2/index.html            |  72 +-
 changelog/coreui/page/3/index.html            |  72 +-
 changelog/coreui/page/4/index.html            |  72 +-
 changelog/coreui/page/5/index.html            |  72 +-
 changelog/coreui/page/6/index.html            |  72 +-
 changelog/coreui/page/7/index.html            |  72 +-
 changelog/coreui/page/8/index.html            |  72 +-
 changelog/coreui/page/9/index.html            |  72 +-
 changelog/coreui/react-pro/index.html         |  72 +-
 changelog/coreui/react-pro/page/2/index.html  |  72 +-
 .../coreui/react-pro/v5.0.0-rc.2/index.html   |  72 +-
 .../coreui/react-pro/v5.0.0-rc.3/index.html   |  72 +-
 changelog/coreui/react-pro/v5.0.0/index.html  |  72 +-
 changelog/coreui/react-pro/v5.1.0/index.html  |  72 +-
 changelog/coreui/react-pro/v5.2.0/index.html  |  72 +-
 changelog/coreui/react-pro/v5.3.0/index.html  |  72 +-
 changelog/coreui/react-pro/v5.4.0/index.html  |  72 +-
 changelog/coreui/react-pro/v5.5.0/index.html  |  72 +-
 changelog/coreui/react-pro/v5.6.0/index.html  |  72 +-
 changelog/coreui/react-pro/v5.7.0/index.html  |  72 +-
 changelog/coreui/react-pro/v5.8.0/index.html  |  72 +-
 changelog/coreui/react-pro/v5.9.0/index.html  |  72 +-
 changelog/coreui/react/index.html             |  72 +-
 changelog/coreui/react/v5.0.0-rc.1/index.html |  72 +-
 changelog/coreui/react/v5.0.0-rc.2/index.html |  72 +-
 changelog/coreui/react/v5.0.0-rc.3/index.html |  72 +-
 changelog/coreui/react/v5.0.0/index.html      |  72 +-
 changelog/coreui/react/v5.1.0/index.html      |  72 +-
 changelog/coreui/react/v5.2.0/index.html      |  72 +-
 changelog/coreui/react/v5.3.0/index.html      |  72 +-
 changelog/coreui/react/v5.4.0/index.html      |  72 +-
 changelog/coreui/react/v5.4.1/index.html      |  72 +-
 changelog/coreui/vue-pro/index.html           |  72 +-
 .../coreui/vue-pro/v5.0.0-rc.2/index.html     |  72 +-
 .../coreui/vue-pro/v5.0.0-rc.3/index.html     |  72 +-
 changelog/coreui/vue-pro/v5.1.0/index.html    |  72 +-
 changelog/coreui/vue-pro/v5.2.0/index.html    |  72 +-
 changelog/coreui/vue-pro/v5.3.0/index.html    |  72 +-
 changelog/coreui/vue-pro/v5.4.0/index.html    |  72 +-
 changelog/coreui/vue-pro/v5.5.0/index.html    |  72 +-
 changelog/coreui/vue-pro/v5.6.0/index.html    |  72 +-
 changelog/coreui/vue-pro/v5.7.0/index.html    |  72 +-
 changelog/coreui/vue-pro/v5.8.0/index.html    |  72 +-
 changelog/coreui/vue/index.html               |  72 +-
 changelog/coreui/vue/v5.0.0-rc.2/index.html   |  72 +-
 changelog/coreui/vue/v5.0.0-rc.3/index.html   |  72 +-
 changelog/coreui/vue/v5.1.0/index.html        |  72 +-
 changelog/coreui/vue/v5.2.0/index.html        |  72 +-
 changelog/coreui/vue/v5.3.0/index.html        |  72 +-
 changelog/coreui/vue/v5.4.0/index.html        |  72 +-
 changelog/coreui/vue/v5.4.1/index.html        |  72 +-
 changelog/index.html                          |  72 +-
 changelog/page/10/index.html                  |  72 +-
 changelog/page/11/index.html                  |  72 +-
 changelog/page/12/index.html                  |  72 +-
 changelog/page/2/index.html                   |  72 +-
 changelog/page/3/index.html                   |  72 +-
 changelog/page/4/index.html                   |  72 +-
 changelog/page/5/index.html                   |  72 +-
 changelog/page/6/index.html                   |  72 +-
 changelog/page/7/index.html                   |  72 +-
 changelog/page/8/index.html                   |  72 +-
 changelog/page/9/index.html                   |  72 +-
 contact/index.html                            |  72 +-
 ...-in-javascript_hu12813037798663507662.webp | Bin 0 -> 9372 bytes
 ...-in-javascript_hu14513134624155259524.webp | Bin 0 -> 16684 bytes
 ...-in-javascript_hu18298395002692961939.webp | Bin 0 -> 22944 bytes
 ...n-in-javascript_hu3933520708227606494.webp | Bin 0 -> 31756 bytes
 ...n-in-javascript_hu7698351607774644796.webp | Bin 0 -> 32216 bytes
 index.html                                    |  48 +-
 index.xml                                     |   7 +
 laravel/index.html                            |  48 +-
 pro/index.html                                |  72 +-
 pro/license-template/index.html               |   8 +-
 pro/license/index.html                        |   4 +-
 product/index.html                            |  72 +-
 react/index.html                              |  48 +-
 sitemap.xml                                   |  29 +-
 tags/how-to/index.html                        | 100 +--
 tags/how-to/index.xml                         |   9 +-
 tags/how-to/page/2/index.html                 | 100 +--
 tags/how-to/page/3/index.html                 | 100 +--
 tags/how-to/page/4/index.html                 | 100 +--
 tags/how-to/page/5/index.html                 | 100 +--
 tags/how-to/page/6/index.html                 |  50 ++
 tags/index.html                               |  72 +-
 tags/index.xml                                |  30 +-
 tags/javascript/index.html                    | 100 +--
 tags/javascript/index.xml                     |   9 +-
 tags/javascript/page/2/index.html             | 100 +--
 tags/javascript/page/3/index.html             | 100 +--
 tags/javascript/page/4/index.html             | 104 ++-
 tags/javascript/page/5/index.html             |  54 ++
 themes-templates/index.html                   |  72 +-
 vue-laravel/index.html                        |  48 +-
 vue/index.html                                |  48 +-
 339 files changed, 14155 insertions(+), 13095 deletions(-)
 create mode 100644 blog/how-to-convert-a-string-to-boolean-in-javascript/index.html
 create mode 100644 images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp
 create mode 100644 images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp
 create mode 100644 images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp
 create mode 100644 images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp
 create mode 100644 images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp

diff --git a/about/index.html b/about/index.html
index 3b3ebe8247c..24197ebd2e5 100644
--- a/about/index.html
+++ b/about/index.html
@@ -514,7 +514,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/about/services/">Services
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -526,13 +526,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/about/services/">Services
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -550,11 +550,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -566,13 +566,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -590,11 +590,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -606,13 +606,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -630,11 +630,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -646,13 +646,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -670,11 +670,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -686,13 +686,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -710,11 +710,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -726,13 +726,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -750,7 +750,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/angular/index.html b/angular/index.html
index b5340b7e37e..dcb1a359273 100644
--- a/angular/index.html
+++ b/angular/index.html
@@ -947,7 +947,7 @@ <h2 class="section-title"><span class="text-yellow">CoreUI</span> News</h2>
   <div class="container">
     <div class="row"><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -965,9 +965,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
             
 
 
@@ -979,21 +979,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
   
 />
           </a>
           <p>
-            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
+            <p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1011,9 +1011,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
             
 
 
@@ -1025,21 +1025,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
   
 />
           </a>
           <p>
-            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
+            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1057,9 +1057,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
           </div>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
             
 
 
@@ -1071,16 +1071,16 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
   
 />
           </a>
           <p>
-            <p>Passing props in React is a fundamental concept that allows data to flow between components. When building user interfaces with React, you often need to pass additional props from a parent …</p>
+            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
           </p>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div></div>
diff --git a/blog/2013/08/24/bootstrap-unlimited-responsive-template/index.html b/blog/2013/08/24/bootstrap-unlimited-responsive-template/index.html
index d5214dee509..beb70a91812 100644
--- a/blog/2013/08/24/bootstrap-unlimited-responsive-template/index.html
+++ b/blog/2013/08/24/bootstrap-unlimited-responsive-template/index.html
@@ -524,7 +524,7 @@ <h1 class="post-title mb-3">Bootstrap – unlimited responsive template?</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -536,13 +536,13 @@ <h1 class="post-title mb-3">Bootstrap – unlimited responsive template?</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -560,11 +560,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -576,13 +576,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -600,11 +600,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -616,13 +616,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -640,11 +640,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -656,13 +656,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -680,11 +680,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -696,13 +696,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -720,11 +720,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -736,13 +736,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -760,7 +760,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2013/08/24/genius-bootstrap-admin-template/index.html b/blog/2013/08/24/genius-bootstrap-admin-template/index.html
index d7b91c12b8a..99f1ea5befe 100644
--- a/blog/2013/08/24/genius-bootstrap-admin-template/index.html
+++ b/blog/2013/08/24/genius-bootstrap-admin-template/index.html
@@ -429,7 +429,7 @@ <h1 class="post-title mb-3">Genius Bootstrap Admin Template</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -441,13 +441,13 @@ <h1 class="post-title mb-3">Genius Bootstrap Admin Template</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -465,11 +465,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -481,13 +481,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -505,11 +505,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -521,13 +521,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -545,11 +545,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -561,13 +561,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -585,11 +585,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -601,13 +601,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -625,11 +625,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -641,13 +641,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -665,7 +665,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2013/11/08/bootstrap-3.0.2-and-3.0.1-right-direction/index.html b/blog/2013/11/08/bootstrap-3.0.2-and-3.0.1-right-direction/index.html
index 9975246bc4e..693c2ac6246 100644
--- a/blog/2013/11/08/bootstrap-3.0.2-and-3.0.1-right-direction/index.html
+++ b/blog/2013/11/08/bootstrap-3.0.2-and-3.0.1-right-direction/index.html
@@ -401,7 +401,7 @@ <h1 class="post-title mb-3">Bootstrap 3.0.2 and 3.0.1 - right direction?</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -413,13 +413,13 @@ <h1 class="post-title mb-3">Bootstrap 3.0.2 and 3.0.1 - right direction?</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -437,11 +437,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -453,13 +453,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -477,11 +477,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -493,13 +493,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -517,11 +517,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -533,13 +533,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -557,11 +557,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -573,13 +573,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -597,11 +597,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -613,13 +613,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -637,7 +637,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2017/07/04/whats-new-in-bootstrap-4/index.html b/blog/2017/07/04/whats-new-in-bootstrap-4/index.html
index c3f0201e0ce..310140c13bc 100644
--- a/blog/2017/07/04/whats-new-in-bootstrap-4/index.html
+++ b/blog/2017/07/04/whats-new-in-bootstrap-4/index.html
@@ -479,7 +479,7 @@ <h2 id="components">Components</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -491,13 +491,13 @@ <h2 id="components">Components</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -515,11 +515,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -531,13 +531,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -555,11 +555,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -571,13 +571,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -595,11 +595,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -611,13 +611,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -635,11 +635,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -651,13 +651,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -675,11 +675,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -691,13 +691,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -715,7 +715,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2017/07/10/how-to-migrate-from-bootstrap-3-to-bootstrap-4-beta/index.html b/blog/2017/07/10/how-to-migrate-from-bootstrap-3-to-bootstrap-4-beta/index.html
index 9fcdf14a975..8498f589704 100644
--- a/blog/2017/07/10/how-to-migrate-from-bootstrap-3-to-bootstrap-4-beta/index.html
+++ b/blog/2017/07/10/how-to-migrate-from-bootstrap-3-to-bootstrap-4-beta/index.html
@@ -799,7 +799,7 @@ <h3 id="carousel">Carousel</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -811,13 +811,13 @@ <h3 id="carousel">Carousel</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -835,11 +835,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -851,13 +851,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -875,11 +875,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -891,13 +891,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -915,11 +915,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -931,13 +931,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -955,11 +955,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -971,13 +971,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -995,11 +995,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1011,13 +1011,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1035,7 +1035,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2017/08/12/how-to-upgrade-bootstrap-4-alpha-6-to-bootstrap-4-beta/index.html b/blog/2017/08/12/how-to-upgrade-bootstrap-4-alpha-6-to-bootstrap-4-beta/index.html
index 9efa1496b8b..06ba687ea28 100644
--- a/blog/2017/08/12/how-to-upgrade-bootstrap-4-alpha-6-to-bootstrap-4-beta/index.html
+++ b/blog/2017/08/12/how-to-upgrade-bootstrap-4-alpha-6-to-bootstrap-4-beta/index.html
@@ -558,7 +558,7 @@ <h3 id="improved-auto-placement-of-tooltips-popovers-and-dropdowns">Improved aut
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -570,13 +570,13 @@ <h3 id="improved-auto-placement-of-tooltips-popovers-and-dropdowns">Improved aut
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -594,11 +594,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -610,13 +610,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -634,11 +634,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -650,13 +650,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -674,11 +674,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -690,13 +690,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -714,11 +714,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -730,13 +730,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -754,11 +754,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -770,13 +770,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -794,7 +794,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2018/01/31/migration-from-bootstrap-3-to-bootstrap-4/index.html b/blog/2018/01/31/migration-from-bootstrap-3-to-bootstrap-4/index.html
index f1849261de7..f65173406f7 100644
--- a/blog/2018/01/31/migration-from-bootstrap-3-to-bootstrap-4/index.html
+++ b/blog/2018/01/31/migration-from-bootstrap-3-to-bootstrap-4/index.html
@@ -1007,7 +1007,7 @@ <h3 id="tables">Tables</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -1019,13 +1019,13 @@ <h3 id="tables">Tables</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1043,11 +1043,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -1059,13 +1059,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1083,11 +1083,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1099,13 +1099,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1123,11 +1123,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1139,13 +1139,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1163,11 +1163,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1179,13 +1179,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1203,11 +1203,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1219,13 +1219,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1243,7 +1243,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2018/03/20/bootstrap-icons/index.html b/blog/2018/03/20/bootstrap-icons/index.html
index c72435b11e3..37196ff0999 100644
--- a/blog/2018/03/20/bootstrap-icons/index.html
+++ b/blog/2018/03/20/bootstrap-icons/index.html
@@ -450,7 +450,7 @@ <h1 class="post-title mb-3">Bootstrap Icons</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -462,13 +462,13 @@ <h1 class="post-title mb-3">Bootstrap Icons</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -486,11 +486,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -502,13 +502,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -526,11 +526,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -542,13 +542,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -566,11 +566,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -582,13 +582,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -606,11 +606,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -622,13 +622,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -646,11 +646,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -662,13 +662,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -686,7 +686,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2019/07/01/whats-new-and-updated-in-coreui-3/index.html b/blog/2019/07/01/whats-new-and-updated-in-coreui-3/index.html
index 0ef401e6ee6..e49eb42b617 100644
--- a/blog/2019/07/01/whats-new-and-updated-in-coreui-3/index.html
+++ b/blog/2019/07/01/whats-new-and-updated-in-coreui-3/index.html
@@ -430,7 +430,7 @@ <h3 id="development-plan">Development plan</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -442,13 +442,13 @@ <h3 id="development-plan">Development plan</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -466,11 +466,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -482,13 +482,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -506,11 +506,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -522,13 +522,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -546,11 +546,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -562,13 +562,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -586,11 +586,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -602,13 +602,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -626,11 +626,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -642,13 +642,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -666,7 +666,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2019/09/30/leave-well-alone/index.html b/blog/2019/09/30/leave-well-alone/index.html
index 38aed5c4d51..a1aad76a4e6 100644
--- a/blog/2019/09/30/leave-well-alone/index.html
+++ b/blog/2019/09/30/leave-well-alone/index.html
@@ -487,7 +487,7 @@ <h5>CoreUI Icons</h5>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -499,13 +499,13 @@ <h5>CoreUI Icons</h5>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -523,11 +523,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -539,13 +539,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -563,11 +563,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -579,13 +579,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -603,11 +603,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -619,13 +619,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -643,11 +643,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -659,13 +659,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -683,11 +683,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -699,13 +699,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -723,7 +723,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2019/11/06/are-you-ready-for-coreui-3.0/index.html b/blog/2019/11/06/are-you-ready-for-coreui-3.0/index.html
index 552fb975605..5b23b188afc 100644
--- a/blog/2019/11/06/are-you-ready-for-coreui-3.0/index.html
+++ b/blog/2019/11/06/are-you-ready-for-coreui-3.0/index.html
@@ -438,7 +438,7 @@ <h4 id="november-promo">November promo</h4>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -450,13 +450,13 @@ <h4 id="november-promo">November promo</h4>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -474,11 +474,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -490,13 +490,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -514,11 +514,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -530,13 +530,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -554,11 +554,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -570,13 +570,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -594,11 +594,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -610,13 +610,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -634,11 +634,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -650,13 +650,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -674,7 +674,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2019/12/05/laravel-rockz/index.html b/blog/2019/12/05/laravel-rockz/index.html
index d82fabce547..965518e1097 100644
--- a/blog/2019/12/05/laravel-rockz/index.html
+++ b/blog/2019/12/05/laravel-rockz/index.html
@@ -429,7 +429,7 @@ <h4 id="coreui-laravel">CoreUI #Laravel</h4>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -441,13 +441,13 @@ <h4 id="coreui-laravel">CoreUI #Laravel</h4>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -465,11 +465,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -481,13 +481,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -505,11 +505,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -521,13 +521,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -545,11 +545,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -561,13 +561,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -585,11 +585,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -601,13 +601,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -625,11 +625,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -641,13 +641,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -665,7 +665,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2020/01/02/coreui-3k-icons-set-why-the-did-we-do-this/index.html b/blog/2020/01/02/coreui-3k-icons-set-why-the-did-we-do-this/index.html
index d62c3062c10..88e7d82db38 100644
--- a/blog/2020/01/02/coreui-3k-icons-set-why-the-did-we-do-this/index.html
+++ b/blog/2020/01/02/coreui-3k-icons-set-why-the-did-we-do-this/index.html
@@ -419,7 +419,7 @@ <h1 class="post-title mb-3">CoreUI 3k&#43; icons set – why the … did we do t
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -431,13 +431,13 @@ <h1 class="post-title mb-3">CoreUI 3k&#43; icons set – why the … did we do t
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -455,11 +455,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -471,13 +471,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -495,11 +495,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -511,13 +511,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -535,11 +535,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -551,13 +551,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -575,11 +575,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -591,13 +591,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -615,11 +615,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -631,13 +631,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -655,7 +655,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2020/03/06/coreui-vue.js-components-library-gimme-more/index.html b/blog/2020/03/06/coreui-vue.js-components-library-gimme-more/index.html
index 195120f42c3..dd1b5b6a89a 100644
--- a/blog/2020/03/06/coreui-vue.js-components-library-gimme-more/index.html
+++ b/blog/2020/03/06/coreui-vue.js-components-library-gimme-more/index.html
@@ -434,7 +434,7 @@ <h1 class="post-title mb-3">CoreUI Vue.js components library– gimme more?</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -446,13 +446,13 @@ <h1 class="post-title mb-3">CoreUI Vue.js components library– gimme more?</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -470,11 +470,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -486,13 +486,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -510,11 +510,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -526,13 +526,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -550,11 +550,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -566,13 +566,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -590,11 +590,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -606,13 +606,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -630,11 +630,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -646,13 +646,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -670,7 +670,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2020/04/10/happy-easter-stayhome/index.html b/blog/2020/04/10/happy-easter-stayhome/index.html
index 4a5097216ea..b29b5dcff4b 100644
--- a/blog/2020/04/10/happy-easter-stayhome/index.html
+++ b/blog/2020/04/10/happy-easter-stayhome/index.html
@@ -422,7 +422,7 @@ <h1 class="post-title mb-3">Happy Easter &amp; #stayhome?</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -434,13 +434,13 @@ <h1 class="post-title mb-3">Happy Easter &amp; #stayhome?</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -458,11 +458,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -474,13 +474,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -498,11 +498,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -514,13 +514,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -538,11 +538,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -554,13 +554,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -578,11 +578,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -594,13 +594,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -618,11 +618,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -634,13 +634,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -658,7 +658,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2020/04/30/coreui-stayhome-getpro-for-free/index.html b/blog/2020/04/30/coreui-stayhome-getpro-for-free/index.html
index 80f0ac6a7ce..c3cdaf371d0 100644
--- a/blog/2020/04/30/coreui-stayhome-getpro-for-free/index.html
+++ b/blog/2020/04/30/coreui-stayhome-getpro-for-free/index.html
@@ -420,7 +420,7 @@ <h1 class="post-title mb-3">CoreUI #stayHome #getPro for Free</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -432,13 +432,13 @@ <h1 class="post-title mb-3">CoreUI #stayHome #getPro for Free</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -456,11 +456,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -472,13 +472,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -496,11 +496,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -512,13 +512,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -536,11 +536,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -552,13 +552,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -576,11 +576,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -592,13 +592,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -616,11 +616,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -632,13 +632,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -656,7 +656,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2020/05/31/coreui-3.0-hooks-on-react.js/index.html b/blog/2020/05/31/coreui-3.0-hooks-on-react.js/index.html
index fdafc8162e8..af2ebe81287 100644
--- a/blog/2020/05/31/coreui-3.0-hooks-on-react.js/index.html
+++ b/blog/2020/05/31/coreui-3.0-hooks-on-react.js/index.html
@@ -432,7 +432,7 @@ <h1 class="post-title mb-3">CoreUI 3.0 hooks on React.js?</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -444,13 +444,13 @@ <h1 class="post-title mb-3">CoreUI 3.0 hooks on React.js?</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -468,11 +468,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -484,13 +484,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -508,11 +508,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -524,13 +524,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -548,11 +548,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -564,13 +564,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -588,11 +588,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -604,13 +604,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -628,11 +628,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -644,13 +644,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -668,7 +668,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/index.html b/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/index.html
index a1a3976dcd5..25f34b4ab79 100644
--- a/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/index.html
+++ b/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/index.html
@@ -437,7 +437,7 @@ <h3 id="is-that-all">Is that all?</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -449,13 +449,13 @@ <h3 id="is-that-all">Is that all?</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -473,11 +473,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -489,13 +489,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -513,11 +513,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -529,13 +529,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -553,11 +553,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -569,13 +569,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -593,11 +593,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -609,13 +609,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -633,11 +633,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -649,13 +649,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -673,7 +673,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2020/07/20/coreui-vue-laravel-admin-template-more-than-simple-integration.../index.html b/blog/2020/07/20/coreui-vue-laravel-admin-template-more-than-simple-integration.../index.html
index b3fe03fd87e..fd8ee4ecc88 100644
--- a/blog/2020/07/20/coreui-vue-laravel-admin-template-more-than-simple-integration.../index.html
+++ b/blog/2020/07/20/coreui-vue-laravel-admin-template-more-than-simple-integration.../index.html
@@ -433,7 +433,7 @@ <h1 class="post-title mb-3">CoreUI Vue Laravel Admin Template – more than simp
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -445,13 +445,13 @@ <h1 class="post-title mb-3">CoreUI Vue Laravel Admin Template – more than simp
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -469,11 +469,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -485,13 +485,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -509,11 +509,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -525,13 +525,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -549,11 +549,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -565,13 +565,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -589,11 +589,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -605,13 +605,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -629,11 +629,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -645,13 +645,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -669,7 +669,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/index.html b/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/index.html
index 734be7970b1..c71e9b2999a 100644
--- a/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/index.html
+++ b/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/index.html
@@ -443,7 +443,7 @@ <h1 class="post-title mb-3">Earn Real Money on every sale you refer - become a C
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -455,13 +455,13 @@ <h1 class="post-title mb-3">Earn Real Money on every sale you refer - become a C
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -479,11 +479,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -495,13 +495,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -519,11 +519,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -535,13 +535,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -559,11 +559,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -575,13 +575,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -599,11 +599,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -615,13 +615,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -639,11 +639,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -655,13 +655,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -679,7 +679,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2020/12/21/top-10-react-admin-templates-tools-of-the-year-2020/index.html b/blog/2020/12/21/top-10-react-admin-templates-tools-of-the-year-2020/index.html
index d916a84417d..1506d9e3096 100644
--- a/blog/2020/12/21/top-10-react-admin-templates-tools-of-the-year-2020/index.html
+++ b/blog/2020/12/21/top-10-react-admin-templates-tools-of-the-year-2020/index.html
@@ -473,7 +473,7 @@ <h1 id="10-coreui-react-pro-admin-templatehttpscoreuiioproreact">10 <a href="htt
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -485,13 +485,13 @@ <h1 id="10-coreui-react-pro-admin-templatehttpscoreuiioproreact">10 <a href="htt
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -509,11 +509,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -525,13 +525,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -549,11 +549,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -565,13 +565,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -589,11 +589,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -605,13 +605,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -629,11 +629,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -645,13 +645,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -669,11 +669,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -685,13 +685,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -709,7 +709,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2021/01/03/ui-components-for-bootstrap-part-1-by-mehwash-patel/index.html b/blog/2021/01/03/ui-components-for-bootstrap-part-1-by-mehwash-patel/index.html
index 43cc47f27f9..c2209f0685b 100644
--- a/blog/2021/01/03/ui-components-for-bootstrap-part-1-by-mehwash-patel/index.html
+++ b/blog/2021/01/03/ui-components-for-bootstrap-part-1-by-mehwash-patel/index.html
@@ -489,7 +489,7 @@ <h1 class="post-title mb-3">UI Components For Bootstrap — Part 1 by Mehwash Pa
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -501,13 +501,13 @@ <h1 class="post-title mb-3">UI Components For Bootstrap — Part 1 by Mehwash Pa
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -525,11 +525,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -541,13 +541,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -565,11 +565,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -581,13 +581,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -605,11 +605,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -621,13 +621,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -645,11 +645,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -661,13 +661,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -685,11 +685,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -701,13 +701,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -725,7 +725,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2021/10/27/do-we-need-ui-components/index.html b/blog/2021/10/27/do-we-need-ui-components/index.html
index 779a4806f8c..39a06b69581 100644
--- a/blog/2021/10/27/do-we-need-ui-components/index.html
+++ b/blog/2021/10/27/do-we-need-ui-components/index.html
@@ -452,7 +452,7 @@ <h3 id="in-the-end">In the end</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -464,13 +464,13 @@ <h3 id="in-the-end">In the end</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -488,11 +488,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -504,13 +504,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -528,11 +528,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -544,13 +544,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -568,11 +568,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -584,13 +584,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -608,11 +608,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -624,13 +624,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -648,11 +648,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -664,13 +664,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -688,7 +688,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2021/11/26/simple-black-friday/index.html b/blog/2021/11/26/simple-black-friday/index.html
index bf423f183ab..b0724f06d9f 100644
--- a/blog/2021/11/26/simple-black-friday/index.html
+++ b/blog/2021/11/26/simple-black-friday/index.html
@@ -429,7 +429,7 @@ <h1 class="post-title mb-3">Simple Black Friday</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -441,13 +441,13 @@ <h1 class="post-title mb-3">Simple Black Friday</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -465,11 +465,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -481,13 +481,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -505,11 +505,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -521,13 +521,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -545,11 +545,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -561,13 +561,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -585,11 +585,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -601,13 +601,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -625,11 +625,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -641,13 +641,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -665,7 +665,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/2022/01/17/quo-vadis-vue.js/index.html b/blog/2022/01/17/quo-vadis-vue.js/index.html
index 1a0273510a8..05e43a593bc 100644
--- a/blog/2022/01/17/quo-vadis-vue.js/index.html
+++ b/blog/2022/01/17/quo-vadis-vue.js/index.html
@@ -444,7 +444,7 @@ <h1 class="post-title mb-3">Quo Vadis Vue.js</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -456,13 +456,13 @@ <h1 class="post-title mb-3">Quo Vadis Vue.js</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -480,11 +480,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -496,13 +496,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -520,11 +520,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -536,13 +536,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -560,11 +560,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -576,13 +576,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -600,11 +600,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -616,13 +616,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -640,11 +640,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -656,13 +656,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -680,7 +680,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/black-friday-aka-black-week-aka-bull-shit/index.html b/blog/black-friday-aka-black-week-aka-bull-shit/index.html
index b99721b7684..5a6c6cd32e6 100644
--- a/blog/black-friday-aka-black-week-aka-bull-shit/index.html
+++ b/blog/black-friday-aka-black-week-aka-bull-shit/index.html
@@ -422,7 +422,7 @@ <h1 class="post-title mb-3">Black Friday aka Black Week aka Bull Shit?</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -434,13 +434,13 @@ <h1 class="post-title mb-3">Black Friday aka Black Week aka Bull Shit?</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -458,11 +458,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -474,13 +474,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -498,11 +498,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -514,13 +514,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -538,11 +538,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -554,13 +554,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -578,11 +578,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -594,13 +594,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -618,11 +618,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -634,13 +634,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -658,7 +658,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/bootstrap-react-tutorial-with-examples/index.html b/blog/bootstrap-react-tutorial-with-examples/index.html
index 9d75e919a69..7e736a97898 100644
--- a/blog/bootstrap-react-tutorial-with-examples/index.html
+++ b/blog/bootstrap-react-tutorial-with-examples/index.html
@@ -878,7 +878,7 @@ <h2 id="resources">Resources:</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -890,13 +890,13 @@ <h2 id="resources">Resources:</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -914,11 +914,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -930,13 +930,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -954,11 +954,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -970,13 +970,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -994,11 +994,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1010,13 +1010,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1034,11 +1034,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1050,13 +1050,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1074,11 +1074,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1090,13 +1090,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1114,7 +1114,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/cant-wait-for-what-the-future-of-vue-holds/index.html b/blog/cant-wait-for-what-the-future-of-vue-holds/index.html
index 56386de8007..d0278574a1b 100644
--- a/blog/cant-wait-for-what-the-future-of-vue-holds/index.html
+++ b/blog/cant-wait-for-what-the-future-of-vue-holds/index.html
@@ -468,7 +468,7 @@ <h3 id="no-design-skills-required">No design skills required</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -480,13 +480,13 @@ <h3 id="no-design-skills-required">No design skills required</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -504,11 +504,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -520,13 +520,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -544,11 +544,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -560,13 +560,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -584,11 +584,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -600,13 +600,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -624,11 +624,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -640,13 +640,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -664,11 +664,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -680,13 +680,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -704,7 +704,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/coreui-vue-js-components-helped-to-win-a-eurostat-hackathon/index.html b/blog/coreui-vue-js-components-helped-to-win-a-eurostat-hackathon/index.html
index 318bc64f1b7..6c800ae16f4 100644
--- a/blog/coreui-vue-js-components-helped-to-win-a-eurostat-hackathon/index.html
+++ b/blog/coreui-vue-js-components-helped-to-win-a-eurostat-hackathon/index.html
@@ -481,7 +481,7 @@ <h2 id="european-big-data-hackathon-2021">European Big Data Hackathon 2021</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -493,13 +493,13 @@ <h2 id="european-big-data-hackathon-2021">European Big Data Hackathon 2021</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -517,11 +517,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -533,13 +533,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -557,11 +557,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -573,13 +573,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -597,11 +597,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -613,13 +613,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -637,11 +637,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -653,13 +653,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -677,11 +677,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -693,13 +693,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -717,7 +717,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/coreui-vue-js-forge-cause-1-is-just-not-enough/index.html b/blog/coreui-vue-js-forge-cause-1-is-just-not-enough/index.html
index 05fcff594af..47f1f8973ab 100644
--- a/blog/coreui-vue-js-forge-cause-1-is-just-not-enough/index.html
+++ b/blog/coreui-vue-js-forge-cause-1-is-just-not-enough/index.html
@@ -429,7 +429,7 @@ <h1 class="post-title mb-3">CoreUI &amp; Vue.js Forge… cause 1 is just not eno
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -441,13 +441,13 @@ <h1 class="post-title mb-3">CoreUI &amp; Vue.js Forge… cause 1 is just not eno
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -465,11 +465,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -481,13 +481,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -505,11 +505,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -521,13 +521,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -545,11 +545,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -561,13 +561,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -585,11 +585,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -601,13 +601,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -625,11 +625,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -641,13 +641,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -665,7 +665,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/css-selector-for-parent-element/index.html b/blog/css-selector-for-parent-element/index.html
index 258f62ee5e9..e367ad1a5b5 100644
--- a/blog/css-selector-for-parent-element/index.html
+++ b/blog/css-selector-for-parent-element/index.html
@@ -496,7 +496,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -508,13 +508,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -532,11 +532,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -548,13 +548,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -572,11 +572,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -588,13 +588,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -612,11 +612,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -628,13 +628,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -652,11 +652,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -668,13 +668,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -692,11 +692,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -708,13 +708,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -732,7 +732,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/draft-how-to-replace-all-occurrences-of-a-string-in-javascript/index.html b/blog/draft-how-to-replace-all-occurrences-of-a-string-in-javascript/index.html
index 602be298603..e4aad35707b 100644
--- a/blog/draft-how-to-replace-all-occurrences-of-a-string-in-javascript/index.html
+++ b/blog/draft-how-to-replace-all-occurrences-of-a-string-in-javascript/index.html
@@ -527,7 +527,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -539,13 +539,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -563,11 +563,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -579,13 +579,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -603,11 +603,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -619,13 +619,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -643,11 +643,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -659,13 +659,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -683,11 +683,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -699,13 +699,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -723,11 +723,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -739,13 +739,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -763,7 +763,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/free-bootstrap-admin-dashboard-templates/index.html b/blog/free-bootstrap-admin-dashboard-templates/index.html
index 120617c4908..d2ae3432470 100644
--- a/blog/free-bootstrap-admin-dashboard-templates/index.html
+++ b/blog/free-bootstrap-admin-dashboard-templates/index.html
@@ -516,7 +516,7 @@ <h2 id="stisla---free-bootstrap-admin-template">Stisla - Free Bootstrap Admin Te
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -528,13 +528,13 @@ <h2 id="stisla---free-bootstrap-admin-template">Stisla - Free Bootstrap Admin Te
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -552,11 +552,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -568,13 +568,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -592,11 +592,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -608,13 +608,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -632,11 +632,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -648,13 +648,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -672,11 +672,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -688,13 +688,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -712,11 +712,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -728,13 +728,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -752,7 +752,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-capitalize-the-first-letter-in-javascript/index.html b/blog/how-to-capitalize-the-first-letter-in-javascript/index.html
index 46d70f1fee4..bf1b5e93d4f 100644
--- a/blog/how-to-capitalize-the-first-letter-in-javascript/index.html
+++ b/blog/how-to-capitalize-the-first-letter-in-javascript/index.html
@@ -505,7 +505,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -517,13 +517,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -541,11 +541,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -557,13 +557,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -581,11 +581,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -597,13 +597,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -621,11 +621,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -637,13 +637,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -661,11 +661,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -677,13 +677,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -701,11 +701,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -717,13 +717,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -741,7 +741,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-center-a-button-in-css/index.html b/blog/how-to-center-a-button-in-css/index.html
index 47bd405de3f..6c5e1980017 100644
--- a/blog/how-to-center-a-button-in-css/index.html
+++ b/blog/how-to-center-a-button-in-css/index.html
@@ -522,7 +522,7 @@ <h2 id="practice-makes-perfect">Practice Makes Perfect</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -534,13 +534,13 @@ <h2 id="practice-makes-perfect">Practice Makes Perfect</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -558,11 +558,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -574,13 +574,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -598,11 +598,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -614,13 +614,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -638,11 +638,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -654,13 +654,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -678,11 +678,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -694,13 +694,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -718,11 +718,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -734,13 +734,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -758,7 +758,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-change-opacity-on-hover-in-css/index.html b/blog/how-to-change-opacity-on-hover-in-css/index.html
index c4e6ae9f26c..b25f3168c78 100644
--- a/blog/how-to-change-opacity-on-hover-in-css/index.html
+++ b/blog/how-to-change-opacity-on-hover-in-css/index.html
@@ -537,7 +537,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -549,13 +549,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -573,11 +573,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -589,13 +589,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -613,11 +613,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -629,13 +629,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -653,11 +653,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -669,13 +669,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -693,11 +693,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -709,13 +709,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -733,11 +733,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -749,13 +749,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -773,7 +773,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-check-if-a-key-exists-in-javascript-object/index.html b/blog/how-to-check-if-a-key-exists-in-javascript-object/index.html
index 9a586a24911..71409fe8d1a 100644
--- a/blog/how-to-check-if-a-key-exists-in-javascript-object/index.html
+++ b/blog/how-to-check-if-a-key-exists-in-javascript-object/index.html
@@ -506,7 +506,7 @@ <h2 id="summary">Summary</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -518,13 +518,13 @@ <h2 id="summary">Summary</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -542,11 +542,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -558,13 +558,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -582,11 +582,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -598,13 +598,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -622,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -638,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -662,11 +662,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -678,13 +678,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,11 +702,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -718,13 +718,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -742,7 +742,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-check-if-an-array-is-empty-in-javascript/index.html b/blog/how-to-check-if-an-array-is-empty-in-javascript/index.html
index 796fc6ecee2..e9f5dc6287b 100644
--- a/blog/how-to-check-if-an-array-is-empty-in-javascript/index.html
+++ b/blog/how-to-check-if-an-array-is-empty-in-javascript/index.html
@@ -550,7 +550,7 @@ <h2 id="conclusion-and-takeaways">Conclusion and Takeaways</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -562,13 +562,13 @@ <h2 id="conclusion-and-takeaways">Conclusion and Takeaways</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -586,11 +586,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -602,13 +602,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -626,11 +626,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -642,13 +642,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -666,11 +666,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -682,13 +682,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -706,11 +706,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -722,13 +722,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -746,11 +746,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -762,13 +762,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -786,7 +786,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-check-if-an-element-is-visible-in-javascript/index.html b/blog/how-to-check-if-an-element-is-visible-in-javascript/index.html
index b8a79140c28..100380aa1fb 100644
--- a/blog/how-to-check-if-an-element-is-visible-in-javascript/index.html
+++ b/blog/how-to-check-if-an-element-is-visible-in-javascript/index.html
@@ -521,7 +521,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -533,13 +533,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -557,11 +557,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -573,13 +573,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -597,11 +597,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -613,13 +613,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -637,11 +637,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -653,13 +653,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -677,11 +677,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -693,13 +693,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -717,11 +717,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -733,13 +733,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -757,7 +757,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-check-if-string-is-number-in-javascript/index.html b/blog/how-to-check-if-string-is-number-in-javascript/index.html
index 590218837e4..f97d2bb9378 100644
--- a/blog/how-to-check-if-string-is-number-in-javascript/index.html
+++ b/blog/how-to-check-if-string-is-number-in-javascript/index.html
@@ -487,7 +487,7 @@ <h2 id="wrapping-up-the-takeaway-on-numeric-string-validation-in-javascript">Wra
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -499,13 +499,13 @@ <h2 id="wrapping-up-the-takeaway-on-numeric-string-validation-in-javascript">Wra
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -523,11 +523,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -539,13 +539,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -563,11 +563,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -579,13 +579,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -603,11 +603,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -619,13 +619,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -643,11 +643,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -659,13 +659,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -683,11 +683,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -699,13 +699,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -723,7 +723,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-compare-dates-with-javascript/index.html b/blog/how-to-compare-dates-with-javascript/index.html
index 1e018b951d6..98565b3aa9c 100644
--- a/blog/how-to-compare-dates-with-javascript/index.html
+++ b/blog/how-to-compare-dates-with-javascript/index.html
@@ -487,7 +487,7 @@ <h2 id="wrapping-up-and-going-forward">Wrapping Up and Going Forward</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -499,13 +499,13 @@ <h2 id="wrapping-up-and-going-forward">Wrapping Up and Going Forward</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -523,11 +523,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -539,13 +539,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -563,11 +563,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -579,13 +579,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -603,11 +603,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -619,13 +619,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -643,11 +643,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -659,13 +659,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -683,11 +683,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -699,13 +699,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -723,7 +723,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-concatenate-a-strings-in-javascript/index.html b/blog/how-to-concatenate-a-strings-in-javascript/index.html
index 14af0680ee1..3bef1e04143 100644
--- a/blog/how-to-concatenate-a-strings-in-javascript/index.html
+++ b/blog/how-to-concatenate-a-strings-in-javascript/index.html
@@ -551,7 +551,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -563,13 +563,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -587,11 +587,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -603,13 +603,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -627,11 +627,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -643,13 +643,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -667,11 +667,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -683,13 +683,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -707,11 +707,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -723,13 +723,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -747,11 +747,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -763,13 +763,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -787,7 +787,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-conditionally-add-attributes-to-react-components/index.html b/blog/how-to-conditionally-add-attributes-to-react-components/index.html
index 3ad62b09629..16fa4ee78fe 100644
--- a/blog/how-to-conditionally-add-attributes-to-react-components/index.html
+++ b/blog/how-to-conditionally-add-attributes-to-react-components/index.html
@@ -490,7 +490,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -502,13 +502,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -526,11 +526,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -542,13 +542,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -566,11 +566,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -582,13 +582,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -606,11 +606,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -622,13 +622,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -646,11 +646,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -662,13 +662,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -686,11 +686,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -702,13 +702,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -726,7 +726,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-convert-a-map-to-an-array-in-javascript/index.html b/blog/how-to-convert-a-map-to-an-array-in-javascript/index.html
index d8f8a475747..036e946dfed 100644
--- a/blog/how-to-convert-a-map-to-an-array-in-javascript/index.html
+++ b/blog/how-to-convert-a-map-to-an-array-in-javascript/index.html
@@ -501,7 +501,7 @@ <h2 id="summary">Summary</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -513,13 +513,13 @@ <h2 id="summary">Summary</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -537,11 +537,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -553,13 +553,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -577,11 +577,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -593,13 +593,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -617,11 +617,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -633,13 +633,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -657,11 +657,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -673,13 +673,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -697,11 +697,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -713,13 +713,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -737,7 +737,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-convert-a-string-to-boolean-in-javascript/index.html b/blog/how-to-convert-a-string-to-boolean-in-javascript/index.html
new file mode 100644
index 00000000000..19c66d4707f
--- /dev/null
+++ b/blog/how-to-convert-a-string-to-boolean-in-javascript/index.html
@@ -0,0 +1,822 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="Content-Language" content="en"><meta name="description" content="Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately."><meta name="author" content="">
+  <meta name="generator" content="Hugo 0.134.2"><title>How to convert a string to boolean in JavaScript · CoreUI</title><link rel="canonical" href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/"><link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&family=Barlow+Semi+Condensed:wght@200;400;500;700&family=Barlow:wght@100;400;700&family=Cousine:wght@400;700&display=swap" rel="stylesheet"><style>:root{--cui-framework-25:#ccc7f6;--cui-framework-25-rgb:204, 199, 246;--cui-framework-50:#988fed;--cui-framework-base:#321fdb;--cui-framework-color:#fff;--cui-framework-gradient-start:#1f1498;--cui-framework-gradient-stop:#321fdb;--cui-framework-page-header-bg:url("/images/bgs/KV_top_01.webp") no-repeat center center/cover;--cui-framework-page-header-bg-admin:url("/images/admin_templates/coreui_alt_960px.png") no-repeat}</style><link rel="stylesheet" href="https://coreui.io/scss/style.min.6fca01c183e5b89a5b50576c1ee662a97a7db35a8a5a907f679f9ae504a39ddb.css">
+
+
+  <link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-icon-180x180.png">
+<link rel="icon" type="image/png" sizes="192x192"  href="/images/favicons/android-icon-192x192.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="96x96" href="/images/favicons/favicon-96x96.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png">
+<link rel="manifest" href="/images/favicons/manifest.json">
+<meta name="msapplication-TileColor" content="#ffffff">
+<meta name="msapplication-TileImage" content="/images/favicons/ms-icon-144x144.png">
+<meta name="theme-color" content="#ffffff">
+  
+    <!-- Twitter -->
+<meta name="twitter:card" content="summary">
+<meta name="twitter:site" content="@core_ui">
+<meta name="twitter:creator" content="@core_ui">
+<meta name="twitter:title" content="How to convert a string to boolean in JavaScript · CoreUI">
+<meta name="twitter:description" content="Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.">
+<meta name="twitter:image" content="https://coreui.io/images/blog/how-to-convert-a-string-to-boolean-in-javascript.png">
+
+<!-- Facebook -->
+<meta property="og:url" content="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
+<meta property="og:title" content="How to convert a string to boolean in JavaScript · CoreUI">
+<meta property="og:description" content="Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.">
+<meta property="og:type" content="website">
+<meta property="og:image" content="http://coreui.io/images/blog/how-to-convert-a-string-to-boolean-in-javascript.png">
+<meta property="og:image:secure_url" content="https://coreui.io/images/blog/how-to-convert-a-string-to-boolean-in-javascript.png">
+<meta property="og:image:type" content="image/png">
+
+  
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','GTM-KX4JH47');</script>
+</head><body class="color-scheme-coreui color-scheme-free d-flex flex-column min-vh-100">
+    <div class="page-header">
+      <svg id="Warstwa_1" data-name="Warstwa 1" xmlns="http://www.w3.org/2000/svg"  height="70" class="cui-logo d-none" viewBox="0 0 312 115">
+  <g id="Page-1" stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd">
+        <g id="coreui-base" fill="currentColor" fill-rule="nonzero">
+            <g id="Group">
+                <path d="M96,24.1244 L57,1.6077 C53.2871871,-0.535893539 48.7128129,-0.535893539 45,1.6077 L6,24.1243 C2.29226017,26.2730089 0.00693260339,30.2313486 0,34.5167 L0,79.55 C0.0068453397,83.8353487 2.29220098,87.7936989 6,89.9423 L45,112.459 C48.7128129,114.602594 53.2871871,114.602594 57,112.459 L96,89.9423 C99.707799,87.7936989 101.993155,83.8353487 102,79.55 L102,34.5167 C101.993093,30.2313678 99.707754,26.273046 96,24.1244 Z M94,79.55 C94,80.9790618 93.2376038,82.2995691 92,83.0141 L53,105.5308 C51.7623957,106.245331 50.2376043,106.245331 49,105.5308 L10,83.0141 C8.76239619,82.2995691 8,80.9790618 8,79.55 L8,34.5167 C8,33.0876382 8.76239619,31.7671309 10,31.0526 L49,8.5359 C50.2376043,7.82136882 51.7623957,7.82136882 53,8.5359 L92,31.0526 C93.2376038,31.7671309 94,33.0876382 94,34.5167 L94,79.55 Z" id="Shape"></path>
+                <path d="M74.0216,70.0713 L71.1556,70.0713 C70.4827679,70.0712861 69.8208069,70.2410241 69.231,70.5648 L51.95,80.05 L32,68.5315 L32,45.554 L51.95,34.0354 L69.2394,43.4904 C69.8278903,43.8122245 70.4878603,43.9808965 71.1586,43.9809 L74.0218,43.9809 C75.1263695,43.9809 76.0218,43.0854695 76.0218,41.9809 L76.0218,39.2691 C76.0218,38.5380907 75.6230914,37.8652844 74.9818,37.5144 L55.793,27.0188 C53.3404536,25.684951 50.3714915,25.7190213 47.9502,27.1088 L28,38.6262 C25.5283249,40.0590349 24.0048565,42.6979488 24,45.5549 L24,68.5309 C24,71.3890593 25.5247614,74.0301204 28,75.4592 L47.95,86.9778 C50.3719859,88.3663725 53.3408028,88.399644 55.7933,87.0657 L74.9833,76.5345 C75.6233016,76.1832775 76.0210885,75.5112406 76.0211,74.7812 L76.0211,72.0712 C76.0210448,70.9668648 75.1259352,70.0715761 74.0216,70.0713 Z" id="Path"></path>
+            </g>
+            <g id="Group" transform="translate(117.000000, 33.000000)" >
+                <path d="M51.7447,0.4285 C43.4644161,0.437648027 36.754124,7.14771643 36.7447,15.428 L36.7447,32.7054 C36.7447,40.9896712 43.4604288,47.7054 51.7447,47.7054 C60.0289712,47.7054 66.7447,40.9896712 66.7447,32.7054 L66.7447,15.428 C66.735276,7.14771643 60.0249839,0.437648027 51.7447,0.4285 L51.7447,0.4285 Z M58.7447,32.7054 C58.7447,36.5713932 55.6106932,39.7054 51.7447,39.7054 C47.8787068,39.7054 44.7447,36.5713932 44.7447,32.7054 L44.7447,15.428 C44.7447,11.5620068 47.8787068,8.428 51.7447,8.428 C55.6106932,8.428 58.7447,11.5620068 58.7447,15.428 L58.7447,32.7054 Z" id="Shape"></path>
+                <path d="M15.0788,8.4878 C16.9286881,8.24481332 18.799121,8.74931526 20.2759097,9.88958885 C21.7526984,11.0298624 22.7139842,12.7118169 22.9469,14.563 C23.0096446,15.0584416 23.4318031,15.4294333 23.9312,15.428 L29.9617,15.428 C30.2433078,15.4256279 30.5111615,15.3058932 30.700737,15.0976392 C30.8903124,14.8893852 30.9844237,14.6114912 30.9604,14.3309 C30.3547728,6.2061693 23.38159,0.0460556878 15.2442,0.4472 C7.16132117,0.999887718 0.913134758,7.76221317 1,15.8635 L1,32.27 C0.913131523,40.3712508 7.16126073,47.1335618 15.2441,47.6863 C23.3813933,48.08722 30.3543741,41.9271229 30.96,33.8025 C30.9840545,33.5219017 30.8899539,33.2439902 30.7003719,33.035729 C30.5107899,32.8274679 30.2429178,32.7077421 29.9613,32.7054 L23.9308,32.7054 C23.4314031,32.7039667 23.0092446,33.0749584 22.9465,33.5704 C22.7137048,35.4216544 21.7524848,37.1037177 20.2757044,38.2440932 C18.7989241,39.3844687 16.9284489,39.8890513 15.0785,39.6461 C11.5427997,39.1044016 8.94840923,36.0377838 9,32.4612 L9,15.6724 C8.94840694,12.0957688 11.543004,9.02918626 15.0788,8.4878 L15.0788,8.4878 Z" id="Path"></path>
+                <path d="M97.9222,27.9944 C102.287745,26.0370903 105.09962,21.7015444 105.1064,16.9173 L105.1064,13.2161 C105.1064,6.50617166 99.6669283,1.0667 92.957,1.0667 L76,1.0667 C75.4477153,1.0667 75,1.51441525 75,2.0667 L75,46.0667 C75,46.6189847 75.4477153,47.0667 76,47.0667 L82,47.0667 C82.5522847,47.0667 83,46.6189847 83,46.0667 L83,29.0667 L89.6215,29.0667 L97.5369,46.4805 C97.6991143,46.8373746 98.0548886,47.0667 98.4469,47.0667 L105.038,47.0667 C105.377933,47.0667 105.694523,46.8937728 105.878505,46.6079325 C106.062488,46.3220923 106.088664,45.9623638 105.948,45.6529 L97.9222,27.9944 Z M97.1064,16.9173 C97.1039754,19.2077501 95.2479498,21.0639994 92.9575,21.0667 L83.1064,21.0667 L83.1064,9.0667 L92.9575,9.0667 C95.2479498,9.06940063 97.1039754,10.9256499 97.1064,13.2161 L97.1064,16.9173 Z" id="Shape"></path>
+                <path d="M140,1.0667 L114,1.0667 C113.447715,1.0667 113,1.51441525 113,2.0667 L113,46.0667 C113,46.6189847 113.447715,47.0667 114,47.0667 L140,47.0667 C140.552285,47.0667 141,46.6189847 141,46.0667 L141,40.0667 C141,39.5144153 140.552285,39.0667 140,39.0667 L121,39.0667 L121,27.0667 L134,27.0667 C134.552285,27.0667 135,26.6189847 135,26.0667 L135,20.0667 C135,19.5144153 134.552285,19.0667 134,19.0667 L121,19.0667 L121,9.0667 L140,9.0667 C140.552285,9.0667 141,8.61898475 141,8.0667 L141,2.0667 C141,1.51441525 140.552285,1.0667 140,1.0667 Z" id="Path"></path>
+                <path d="M178,1.0667 L172,1.0667 C171.447715,1.0667 171,1.51441525 171,2.0667 L171,24.7142 C171.111775,27.2875721 169.802567,29.7147754 167.590728,31.0348154 C165.378889,32.3548553 162.621111,32.3548553 160.409272,31.0348154 C158.197433,29.7147754 156.888225,27.2875721 157,24.7142 L157,2.0667 C157,1.51441525 156.552285,1.0667 156,1.0667 L150,1.0667 C149.447715,1.0667 149,1.51441525 149,2.0667 L149,24.7142 C148.889565,30.1458781 151.72415,35.2128902 156.410578,37.96111 C161.097007,40.7093297 166.902993,40.7093297 171.589422,37.96111 C176.27585,35.2128902 179.110435,30.1458781 179,24.7142 L179,2.0667 C179,1.51441525 178.552285,1.0667 178,1.0667 Z" id="Path"></path>
+                <rect id="Rectangle" x="187" y="1.0667" width="8" height="38" rx="1"></rect>
+            </g>
+        </g>
+    </g>
+</svg>
+
+<nav class="navbar navbar-expand-lg">
+  <div class="container">
+    <a class="navbar-brand me-lg-2 me-xl-3 me-xxl-5" href="/">
+      <svg class="navbar-brand-coreui" height="70" viewbox="0 0 312 115">
+        <use class="coreui-base" xlink:href="#Page-1"/>
+      </svg>
+      
+      
+    </a>
+    <button class="navbar-toggler" type="button" data-coreui-toggle="offcanvas" data-coreui-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
+      <div class="offcanvas-header px-4 pb-0">
+        <svg class="offcanvas-brand-coreui" height="70" viewbox="0 0 312 115">
+          <use class="coreui-base" xlink:href="#Page-1"/>
+        </svg>
+        <button type="button" class="btn-close text-reset ms-auto" data-coreui-dismiss="offcanvas" aria-label="Close"></button>
+      </div>
+      <div class="offcanvas-body p-4 pt-0 p-lg-0">
+        <hr class="d-lg-none text-white-50">
+        <ul class="navbar-nav align-items-lg-center justify-content-lg-end flex-grow-1"><li class="nav-item dropdown px-lg-2">
+            <a class="nav-link" data-coreui-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="true">
+              Components
+            </a>
+            <div class="dropdown-menu border-0">
+              <a class="dropdown-item d-flex align-items-center ps-0" href="/">
+                <svg xmlns="http://www.w3.org/2000/svg"  width="64" height="64" class="d-block"  viewBox="0 0 160 160">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: currentColor;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-1" d="M125,47.091,86,24.5743a12,12,0,0,0-12,0L35,47.091a12.0336,12.0336,0,0,0-6,10.3923v45.0334a12.0335,12.0335,0,0,0,6,10.3923l39,22.5166a11.9993,11.9993,0,0,0,12,0l39-22.5166a12.0335,12.0335,0,0,0,6-10.3923V57.4833A12.0336,12.0336,0,0,0,125,47.091Zm-2,55.4257a4,4,0,0,1-2,3.464L82,128.4974a4,4,0,0,1-4,0L39,105.9807a4,4,0,0,1-2-3.464V57.4833a4,4,0,0,1,2-3.4641L78,31.5025a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
+    <path class="cls-1" d="M103.0216,93.0379h-2.866a4,4,0,0,0-1.9246.4935L80.95,103.0167,61,91.4981V68.5206L80.95,57.002l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V62.2357a2,2,0,0,0-1.04-1.7547L84.793,49.9854a8.0391,8.0391,0,0,0-7.8428.09L57,61.5929A8.0243,8.0243,0,0,0,53,68.5216v22.976a8,8,0,0,0,4,6.9283l19.95,11.5185a8.0422,8.0422,0,0,0,7.8433.0879l19.19-10.5311a2,2,0,0,0,1.0378-1.7534v-2.71A2,2,0,0,0,103.0216,93.0379Z"/>
+  </g>
+</svg>
+
+                <div>
+                  <div class="fw-semibold">CoreUI</div>
+                  <div>UI Components</div>
+                </div>
+              </a>
+              <a class="dropdown-item d-flex align-items-center ps-0" href="/angular/">
+                <svg xmlns="http://www.w3.org/2000/svg"  width="64" height="64" class="float-left text-angular"  viewBox="0 0 160 160">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: currentColor;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-1" d="M125,47.091,86,24.5743a12,12,0,0,0-12,0L35,47.091a12.0336,12.0336,0,0,0-6,10.3923v45.0334a12.0335,12.0335,0,0,0,6,10.3923l39,22.5166a11.9993,11.9993,0,0,0,12,0l39-22.5166a12.0335,12.0335,0,0,0,6-10.3923V57.4833A12.0336,12.0336,0,0,0,125,47.091Zm-2,55.4257a4,4,0,0,1-2,3.464L82,128.4974a4,4,0,0,1-4,0L39,105.9807a4,4,0,0,1-2-3.464V57.4833a4,4,0,0,1,2-3.4641L78,31.5025a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
+    <path class="cls-1" d="M103.0216,93.0379h-2.866a4,4,0,0,0-1.9246.4935L80.95,103.0167,61,91.4981V68.5206L80.95,57.002l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V62.2357a2,2,0,0,0-1.04-1.7547L84.793,49.9854a8.0391,8.0391,0,0,0-7.8428.09L57,61.5929A8.0243,8.0243,0,0,0,53,68.5216v22.976a8,8,0,0,0,4,6.9283l19.95,11.5185a8.0422,8.0422,0,0,0,7.8433.0879l19.19-10.5311a2,2,0,0,0,1.0378-1.7534v-2.71A2,2,0,0,0,103.0216,93.0379Z"/>
+  </g>
+</svg>
+
+                <div>
+                  <div class="fw-semibold">CoreUI for&nbsp;<span class="text-angular">Angular</span></div>
+                  <div>UI Components for Angular</div>
+                </div>
+              </a>
+              <a class="dropdown-item d-flex align-items-center ps-0" href="/bootstrap/">
+                <svg xmlns="http://www.w3.org/2000/svg"  width="64" height="64" class="float-left text-bootstrap"  viewBox="0 0 160 160">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: currentColor;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-1" d="M125,47.091,86,24.5743a12,12,0,0,0-12,0L35,47.091a12.0336,12.0336,0,0,0-6,10.3923v45.0334a12.0335,12.0335,0,0,0,6,10.3923l39,22.5166a11.9993,11.9993,0,0,0,12,0l39-22.5166a12.0335,12.0335,0,0,0,6-10.3923V57.4833A12.0336,12.0336,0,0,0,125,47.091Zm-2,55.4257a4,4,0,0,1-2,3.464L82,128.4974a4,4,0,0,1-4,0L39,105.9807a4,4,0,0,1-2-3.464V57.4833a4,4,0,0,1,2-3.4641L78,31.5025a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
+    <path class="cls-1" d="M103.0216,93.0379h-2.866a4,4,0,0,0-1.9246.4935L80.95,103.0167,61,91.4981V68.5206L80.95,57.002l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V62.2357a2,2,0,0,0-1.04-1.7547L84.793,49.9854a8.0391,8.0391,0,0,0-7.8428.09L57,61.5929A8.0243,8.0243,0,0,0,53,68.5216v22.976a8,8,0,0,0,4,6.9283l19.95,11.5185a8.0422,8.0422,0,0,0,7.8433.0879l19.19-10.5311a2,2,0,0,0,1.0378-1.7534v-2.71A2,2,0,0,0,103.0216,93.0379Z"/>
+  </g>
+</svg>
+
+                <div>
+                  <div class="fw-semibold">CoreUI for&nbsp;<span class="text-bootstrap">Bootstrap</span></div>
+                  <div>UI Components for Bootstrap</div>
+                </div>
+              </a>
+              <a class="dropdown-item d-flex align-items-center ps-0" href="/react/">
+                <svg xmlns="http://www.w3.org/2000/svg"  width="64" height="64" class="float-left text-react"  viewBox="0 0 160 160">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: currentColor;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-1" d="M125,47.091,86,24.5743a12,12,0,0,0-12,0L35,47.091a12.0336,12.0336,0,0,0-6,10.3923v45.0334a12.0335,12.0335,0,0,0,6,10.3923l39,22.5166a11.9993,11.9993,0,0,0,12,0l39-22.5166a12.0335,12.0335,0,0,0,6-10.3923V57.4833A12.0336,12.0336,0,0,0,125,47.091Zm-2,55.4257a4,4,0,0,1-2,3.464L82,128.4974a4,4,0,0,1-4,0L39,105.9807a4,4,0,0,1-2-3.464V57.4833a4,4,0,0,1,2-3.4641L78,31.5025a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
+    <path class="cls-1" d="M103.0216,93.0379h-2.866a4,4,0,0,0-1.9246.4935L80.95,103.0167,61,91.4981V68.5206L80.95,57.002l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V62.2357a2,2,0,0,0-1.04-1.7547L84.793,49.9854a8.0391,8.0391,0,0,0-7.8428.09L57,61.5929A8.0243,8.0243,0,0,0,53,68.5216v22.976a8,8,0,0,0,4,6.9283l19.95,11.5185a8.0422,8.0422,0,0,0,7.8433.0879l19.19-10.5311a2,2,0,0,0,1.0378-1.7534v-2.71A2,2,0,0,0,103.0216,93.0379Z"/>
+  </g>
+</svg>
+
+                <div>
+                  <div class="fw-semibold">CoreUI for&nbsp;<span class="text-react">React.js</span></div>
+                  <div>UI Components for React.js</div>
+                </div>
+              </a>
+              <a class="dropdown-item d-flex align-items-center ps-0" href="/vue/">
+                <svg xmlns="http://www.w3.org/2000/svg"  width="64" height="64" class="float-left text-vue"  viewBox="0 0 160 160">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: currentColor;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-1" d="M125,47.091,86,24.5743a12,12,0,0,0-12,0L35,47.091a12.0336,12.0336,0,0,0-6,10.3923v45.0334a12.0335,12.0335,0,0,0,6,10.3923l39,22.5166a11.9993,11.9993,0,0,0,12,0l39-22.5166a12.0335,12.0335,0,0,0,6-10.3923V57.4833A12.0336,12.0336,0,0,0,125,47.091Zm-2,55.4257a4,4,0,0,1-2,3.464L82,128.4974a4,4,0,0,1-4,0L39,105.9807a4,4,0,0,1-2-3.464V57.4833a4,4,0,0,1,2-3.4641L78,31.5025a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
+    <path class="cls-1" d="M103.0216,93.0379h-2.866a4,4,0,0,0-1.9246.4935L80.95,103.0167,61,91.4981V68.5206L80.95,57.002l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V62.2357a2,2,0,0,0-1.04-1.7547L84.793,49.9854a8.0391,8.0391,0,0,0-7.8428.09L57,61.5929A8.0243,8.0243,0,0,0,53,68.5216v22.976a8,8,0,0,0,4,6.9283l19.95,11.5185a8.0422,8.0422,0,0,0,7.8433.0879l19.19-10.5311a2,2,0,0,0,1.0378-1.7534v-2.71A2,2,0,0,0,103.0216,93.0379Z"/>
+  </g>
+</svg>
+
+                <div>
+                  <div class="fw-semibold">CoreUI for&nbsp;<span class="text-vue">Vue.js</span></div>
+                  <div>UI Components for Vue.js</div>
+                </div>
+              </a>
+            </div>
+          </li>
+          <li class="nav-item dropdown px-lg-2">
+            <a class="nav-link" data-coreui-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="true">
+              Templates
+            </a>
+            <div class="dropdown-menu border-0">
+              <a class="dropdown-item py-2" href="/themes-templates/admin-dashboard/angular/">
+                <span class="framework-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 188 200">
+  <g fill="none" fill-rule="nonzero">
+    <path fill="#DD0031" d="M94 0 .9 33.2l14.2 123.1L94 200l78.9-43.7 14.2-123.1z"/>
+    <path fill="#C3002F" d="M94 0v22.2-.1V200l78.9-43.7 14.2-123.1z"/>
+    <path fill="#FFF" d="M94 22.1 35.8 152.6h21.7l11.7-29.2h49.4l11.7 29.2H152L94 22.1Zm17 83.3H77l17-40.9 17 40.9Z"/>
+  </g>
+</svg></span>
+                <span class="text-angular">Angular</span> Admin Templates
+              </a>
+              <a class="dropdown-item py-2" href="/themes-templates/admin-dashboard/bootstrap/">
+                <span class="framework-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 408">
+  <defs>
+    <linearGradient id="bootstrap2-a" x1="14.859%" x2="102.242%" y1="19.93%" y2="75.205%">
+      <stop offset="0%" stop-color="#9013FE"/>
+      <stop offset="100%" stop-color="#6610F2"/>
+    </linearGradient>
+    <linearGradient id="bootstrap2-b" x1="26.561%" x2="61.603%" y1="6.582%" y2="84.523%">
+      <stop offset="0%" stop-color="#FFF"/>
+      <stop offset="100%" stop-color="#F1E5FC"/>
+    </linearGradient>
+  </defs>
+  <g fill="none">
+    <path fill="url(#bootstrap2-a)" d="M56.481 53.32C55.515 25.58 77.128 0 106.342 0h299.353c29.214 0 50.827 25.58 49.861 53.32-.928 26.647.277 61.165 8.964 89.31 8.715 28.232 23.411 46.077 47.48 48.37v26c-24.069 2.293-38.765 20.138-47.48 48.37-8.687 28.145-9.892 62.663-8.964 89.311.966 27.739-20.647 53.319-49.861 53.319H106.342c-29.214 0-50.827-25.58-49.86-53.319.927-26.648-.278-61.166-8.966-89.311C38.802 237.138 24.07 219.293 0 217v-26c24.069-2.293 38.802-20.138 47.516-48.37 8.688-28.145 9.893-62.663 8.965-89.31Z"/>
+    <path fill="url(#bootstrap2-b)" stroke="#FFF" d="M267.103 312.457c47.297 0 75.798-23.158 75.798-61.355 0-28.873-20.336-49.776-50.532-53.085v-1.203c22.185-3.609 39.594-24.211 39.594-47.219 0-32.783-25.882-54.138-65.322-54.138h-88.74v217h89.202Zm-54.692-189.48h45.911c24.958 0 39.131 11.128 39.131 31.279 0 21.505-16.484 33.535-46.372 33.535h-38.67v-64.814Zm0 161.961v-71.431h45.602c32.661 0 49.608 12.03 49.608 35.49 0 23.459-16.484 35.941-47.605 35.941h-47.605Z"/>
+  </g>
+</svg></span>
+                <span class="text-bootstrap">Bootstrap</span> Admin Templates
+              </a>
+              <a class="dropdown-item py-2" href="/themes-templates/admin-dashboard/next-js/">
+                <span class="framework-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40">
+  <defs>
+    <linearGradient id="next2-c" x1="55.633%" x2="83.228%" y1="56.385%" y2="96.08%">
+      <stop offset="0%" stop-color="#FFF"/>
+      <stop offset="100%" stop-color="#FFF" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="next2-d" x1="50%" x2="49.953%" y1="0%" y2="73.438%">
+      <stop offset="0%" stop-color="#FFF"/>
+      <stop offset="100%" stop-color="#FFF" stop-opacity="0"/>
+    </linearGradient>
+    <circle id="next2-a" cx="20" cy="20" r="20"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <mask id="next2-b" fill="#fff">
+      <use xlink:href="#next2-a"/>
+    </mask>
+    <g fill-rule="nonzero" mask="url(#next2-b)">
+      <circle cx="20" cy="20" r="20" fill="#000"/>
+      <path fill="url(#next2-c)" d="M33.224 35.004 15.364 12H12v15.993h2.692V15.42L31.11 36.632c.74-.496 1.447-1.04 2.113-1.628Z"/>
+      <path fill="url(#next2-d)" d="M25.556 12h2.667v16h-2.667z"/>
+    </g>
+  </g>
+</svg></span>
+                <span class="text-next-js">Next.js</span> Admin Templates
+              </a>
+              <a class="dropdown-item py-2" href="/themes-templates/admin-dashboard/react/">
+                <span class="framework-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348">
+  <title>React Logo</title>
+  <circle cx="0" cy="0" r="2.05" fill="#61dafb"/>
+  <g stroke="#61dafb" stroke-width="1" fill="none">
+    <ellipse rx="11" ry="4.2"/>
+    <ellipse rx="11" ry="4.2" transform="rotate(60)"/>
+    <ellipse rx="11" ry="4.2" transform="rotate(120)"/>
+  </g>
+</svg>
+</span>
+                <span class="text-react">React.js</span> Admin Templates
+              </a>
+              <a class="dropdown-item py-2" href="/themes-templates/admin-dashboard/vue/">
+                <span class="framework-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69">
+  <path fill="#41b883" d="m161.096.001-30.224 52.35L100.647.002H-.005L130.872 226.69 261.749 0z"/>
+  <path fill="#34495e" d="m161.096.001-30.224 52.35L100.647.002H52.346l78.526 136.01L209.398.001z"/>
+</svg></span>
+                <span class="text-vue">Vue.js</span> Admin Templates
+              </a>
+            </div>
+          </li>
+          <li class="nav-item px-lg-2">
+            <a href="/icons/" class="nav-link">
+              Icons
+            </a>
+          </li>
+          <li class="nav-item px-lg-2">
+            <a href="/blog/" class="nav-link">
+              Blog
+            </a>
+          </li>
+          <li class="nav-item dropdown me-auto px-lg-2">
+            <a class="nav-link" data-coreui-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="true">
+              Contact & Support
+            </a>
+            <div class="dropdown-menu border-0">
+              <a class="dropdown-item" href="/contact/sales/">
+                <svg id="cil-people" viewBox="0 0 512 512" width="22px" class="d-lg-down-none">
+                  <path fill="var(--ci-primary-color, currentColor)" d="M462.541,316.3l-64.344-42.1,24.774-45.418A79.124,79.124,0,0,0,432.093,192V120A103.941,103.941,0,0,0,257.484,43.523L279.232,67a71.989,71.989,0,0,1,120.861,53v72a46.809,46.809,0,0,1-5.215,21.452L355.962,284.8l89.058,58.274a42.16,42.16,0,0,1,19.073,35.421V432h-72v32h104V378.494A74.061,74.061,0,0,0,462.541,316.3Z" class="ci-primary"></path><path fill="var(--ci-primary-color, currentColor)" d="M318.541,348.3l-64.343-42.1,24.773-45.418A79.124,79.124,0,0,0,288.093,224V152A104.212,104.212,0,0,0,184.04,47.866C126.723,47.866,80.093,94.581,80.093,152v72a78,78,0,0,0,9.015,36.775l24.908,45.664L50.047,348.3A74.022,74.022,0,0,0,16.5,410.4L16,496H352.093V410.494A74.061,74.061,0,0,0,318.541,348.3ZM320.093,464H48.186l.31-53.506a42.158,42.158,0,0,1,19.073-35.421l88.682-58.029L117.2,245.452A46.838,46.838,0,0,1,112.093,224V152a72,72,0,1,1,144,0v72a46.809,46.809,0,0,1-5.215,21.452L211.962,316.8l89.058,58.274a42.16,42.16,0,0,1,19.073,35.421Z" class="ci-primary"></path>
+                </svg>
+                <span class="ms-2">Contact sales</span>
+              </a>
+              <a class="dropdown-item" href="/support/">
+                <svg id="cil-headphones-mic" viewBox="0 0 512 512" width="22px">
+                  <path fill="var(--ci-primary-color, currentColor)" d="M448,184H400V160c0-79.4-64.6-144-144-144S112,80.6,112,160v24H64a48.055,48.055,0,0,0-48,48V360a48.055,48.055,0,0,0,48,48h48a32.036,32.036,0,0,0,32-32V160a112,112,0,0,1,224,0V446.532A17.488,17.488,0,0,1,350.532,464H224v32H350.532A49.524,49.524,0,0,0,400,446.532V408h48a48.055,48.055,0,0,0,48-48V232A48.055,48.055,0,0,0,448,184ZM112,376H64a16.019,16.019,0,0,1-16-16V232a16.019,16.019,0,0,1,16-16h48v56h.008l.012,104Zm352-16a16.019,16.019,0,0,1-16,16H400V216h48a16.019,16.019,0,0,1,16,16Z" class="ci-primary"></path>
+                </svg>
+                <span class="ms-2">Technical support</span>
+                <span class="ms-2 badge-pro badge-pro-coreui"></span>
+              </a>
+              <a class="dropdown-item" href="/download/">
+                <svg id="cil-cart-arrow-down" viewBox="0 0 512 512" width="22px">
+                  <polygon fill="var(--ci-primary-color, currentColor)" points="160 72 160 104 464 104 464 191.382 428.5 304.039 149.932 304.039 109.932 16 16 16 16 48 82.068 48 122.068 336.039 451.968 336.039 496 196.305 496 72 160 72" class="ci-primary"></polygon><path fill="var(--ci-primary-color, currentColor)" d="M176.984,368.344a64,64,0,1,0,64,64A64.073,64.073,0,0,0,176.984,368.344Zm0,96a32,32,0,1,1,32-32A32.036,32.036,0,0,1,176.984,464.344Z" class="ci-primary"></path><path fill="var(--ci-primary-color, currentColor)" d="M400.984,368.344a64,64,0,1,0,64,64A64.073,64.073,0,0,0,400.984,368.344Zm0,96a32,32,0,1,1,32-32A32.036,32.036,0,0,1,400.984,464.344Z" class="ci-primary"></path><polygon fill="var(--ci-primary-color, currentColor)" points="280 136 280 213.471 237.265 170.735 214.637 193.362 295.196 273.921 376.559 192.559 353.932 169.931 312 211.862 312 136 280 136" class="ci-primary"></polygon>
+                </svg>
+                <span class="ms-2">Redownload your product</span>
+              </a>
+            </div>
+          </li>
+          <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
+            <hr class="d-lg-none my-2 text-white-50">
+          </li>
+          <li class="nav-item px-1 mt-2 mt-lg-0">
+            <a href="/about/services/" class="btn btn-border btn-border-framework btn-sm">
+              Custom Services
+            </a>
+          </li><li class="nav-item px-1">
+            <a href="/pricing/" class="btn btn-border btn-border-cta-framework btn-sm">
+              Get CoreUI PRO all-access →
+            </a>
+          </li></ul>
+      </div>
+    </div>
+  </div>
+</nav>
+      
+        
+      
+    </div>
+    <div class="main flex-grow-1">
+      
+  <div class="blog container py-6">
+    <div class="blog-content"><div class="post mb-6">
+  
+    <h1 class="post-title mb-3">How to convert a string to boolean in JavaScript</h1>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, November 13, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="javascript string to boolean" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
+   width="920px"
+/> 
+  <div class="h3">Table of Contents</div>
+      <nav id="TableOfContents">
+  <ul>
+    <li><a href="#understanding-boolean-values-in-javascript">Understanding Boolean Values in JavaScript</a></li>
+    <li><a href="#using-the-boolean-function">Using the Boolean Function</a></li>
+    <li><a href="#the-double-not-operator">The Double Not Operator</a>
+      <ul>
+        <li><a href="#caution-with-certain-methods">Caution with Certain Methods</a></li>
+      </ul>
+    </li>
+    <li><a href="#comparing-strings-directly">Comparing Strings Directly</a></li>
+    <li><a href="#handling-case-insensitivity">Handling Case Insensitivity</a></li>
+    <li><a href="#using-regular-expressions">Using Regular Expressions</a></li>
+    <li><a href="#employing-the-ternary-operator">Employing the Ternary Operator</a></li>
+    <li><a href="#dealing-with-non-boolean-values">Dealing with Non-Boolean Values</a></li>
+    <li><a href="#handling-errors">Handling Errors</a></li>
+    <li><a href="#summary">Summary</a></li>
+  </ul>
+</nav><p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.</p>
+<h2 id="understanding-boolean-values-in-javascript">Understanding Boolean Values in JavaScript</h2>
+<p>In JavaScript, a boolean represents one of two values: <code>true</code> or <code>false</code>. Converting a string value to its corresponding boolean value is essential when processing user input, handling API responses, or evaluating conditions in your application.</p>
+<h2 id="using-the-boolean-function">Using the Boolean Function</h2>
+<p>The simplest way to convert a string to a boolean is by using the <code>Boolean</code> function. This method evaluates the string and returns true for any non-empty string and returns false for an empty string.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">str</span> <span class="o">=</span> <span class="s1">&#39;hello&#39;</span>
+</span></span><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">bool</span> <span class="o">=</span> <span class="nb">Boolean</span><span class="p">(</span><span class="nx">str</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">bool</span><span class="p">)</span> <span class="c1">// true
+</span></span></span></code></pre></div><p>In this example, the string value <code>'hello'</code> is converted to <code>true</code>. If the string were empty (<code>''</code>), the <code>Boolean</code> function would return false.</p>
+<h2 id="the-double-not-operator">The Double Not Operator</h2>
+<p>Another common method is using the double not operator (<code>!!</code>). This operator also converts a string to its boolean equivalent.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">str</span> <span class="o">=</span> <span class="s1">&#39;&#39;</span>
+</span></span><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">bool</span> <span class="o">=</span> <span class="o">!!</span><span class="nx">str</span>
+</span></span><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">bool</span><span class="p">)</span> <span class="c1">// false
+</span></span></span></code></pre></div><p>Here, the double not operator evaluates the string and returns false because the string is empty.</p>
+<h3 id="caution-with-certain-methods">Caution with Certain Methods</h3>
+<p>Be cautious when using the <code>Boolean</code> function or the double not operator for specific needs:</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">myBool</span> <span class="o">=</span> <span class="nb">Boolean</span><span class="p">(</span><span class="s1">&#39;false&#39;</span><span class="p">)</span> <span class="c1">// true
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="kr">const</span> <span class="nx">myBool</span> <span class="o">=</span> <span class="o">!!</span><span class="s1">&#39;false&#39;</span>        <span class="c1">// true
+</span></span></span></code></pre></div><p>Any string that isn&rsquo;t the empty string will evaluate to <code>true</code> using these methods. While they&rsquo;re clean and straightforward for boolean conversion, they might not produce the boolean result you&rsquo;re looking for if the string value is <code>'false'</code>. In such cases, these methods will still return true, which might lead to unexpected behavior in your code.</p>
+<h2 id="comparing-strings-directly">Comparing Strings Directly</h2>
+<p>Sometimes, you might have specific string values like <code>'true'</code> or <code>'false'</code>. You can use the strict equality operator (<code>===</code>) to compare the string and determine its boolean result.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">str</span> <span class="o">=</span> <span class="s1">&#39;true&#39;</span>
+</span></span><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">bool</span> <span class="o">=</span> <span class="nx">str</span> <span class="o">===</span> <span class="s1">&#39;true&#39;</span>
+</span></span><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">bool</span><span class="p">)</span> <span class="c1">// true
+</span></span></span></code></pre></div><p>This method checks if the string matches <code>'true'</code> and returns true if it does. Otherwise, it returns false.</p>
+<h2 id="handling-case-insensitivity">Handling Case Insensitivity</h2>
+<p>To make the comparison case insensitive, you can convert the string to lowercase using the <code>toLowerCase</code> method.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">str</span> <span class="o">=</span> <span class="s1">&#39;True&#39;</span>
+</span></span><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">bool</span> <span class="o">=</span> <span class="nx">str</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="o">===</span> <span class="s1">&#39;true&#39;</span>
+</span></span><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">bool</span><span class="p">)</span> <span class="c1">// true
+</span></span></span></code></pre></div><p>This ensures that inputs like <code>'True'</code>, <code>'TRUE'</code>, or <code>'true'</code> are all correctly evaluated to <code>true</code>.</p>
+<h2 id="using-regular-expressions">Using Regular Expressions</h2>
+<p>For more complex scenarios, regular expressions can determine if a string represents a true value.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">str</span> <span class="o">=</span> <span class="s1">&#39;yes&#39;</span>
+</span></span><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">regex</span> <span class="o">=</span> <span class="sr">/^(true|yes|1)$/i</span>
+</span></span><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">bool</span> <span class="o">=</span> <span class="nx">regex</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="nx">str</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">bool</span><span class="p">)</span> <span class="c1">// true
+</span></span></span></code></pre></div><p>In this example, the regular expression checks if the string is <code>'true'</code>, <code>'yes'</code>, or <code>'1'</code>, ignoring case sensitivity. The <code>test</code> method evaluates the string and returns true if there&rsquo;s a match.</p>
+<h2 id="employing-the-ternary-operator">Employing the Ternary Operator</h2>
+<p>The ternary operator offers a concise way to convert a string to a boolean.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">str</span> <span class="o">=</span> <span class="s1">&#39;false&#39;</span>
+</span></span><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">bool</span> <span class="o">=</span> <span class="nx">str</span> <span class="o">===</span> <span class="s1">&#39;true&#39;</span> <span class="o">?</span> <span class="kc">true</span> <span class="o">:</span> <span class="kc">false</span>
+</span></span><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">bool</span><span class="p">)</span> <span class="c1">// false
+</span></span></span></code></pre></div><p>This operator checks the condition and assigns the appropriate boolean value based on the result.</p>
+<h2 id="dealing-with-non-boolean-values">Dealing with Non-Boolean Values</h2>
+<p>If you need to handle other strings that don&rsquo;t explicitly represent <code>true</code> or <code>false</code>, consider implementing a function that maps string representation of a boolean to its boolean value.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">parseBool</span><span class="p">(</span><span class="nx">str</span><span class="p">)</span> <span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="k">if</span> <span class="p">(</span><span class="nx">str</span> <span class="o">===</span> <span class="kc">undefined</span> <span class="o">||</span> <span class="nx">str</span> <span class="o">===</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span>
+</span></span><span class="line"><span class="cl">    <span class="k">return</span> <span class="kc">false</span>
+</span></span><span class="line"><span class="cl">  <span class="p">}</span>
+</span></span><span class="line"><span class="cl">  <span class="k">return</span> <span class="nx">str</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="o">===</span> <span class="s1">&#39;true&#39;</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">str</span> <span class="o">=</span> <span class="kc">undefined</span>
+</span></span><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">bool</span> <span class="o">=</span> <span class="nx">parseBool</span><span class="p">(</span><span class="nx">str</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">bool</span><span class="p">)</span> <span class="c1">// false
+</span></span></span></code></pre></div><p>This function checks if the string is undefined or null and returns false. Otherwise, it performs a case-insensitive comparison to <code>'true'</code>.</p>
+<h2 id="handling-errors">Handling Errors</h2>
+<p>When the string does not represent a valid boolean, you might want to throw a new error.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">toBoolean</span><span class="p">(</span><span class="nx">str</span><span class="p">)</span> <span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="k">if</span> <span class="p">(</span><span class="nx">str</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="o">===</span> <span class="s1">&#39;true&#39;</span><span class="p">)</span> <span class="p">{</span>
+</span></span><span class="line"><span class="cl">    <span class="k">return</span> <span class="kc">true</span>
+</span></span><span class="line"><span class="cl">  <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">str</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="o">===</span> <span class="s1">&#39;false&#39;</span><span class="p">)</span> <span class="p">{</span>
+</span></span><span class="line"><span class="cl">    <span class="k">return</span> <span class="kc">false</span>
+</span></span><span class="line"><span class="cl">  <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
+</span></span><span class="line"><span class="cl">    <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s1">&#39;Invalid boolean string&#39;</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">  <span class="p">}</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="k">try</span> <span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="kr">const</span> <span class="nx">str</span> <span class="o">=</span> <span class="s1">&#39;yes&#39;</span>
+</span></span><span class="line"><span class="cl">  <span class="kr">const</span> <span class="nx">bool</span> <span class="o">=</span> <span class="nx">toBoolean</span><span class="p">(</span><span class="nx">str</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">  <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">bool</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">error</span><span class="p">)</span> <span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">error</span><span class="p">.</span><span class="nx">message</span><span class="p">)</span> <span class="c1">// Invalid boolean string
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">}</span>
+</span></span></code></pre></div><p>This approach ensures your application handles invalid inputs gracefully.</p>
+<h2 id="summary">Summary</h2>
+<p>Converting a string to boolean in JavaScript can be done using various methods like the <code>Boolean</code> function, double not operator, strict equality operator, regular expressions, and the ternary operator. However, be mindful of the methods you choose, as some can lead to unexpected results with certain string values. Understanding these techniques allows you to handle different scenarios and ensure that your data is accurately converted and stored as a boolean.</p>
+  
+</div></div><div class="blog-ads">
+  <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CEAICKJY&placement=coreuiio" id="_carbonads_js"></script>
+</div>
+<div class="blog-sidebar">
+  <div class="position-relative p-4 rounded-1 text-center bg-gradient-grey box-shadow">
+    <div class="mb-4 f-36 ff-barlow-condensed">
+      Subscribe to our newsletter
+    </div>
+    <div class="f-18 mb-4">
+      Get early information about new products, product updates and blog posts.
+    </div>
+    <div id="mc_embed_signup">
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+        <div id="mc_embed_signup_scroll">
+          <div class="mfield-group form-group text-center">
+            <label for="mce-EMAIL">Email Address </label>
+            <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL">
+          </div>
+          <div id="mce-responses" class="clear">
+            <div class="response" id="mce-error-response" style="display:none"></div>
+            <div class="response" id="mce-success-response" style="display:none"></div>
+          </div>    
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
+        </div>
+        <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
+          Subscribe
+        </button>
+      </form>
+    </div>
+  </div>
+  <div class="my-5 py-2"></div>
+  <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
+        
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
+   width="460px"
+/>
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
+      <div class="post-date mb-2">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, November 13, 2024
+      </div>
+      <hr>
+    </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+        
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+   width="460px"
+/>
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <div class="post-date mb-2">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Thursday, November 7, 2024
+      </div>
+      <hr>
+    </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+        
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+   width="460px"
+/>
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <div class="post-date mb-2">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, October 16, 2024
+      </div>
+      <hr>
+    </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+        
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+   width="460px"
+/>
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <div class="post-date mb-2">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, October 2, 2024
+      </div>
+      <hr>
+    </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+        
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+   width="460px"
+/>
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <div class="post-date mb-2">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Friday, September 27, 2024
+      </div>
+      <hr>
+    </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+        
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+   width="460px"
+/>
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <div class="post-date mb-2">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Friday, September 20, 2024
+      </div>
+      <hr>
+    </div></div>
+</div></div>
+
+    </div><footer id="footer">
+  <div class="container">
+    <div class="row">
+      <div class="col d-sm-down-none">
+<svg width="102px" height="116px" viewBox="0 0 102 116" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="signet" fill="#3C4B64" fill-rule="nonzero">
+            <path d="M96,25.091 L57,2.5743 C53.2871871,0.430706461 48.7128129,0.430706461 45,2.5743 L6,25.091 C2.292246,27.239646 0.00690676667,31.1979678 7.10542736e-15,35.4833 L7.10542736e-15,80.5167 C0.00688629146,84.8020377 2.29223099,88.760369 6,90.909 L45,113.4256 C48.7127742,115.569338 53.2872258,115.569338 57,113.4256 L96,90.909 C99.707769,88.760369 101.993114,84.8020377 102,80.5167 L102,35.4833 C101.993093,31.1979678 99.707754,27.239646 96,25.091 Z M94,80.5167 C94,81.9457261 93.2375729,83.266187 92,83.9807 L53,106.4974 C51.7623957,107.211931 50.2376043,107.211931 49,106.4974 L10,83.9807 C8.76242713,83.266187 8,81.9457261 8,80.5167 L8,35.4833 C8,34.0542382 8.76239619,32.7337309 10,32.0192 L49,9.5025 C50.2376043,8.78796882 51.7623957,8.78796882 53,9.5025 L92,32.0192 C93.2376038,32.7337309 94,34.0542382 94,35.4833 L94,80.5167 Z" id="Shape"></path>
+            <path d="M74.0216,71.0379 L71.1556,71.0379 C70.4827717,71.0379163 69.8208181,71.2076524 69.231,71.5314 L51.95,81.0167 L32,69.4981 L32,46.5206 L51.95,35.002 L69.2394,44.457 C69.8278903,44.7788245 70.4878603,44.9474965 71.1586,44.9475 L74.0218,44.9475 C75.1263695,44.9475 76.0218,44.0520695 76.0218,42.9475 L76.0218,40.2357 C76.0218,39.5046907 75.6230914,38.8318844 74.9818,38.481 L55.793,27.9854 C53.3404536,26.651551 50.3714915,26.6856213 47.9502,28.0754 L28,39.5929 C25.5282949,41.025705 24.0048155,43.6646378 24,46.5216 L24,69.4976 C24,72.3557593 25.5247614,74.9968204 28,76.4259 L47.95,87.9444 C50.3719491,89.3331078 53.3408366,89.3663802 55.7933,88.0323 L74.9833,77.5012 C75.623333,77.1499602 76.021125,76.4778764 76.0211,75.7478 L76.0211,73.0378 C76.0210448,71.9334648 75.1259352,71.0381761 74.0216,71.0379 L74.0216,71.0379 Z" id="Path"></path>
+        </g>
+    </g>
+</svg></div>
+      <div class="col-md-9">
+        <div class="row">
+          <div class="col-md-4">
+            <div class="h5">Quick links</div>
+            <ul class="list-unstyled">
+              <li><a href="/changelog/">Changelog</a></li>
+              <li><a href="/support/">Technical support</a></li>
+              <li><a href="/download/">Download your product</a></li>
+              <li><a href="/affiliate-program/">Affiliate Program</a></li>
+            </ul>
+            <div class="h5">Products</div>
+            <ul class="list-unstyled">
+              <li><a href="/angular/">CoreUI for Angular</a></li>
+              <li><a href="/bootstrap/">CoreUI for Bootstrap</a></li>
+              <li><a href="/react/">CoreUI for React.js</a></li>
+              <li><a href="/vue/">CoreUI for Vue.js</a></li>
+            </ul>
+          </div>
+          <div class="col-md-4">
+            <div class="h5">Github</div>
+            <ul class="list-unstyled">
+              <li><a href="https://github.com/coreui/coreui.git" target="_blank">CoreUI</a></li>
+              <li><a href="https://github.com/coreui/coreui-angular.git" target="_blank">CoreUI for <span class="text-angular">Angular</span></a></li>
+              <li><a href="https://github.com/coreui/coreui.git" target="_blank">CoreUI for <span class="text-bootstrap">Bootstrap</span></a></li>
+              <li><a href="https://github.com/coreui/coreui-react.git" target="_blank">CoreUI for <span class="text-react">React.js</span></a></li>
+              <li><a href="https://github.com/coreui/coreui-vue.git" target="_blank">CoreUI for <span class="text-vue">Vue.js</span></a></li>
+            </ul>
+            <ul class="list-unstyled">
+              <li><a href="https://github.com/coreui/coreui-free-angular-admin-template.git" target="_blank"><span class="text-angular">Angular</span> Admin &amp; Dashboard Template</a></li>
+              <li><a href="https://github.com/coreui/coreui-free-bootstrap-admin-template.git" target="_blank"><span class="text-bootstrap">Bootstrap</span> Admin &amp; Dashboard Template</a></li>
+              <li><a href="https://github.com/coreui/coreui-free-react-admin-template.git" target="_blank"><span class="text-react">React</span> Admin &amp; Dashboard Template</a></li>
+              <li><a href="https://github.com/coreui/coreui-free-vue-admin-template.git" target="_blank"><span class="text-vue">Vue</span> Admin &amp; Dashboard Template</a></li>
+            </ul>
+          </div>
+          <div class="col-md-4">
+            <div class="h5">About Us</div>
+            <ul class="list-unstyled">
+              <li><a href="/blog/">Blog</a></li>
+              <li><a href="/about/hire-us/">Hire Us</a></li>
+              <li><a href="/about/sponsors-backers/">Sponsors & Backers</a></li>
+              <li><a href="/about/legal/cookies/">Cookie Policy</a></li>
+              <li><a href="/about/legal/privacy/">Privacy Policy</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.18ec918fe9802a71735cf0c6fc4ca4103191f19a0beea4bf9120364f9ea2cdbad21f7cf62a169cbd342c0a1e4e3146943526657221f77c99f9056ee24a8d2ab2.js"></script>
+      
+    
+  </body>
+</html>
diff --git a/blog/how-to-create-a-single-page-application-using-reactjs/index.html b/blog/how-to-create-a-single-page-application-using-reactjs/index.html
index d2f22eaa2dd..fdb1aed8e05 100644
--- a/blog/how-to-create-a-single-page-application-using-reactjs/index.html
+++ b/blog/how-to-create-a-single-page-application-using-reactjs/index.html
@@ -581,7 +581,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -593,13 +593,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -617,11 +617,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -633,13 +633,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -657,11 +657,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -673,13 +673,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -697,11 +697,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -713,13 +713,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -737,11 +737,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -753,13 +753,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -777,11 +777,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -793,13 +793,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -817,7 +817,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-declare-the-optional-functions-parameters-in-javascript/index.html b/blog/how-to-declare-the-optional-functions-parameters-in-javascript/index.html
index 9049344c1ae..a70e5b448c1 100644
--- a/blog/how-to-declare-the-optional-functions-parameters-in-javascript/index.html
+++ b/blog/how-to-declare-the-optional-functions-parameters-in-javascript/index.html
@@ -568,7 +568,7 @@ <h2 id="final-thoughts">Final Thoughts</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -580,13 +580,13 @@ <h2 id="final-thoughts">Final Thoughts</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -604,11 +604,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -620,13 +620,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -644,11 +644,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -660,13 +660,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -684,11 +684,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -700,13 +700,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -724,11 +724,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -740,13 +740,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -764,11 +764,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -780,13 +780,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -804,7 +804,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-detect-a-click-outside-of-a-react-component/index.html b/blog/how-to-detect-a-click-outside-of-a-react-component/index.html
index f9a7028fdfc..62ff8170e6f 100644
--- a/blog/how-to-detect-a-click-outside-of-a-react-component/index.html
+++ b/blog/how-to-detect-a-click-outside-of-a-react-component/index.html
@@ -542,7 +542,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -554,13 +554,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -578,11 +578,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -594,13 +594,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -618,11 +618,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -634,13 +634,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -658,11 +658,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -674,13 +674,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -698,11 +698,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -714,13 +714,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -738,11 +738,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -754,13 +754,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -778,7 +778,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-disable-a-button-in-javascript/index.html b/blog/how-to-disable-a-button-in-javascript/index.html
index 46ac5051961..dfb6001dc92 100644
--- a/blog/how-to-disable-a-button-in-javascript/index.html
+++ b/blog/how-to-disable-a-button-in-javascript/index.html
@@ -485,7 +485,7 @@ <h2 id="parting-thoughts-the-philosophy-of-button-disabling">Parting Thoughts: T
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -497,13 +497,13 @@ <h2 id="parting-thoughts-the-philosophy-of-button-disabling">Parting Thoughts: T
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -521,11 +521,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -537,13 +537,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -561,11 +561,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -577,13 +577,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -601,11 +601,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -617,13 +617,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -641,11 +641,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -657,13 +657,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -681,11 +681,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -697,13 +697,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -721,7 +721,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/index.html b/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/index.html
index 10d173e8adc..5a18abf1395 100644
--- a/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/index.html
+++ b/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/index.html
@@ -608,7 +608,7 @@ <h2 id="best-practices-and-conclusion">Best Practices and Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -620,13 +620,13 @@ <h2 id="best-practices-and-conclusion">Best Practices and Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -644,11 +644,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -660,13 +660,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -684,11 +684,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -700,13 +700,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -724,11 +724,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -740,13 +740,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -764,11 +764,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -780,13 +780,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -804,11 +804,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -820,13 +820,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -844,7 +844,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-fix-objects-are-not-valid-as-a-react-child/index.html b/blog/how-to-fix-objects-are-not-valid-as-a-react-child/index.html
index 6dd297dfcac..dadd47f0cfd 100644
--- a/blog/how-to-fix-objects-are-not-valid-as-a-react-child/index.html
+++ b/blog/how-to-fix-objects-are-not-valid-as-a-react-child/index.html
@@ -534,7 +534,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -546,13 +546,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -570,11 +570,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -586,13 +586,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -610,11 +610,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -626,13 +626,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -650,11 +650,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -666,13 +666,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -690,11 +690,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -706,13 +706,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -730,11 +730,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -746,13 +746,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -770,7 +770,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/index.html b/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/index.html
index 29315ed1e3d..7c39f77ee32 100644
--- a/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/index.html
+++ b/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/index.html
@@ -496,7 +496,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -508,13 +508,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -532,11 +532,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -548,13 +548,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -572,11 +572,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -588,13 +588,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -612,11 +612,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -628,13 +628,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -652,11 +652,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -668,13 +668,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -692,11 +692,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -708,13 +708,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -732,7 +732,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-fix-syntaxerror-cannot-use-import-statement-outside-a-module/index.html b/blog/how-to-fix-syntaxerror-cannot-use-import-statement-outside-a-module/index.html
index 35a755ca42d..cc6bc9c7bd9 100644
--- a/blog/how-to-fix-syntaxerror-cannot-use-import-statement-outside-a-module/index.html
+++ b/blog/how-to-fix-syntaxerror-cannot-use-import-statement-outside-a-module/index.html
@@ -513,7 +513,7 @@ <h3 id="lets-summarize-the-key-points-from-our-journey">Let’s summarize the ke
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -525,13 +525,13 @@ <h3 id="lets-summarize-the-key-points-from-our-journey">Let’s summarize the ke
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -549,11 +549,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -565,13 +565,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -589,11 +589,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -605,13 +605,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -629,11 +629,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -645,13 +645,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -669,11 +669,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -685,13 +685,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -709,11 +709,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -725,13 +725,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -749,7 +749,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-force-a-react-component-to-re-render/index.html b/blog/how-to-force-a-react-component-to-re-render/index.html
index 82d82ab123b..096e10ad3ce 100644
--- a/blog/how-to-force-a-react-component-to-re-render/index.html
+++ b/blog/how-to-force-a-react-component-to-re-render/index.html
@@ -509,7 +509,7 @@ <h3 id="conclusion">Conclusion</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -521,13 +521,13 @@ <h3 id="conclusion">Conclusion</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -545,11 +545,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -561,13 +561,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -585,11 +585,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -601,13 +601,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -625,11 +625,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -641,13 +641,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -665,11 +665,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -681,13 +681,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -705,11 +705,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -721,13 +721,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -745,7 +745,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-generate-a-random-number-in-javascript/index.html b/blog/how-to-generate-a-random-number-in-javascript/index.html
index af30107dc44..5608615c917 100644
--- a/blog/how-to-generate-a-random-number-in-javascript/index.html
+++ b/blog/how-to-generate-a-random-number-in-javascript/index.html
@@ -522,7 +522,7 @@ <h3 id="how-can-i-generate-a-random-number-within-a-specific-range-in-javascript
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -534,13 +534,13 @@ <h3 id="how-can-i-generate-a-random-number-within-a-specific-range-in-javascript
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -558,11 +558,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -574,13 +574,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -598,11 +598,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -614,13 +614,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -638,11 +638,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -654,13 +654,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -678,11 +678,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -694,13 +694,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -718,11 +718,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -734,13 +734,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -758,7 +758,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-get-element-id-in-javascript/index.html b/blog/how-to-get-element-id-in-javascript/index.html
index e24cc88487f..80a3a53e211 100644
--- a/blog/how-to-get-element-id-in-javascript/index.html
+++ b/blog/how-to-get-element-id-in-javascript/index.html
@@ -524,7 +524,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -536,13 +536,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -560,11 +560,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -576,13 +576,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -600,11 +600,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -616,13 +616,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -640,11 +640,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -656,13 +656,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -680,11 +680,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -696,13 +696,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -720,11 +720,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -736,13 +736,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -760,7 +760,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-get-the-last-element-in-an-array-in-javascript/index.html b/blog/how-to-get-the-last-element-in-an-array-in-javascript/index.html
index ed2fc20d1e7..bd040c673ec 100644
--- a/blog/how-to-get-the-last-element-in-an-array-in-javascript/index.html
+++ b/blog/how-to-get-the-last-element-in-an-array-in-javascript/index.html
@@ -542,7 +542,7 @@ <h3 id="how-to-get-the-last-element-of-an-array-in-javascript-without-using-leng
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -554,13 +554,13 @@ <h3 id="how-to-get-the-last-element-of-an-array-in-javascript-without-using-leng
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -578,11 +578,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -594,13 +594,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -618,11 +618,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -634,13 +634,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -658,11 +658,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -674,13 +674,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -698,11 +698,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -714,13 +714,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -738,11 +738,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -754,13 +754,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -778,7 +778,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-get-unique-values-from-a-javascript-array/index.html b/blog/how-to-get-unique-values-from-a-javascript-array/index.html
index 81108ae09c4..0c51c98e87b 100644
--- a/blog/how-to-get-unique-values-from-a-javascript-array/index.html
+++ b/blog/how-to-get-unique-values-from-a-javascript-array/index.html
@@ -495,7 +495,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -507,13 +507,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -531,11 +531,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -547,13 +547,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -571,11 +571,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -587,13 +587,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -611,11 +611,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -627,13 +627,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -651,11 +651,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -667,13 +667,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -691,11 +691,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -707,13 +707,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -731,7 +731,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-hide-scrollbar-with-css/index.html b/blog/how-to-hide-scrollbar-with-css/index.html
index 6c3090b0342..bcbc7633b48 100644
--- a/blog/how-to-hide-scrollbar-with-css/index.html
+++ b/blog/how-to-hide-scrollbar-with-css/index.html
@@ -527,7 +527,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -539,13 +539,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -563,11 +563,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -579,13 +579,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -603,11 +603,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -619,13 +619,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -643,11 +643,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -659,13 +659,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -683,11 +683,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -699,13 +699,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -723,11 +723,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -739,13 +739,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -763,7 +763,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-limit-items-in-a-map-loop-in-javascript/index.html b/blog/how-to-limit-items-in-a-map-loop-in-javascript/index.html
index 02b299854e1..df6313d4868 100644
--- a/blog/how-to-limit-items-in-a-map-loop-in-javascript/index.html
+++ b/blog/how-to-limit-items-in-a-map-loop-in-javascript/index.html
@@ -464,7 +464,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -476,13 +476,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -500,11 +500,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -516,13 +516,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -540,11 +540,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -556,13 +556,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -580,11 +580,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -596,13 +596,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -620,11 +620,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -636,13 +636,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -660,11 +660,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -676,13 +676,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -700,7 +700,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-loop-inside-react-jsx/index.html b/blog/how-to-loop-inside-react-jsx/index.html
index 7c70a535982..d6f15c4579c 100644
--- a/blog/how-to-loop-inside-react-jsx/index.html
+++ b/blog/how-to-loop-inside-react-jsx/index.html
@@ -563,7 +563,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -575,13 +575,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -599,11 +599,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -615,13 +615,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -639,11 +639,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -655,13 +655,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -679,11 +679,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -695,13 +695,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -719,11 +719,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -735,13 +735,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -759,11 +759,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -775,13 +775,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -799,7 +799,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-loop-through-a-2d-array-in-javascript/index.html b/blog/how-to-loop-through-a-2d-array-in-javascript/index.html
index 7d981cd9732..a41ac74f376 100644
--- a/blog/how-to-loop-through-a-2d-array-in-javascript/index.html
+++ b/blog/how-to-loop-through-a-2d-array-in-javascript/index.html
@@ -499,7 +499,7 @@ <h2 id="accessing-elements-at-specific-indices">Accessing Elements at Specific I
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -511,13 +511,13 @@ <h2 id="accessing-elements-at-specific-indices">Accessing Elements at Specific I
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -535,11 +535,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -551,13 +551,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -575,11 +575,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -591,13 +591,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -615,11 +615,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -631,13 +631,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -655,11 +655,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -671,13 +671,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -695,11 +695,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -711,13 +711,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -735,7 +735,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-loop-through-an-array-in-javascript/index.html b/blog/how-to-loop-through-an-array-in-javascript/index.html
index 5dff419aaf2..1ace6cc896b 100644
--- a/blog/how-to-loop-through-an-array-in-javascript/index.html
+++ b/blog/how-to-loop-through-an-array-in-javascript/index.html
@@ -514,7 +514,7 @@ <h3 id="using-while-loop">Using <code>while</code> Loop</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -526,13 +526,13 @@ <h3 id="using-while-loop">Using <code>while</code> Loop</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -550,11 +550,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -566,13 +566,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -590,11 +590,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -606,13 +606,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -630,11 +630,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -646,13 +646,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -670,11 +670,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -686,13 +686,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -710,11 +710,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -726,13 +726,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -750,7 +750,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-merge-objects-in-javascript/index.html b/blog/how-to-merge-objects-in-javascript/index.html
index 258e6af548d..c47d0c5150f 100644
--- a/blog/how-to-merge-objects-in-javascript/index.html
+++ b/blog/how-to-merge-objects-in-javascript/index.html
@@ -535,7 +535,7 @@ <h2 id="wrapping-up">Wrapping Up</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -547,13 +547,13 @@ <h2 id="wrapping-up">Wrapping Up</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -571,11 +571,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -587,13 +587,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -611,11 +611,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -627,13 +627,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -651,11 +651,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -667,13 +667,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -691,11 +691,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -707,13 +707,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -731,11 +731,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -747,13 +747,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -771,7 +771,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-migrate-coreui-react-template-to-vite/index.html b/blog/how-to-migrate-coreui-react-template-to-vite/index.html
index c2fefc4936f..9d3f991f32b 100644
--- a/blog/how-to-migrate-coreui-react-template-to-vite/index.html
+++ b/blog/how-to-migrate-coreui-react-template-to-vite/index.html
@@ -588,7 +588,7 @@ <h2 id="step-3-install-vite-and-update-dependencies">Step 3: Install Vite and Up
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -600,13 +600,13 @@ <h2 id="step-3-install-vite-and-update-dependencies">Step 3: Install Vite and Up
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -624,11 +624,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -640,13 +640,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -664,11 +664,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -680,13 +680,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -704,11 +704,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -720,13 +720,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -744,11 +744,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -760,13 +760,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -784,11 +784,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -800,13 +800,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -824,7 +824,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-migrate-create-react-app-to-vite/index.html b/blog/how-to-migrate-create-react-app-to-vite/index.html
index 417865ccbac..8c16d5a80c6 100644
--- a/blog/how-to-migrate-create-react-app-to-vite/index.html
+++ b/blog/how-to-migrate-create-react-app-to-vite/index.html
@@ -491,7 +491,7 @@ <h3 id="why-stop-here-keep-your-development-knowledge-sharp">Why Stop Here? Keep
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -503,13 +503,13 @@ <h3 id="why-stop-here-keep-your-development-knowledge-sharp">Why Stop Here? Keep
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -527,11 +527,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -543,13 +543,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -567,11 +567,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -583,13 +583,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -607,11 +607,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -623,13 +623,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -647,11 +647,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -663,13 +663,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -687,11 +687,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -703,13 +703,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -727,7 +727,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-open-all-links-in-new-tab-using-javascript/index.html b/blog/how-to-open-all-links-in-new-tab-using-javascript/index.html
index 3f3eb1e25c3..6ac82b5eb29 100644
--- a/blog/how-to-open-all-links-in-new-tab-using-javascript/index.html
+++ b/blog/how-to-open-all-links-in-new-tab-using-javascript/index.html
@@ -493,7 +493,7 @@ <h2 id="using-javascript-for-open-external-links-only">Using JavaScript for Open
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -505,13 +505,13 @@ <h2 id="using-javascript-for-open-external-links-only">Using JavaScript for Open
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -529,11 +529,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -545,13 +545,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -569,11 +569,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -585,13 +585,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -609,11 +609,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -625,13 +625,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -649,11 +649,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -665,13 +665,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -689,11 +689,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -705,13 +705,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -729,7 +729,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-remove-a-property-from-an-object-in-javascript/index.html b/blog/how-to-remove-a-property-from-an-object-in-javascript/index.html
index d15f703d985..b6497a7c371 100644
--- a/blog/how-to-remove-a-property-from-an-object-in-javascript/index.html
+++ b/blog/how-to-remove-a-property-from-an-object-in-javascript/index.html
@@ -535,7 +535,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -547,13 +547,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -571,11 +571,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -587,13 +587,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -611,11 +611,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -627,13 +627,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -651,11 +651,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -667,13 +667,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -691,11 +691,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -707,13 +707,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -731,11 +731,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -747,13 +747,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -771,7 +771,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-remove-element-from-javascript-array/index.html b/blog/how-to-remove-element-from-javascript-array/index.html
index 1e9c982030a..35723d40190 100644
--- a/blog/how-to-remove-element-from-javascript-array/index.html
+++ b/blog/how-to-remove-element-from-javascript-array/index.html
@@ -488,7 +488,7 @@ <h2 id="concluding-with-the-perfect-element-removal">Concluding with the Perfect
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -500,13 +500,13 @@ <h2 id="concluding-with-the-perfect-element-removal">Concluding with the Perfect
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -524,11 +524,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -540,13 +540,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -564,11 +564,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -580,13 +580,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -604,11 +604,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -620,13 +620,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -644,11 +644,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -660,13 +660,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -684,11 +684,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -700,13 +700,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -724,7 +724,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-remove-the-last-character-from-a-string-in-javascript/index.html b/blog/how-to-remove-the-last-character-from-a-string-in-javascript/index.html
index 400457b5e94..36f69367984 100644
--- a/blog/how-to-remove-the-last-character-from-a-string-in-javascript/index.html
+++ b/blog/how-to-remove-the-last-character-from-a-string-in-javascript/index.html
@@ -485,7 +485,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -497,13 +497,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -521,11 +521,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -537,13 +537,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -561,11 +561,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -577,13 +577,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -601,11 +601,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -617,13 +617,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -641,11 +641,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -657,13 +657,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -681,11 +681,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -697,13 +697,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -721,7 +721,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-remove-underline-from-link-in-css/index.html b/blog/how-to-remove-underline-from-link-in-css/index.html
index 692c655f1f2..c7c5ab6decc 100644
--- a/blog/how-to-remove-underline-from-link-in-css/index.html
+++ b/blog/how-to-remove-underline-from-link-in-css/index.html
@@ -508,7 +508,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -520,13 +520,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -544,11 +544,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -560,13 +560,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -584,11 +584,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -600,13 +600,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -624,11 +624,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -640,13 +640,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -664,11 +664,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -680,13 +680,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -704,11 +704,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -720,13 +720,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -744,7 +744,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-replace-all-occurrences-of-a-string-in-javascript/index.html b/blog/how-to-replace-all-occurrences-of-a-string-in-javascript/index.html
index e6616c75aad..aa999931359 100644
--- a/blog/how-to-replace-all-occurrences-of-a-string-in-javascript/index.html
+++ b/blog/how-to-replace-all-occurrences-of-a-string-in-javascript/index.html
@@ -487,7 +487,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -499,13 +499,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -523,11 +523,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -539,13 +539,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -563,11 +563,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -579,13 +579,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -603,11 +603,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -619,13 +619,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -643,11 +643,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -659,13 +659,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -683,11 +683,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -699,13 +699,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -723,7 +723,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-return-multiple-values-from-a-javascript-function/index.html b/blog/how-to-return-multiple-values-from-a-javascript-function/index.html
index 19e59f4f3f5..5d20fd72460 100644
--- a/blog/how-to-return-multiple-values-from-a-javascript-function/index.html
+++ b/blog/how-to-return-multiple-values-from-a-javascript-function/index.html
@@ -491,7 +491,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -503,13 +503,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -527,11 +527,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -543,13 +543,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -567,11 +567,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -583,13 +583,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -607,11 +607,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -623,13 +623,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -647,11 +647,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -663,13 +663,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -687,11 +687,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -703,13 +703,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -727,7 +727,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/index.html b/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/index.html
index 7ed6bf90b99..cccfc69f731 100644
--- a/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/index.html
+++ b/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/index.html
@@ -507,7 +507,7 @@ <h2 id="key-takeaways--next-steps">Key Takeaways &amp; Next Steps</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -519,13 +519,13 @@ <h2 id="key-takeaways--next-steps">Key Takeaways &amp; Next Steps</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -543,11 +543,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -559,13 +559,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -583,11 +583,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -599,13 +599,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -623,11 +623,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -639,13 +639,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,11 +663,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -679,13 +679,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -703,11 +703,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -719,13 +719,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -743,7 +743,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/index.html b/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/index.html
index fb5afaedd1a..8777e75471e 100644
--- a/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/index.html
+++ b/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/index.html
@@ -627,7 +627,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -639,13 +639,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,11 +663,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -679,13 +679,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -703,11 +703,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -719,13 +719,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -743,11 +743,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -759,13 +759,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -783,11 +783,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -799,13 +799,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -823,11 +823,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -839,13 +839,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -863,7 +863,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-show-or-hide-element-in-react/index.html b/blog/how-to-show-or-hide-element-in-react/index.html
index 2e0f10ffaf8..05e18c9236f 100644
--- a/blog/how-to-show-or-hide-element-in-react/index.html
+++ b/blog/how-to-show-or-hide-element-in-react/index.html
@@ -607,7 +607,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -619,13 +619,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -643,11 +643,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -659,13 +659,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -683,11 +683,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -699,13 +699,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -723,11 +723,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -739,13 +739,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -763,11 +763,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -779,13 +779,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -803,11 +803,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -819,13 +819,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -843,7 +843,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-sleep-in-javascript/index.html b/blog/how-to-sleep-in-javascript/index.html
index aa2c5a29af9..660994bcddd 100644
--- a/blog/how-to-sleep-in-javascript/index.html
+++ b/blog/how-to-sleep-in-javascript/index.html
@@ -510,7 +510,7 @@ <h3 id="7-are-there-alternatives-to-using-sleep-for-delaying-actions-in-javascri
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -522,13 +522,13 @@ <h3 id="7-are-there-alternatives-to-using-sleep-for-delaying-actions-in-javascri
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -546,11 +546,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -562,13 +562,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -586,11 +586,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -602,13 +602,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -626,11 +626,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -642,13 +642,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -666,11 +666,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -682,13 +682,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -706,11 +706,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -722,13 +722,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -746,7 +746,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-use-inline-styles-in-react/index.html b/blog/how-to-use-inline-styles-in-react/index.html
index a87734d86b5..18ff85ba102 100644
--- a/blog/how-to-use-inline-styles-in-react/index.html
+++ b/blog/how-to-use-inline-styles-in-react/index.html
@@ -532,7 +532,7 @@ <h2 id="essential-takeaway">Essential Takeaway</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -544,13 +544,13 @@ <h2 id="essential-takeaway">Essential Takeaway</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -568,11 +568,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -584,13 +584,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -608,11 +608,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -624,13 +624,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -648,11 +648,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -664,13 +664,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -688,11 +688,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -704,13 +704,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -728,11 +728,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -744,13 +744,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -768,7 +768,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-use-javascript-settimeout/index.html b/blog/how-to-use-javascript-settimeout/index.html
index 1effcddd8df..8296d2345fe 100644
--- a/blog/how-to-use-javascript-settimeout/index.html
+++ b/blog/how-to-use-javascript-settimeout/index.html
@@ -525,7 +525,7 @@ <h3 id="how-to-pass-parameters-to-the-specified-function-called-by-settimeout">H
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -537,13 +537,13 @@ <h3 id="how-to-pass-parameters-to-the-specified-function-called-by-settimeout">H
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -561,11 +561,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -577,13 +577,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -601,11 +601,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -617,13 +617,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -641,11 +641,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -657,13 +657,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -681,11 +681,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -697,13 +697,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -721,11 +721,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -737,13 +737,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -761,7 +761,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/how-to-validate-an-email-address-in-javascript/index.html b/blog/how-to-validate-an-email-address-in-javascript/index.html
index 42a38729e8e..ab8e517e880 100644
--- a/blog/how-to-validate-an-email-address-in-javascript/index.html
+++ b/blog/how-to-validate-an-email-address-in-javascript/index.html
@@ -568,7 +568,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -580,13 +580,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -604,11 +604,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -620,13 +620,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -644,11 +644,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -660,13 +660,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -684,11 +684,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -700,13 +700,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -724,11 +724,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -740,13 +740,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -764,11 +764,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -780,13 +780,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -804,7 +804,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/index.html b/blog/index.html
index 050583d3415..ecbd6f02d5c 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -343,6 +343,56 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, November 13, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="javascript string to boolean" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
+   width="920px"
+/> 
+  
+    <p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react-pro/v5.9.0/">CoreUI PRO for React v5.9.0</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -801,57 +851,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v5.2.0/">CoreUI v5.2.0</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Monday, October 28, 2024
-    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
-          <a href="/tags/bootstrap/">#bootstrap</a>
-          <a href="/tags/v5/">#v5</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="CoreUI v5.2.0" 
-    srcset="/images/blog/bootstrap_hu10067289603468909678.webp 480w, /images/blog/bootstrap_hu9678888873427066027.webp 768w, /images/blog/bootstrap_hu4609411291732805126.webp 1024w, /images/blog/bootstrap_hu17785086393933866559.webp 1366w"  
-  src="/images/blog/bootstrap_hu1665405764739445843.webp"
-   width="920px"
-/> 
-  
-    <p>We are pleased to announce the release of <strong>CoreUI v5.2.0</strong>. This update includes several key fixes, new features, and crucial dependency updates, enhancing the stability, performance, and maintainability of the CoreUI library.</p>
-    
-    <div>
-      <a href="https://coreui.io/changelog/coreui/coreui/v5.2.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item disabled">
@@ -914,7 +913,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -926,13 +925,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -950,11 +949,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -966,13 +965,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -990,11 +989,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1006,13 +1005,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1030,11 +1029,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1046,13 +1045,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1070,11 +1069,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1086,13 +1085,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1110,11 +1109,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1126,13 +1125,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1150,7 +1149,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/index.xml b/blog/index.xml
index dc42bcec225..59014b3f534 100644
--- a/blog/index.xml
+++ b/blog/index.xml
@@ -7,6 +7,13 @@
     <generator>Hugo</generator>
     <language>en-us</language>
     <atom:link href="https://coreui.io/blog/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>How to convert a string to boolean in JavaScript</title>
+      <link>https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/</link>
+      <pubDate>Wed, 13 Nov 2024 09:00:00 +0100</pubDate>
+      <guid>https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/</guid>
+      <description>&lt;p&gt;Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.&lt;/p&gt;</description>
+    </item>
     <item>
       <title>How to show or hide elements in React? A Step-by-Step Guide.</title>
       <link>https://coreui.io/blog/how-to-show-or-hide-element-in-react/</link>
diff --git a/blog/javascript-list-comprehension/index.html b/blog/javascript-list-comprehension/index.html
index 167c33c3c27..ca8931e9649 100644
--- a/blog/javascript-list-comprehension/index.html
+++ b/blog/javascript-list-comprehension/index.html
@@ -535,7 +535,7 @@ <h2 id="conclusion-and-takeaways">Conclusion and Takeaways</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -547,13 +547,13 @@ <h2 id="conclusion-and-takeaways">Conclusion and Takeaways</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -571,11 +571,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -587,13 +587,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -611,11 +611,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -627,13 +627,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -651,11 +651,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -667,13 +667,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -691,11 +691,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -707,13 +707,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -731,11 +731,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -747,13 +747,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -771,7 +771,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/10/index.html b/blog/page/10/index.html
index 5c3466289d0..aa0dfc8d14a 100644
--- a/blog/page/10/index.html
+++ b/blog/page/10/index.html
@@ -343,6 +343,57 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5.1.0/">CoreUI for React v5.1.0</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Monday, May 27, 2024
+    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
+          <a href="/tags/react/">#react</a>
+          <a href="/tags/v5/">#v5</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="CoreUI for React v5.1.0" 
+    srcset="/images/blog/react_hu3689703380344611708.webp 480w, /images/blog/react_hu16912855771832427384.webp 768w, /images/blog/react_hu11503518769131668490.webp 1024w, /images/blog/react_hu10610783287769889503.webp 1366w"  
+  src="/images/blog/react_hu18439278835384443719.webp"
+   width="920px"
+/> 
+  
+    <p>We are excited to announce the release of CoreUI for React v5.1.0, which includes new features, fixes, and critical dependency updates to enhance the performance and usability of our library.</p>
+    
+    <div>
+      <a href="https://coreui.io/changelog/coreui/react/v5.1.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react-pro/v5.2.0/">CoreUI PRO for React v5.2.0</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -797,57 +848,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-pro/v5.1.0/">CoreUI PRO v5.1.0</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Tuesday, May 7, 2024
-    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
-          <a href="/tags/bootstrap/">#bootstrap</a>
-          <a href="/tags/v5/">#v5</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="CoreUI PRO v5.1.0" 
-    srcset="/images/blog/bootstrap_hu10067289603468909678.webp 480w, /images/blog/bootstrap_hu9678888873427066027.webp 768w, /images/blog/bootstrap_hu4609411291732805126.webp 1024w, /images/blog/bootstrap_hu17785086393933866559.webp 1366w"  
-  src="/images/blog/bootstrap_hu1665405764739445843.webp"
-   width="920px"
-/> 
-  
-    <p>We are excited to announce the release of CoreUI PRO v5.1.0 on May 7, 2024. This update brings new features, significant improvements, and a range of fixes to enhance the functionality and user experience of our professional toolkit. This version also includes updates to the documentation and build process, ensuring that CoreUI PRO remains a leader in the UI component library space.</p>
-    
-    <div>
-      <a href="https://coreui.io/changelog/coreui/coreui-pro/v5.1.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -910,7 +910,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -922,13 +922,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -946,11 +946,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -962,13 +962,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -986,11 +986,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1002,13 +1002,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1026,11 +1026,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1042,13 +1042,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1066,11 +1066,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1082,13 +1082,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1106,11 +1106,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1122,13 +1122,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1146,7 +1146,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/11/index.html b/blog/page/11/index.html
index 291bd504233..162500ece28 100644
--- a/blog/page/11/index.html
+++ b/blog/page/11/index.html
@@ -343,6 +343,57 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-pro/v5.1.0/">CoreUI PRO v5.1.0</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Tuesday, May 7, 2024
+    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
+          <a href="/tags/bootstrap/">#bootstrap</a>
+          <a href="/tags/v5/">#v5</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="CoreUI PRO v5.1.0" 
+    srcset="/images/blog/bootstrap_hu10067289603468909678.webp 480w, /images/blog/bootstrap_hu9678888873427066027.webp 768w, /images/blog/bootstrap_hu4609411291732805126.webp 1024w, /images/blog/bootstrap_hu17785086393933866559.webp 1366w"  
+  src="/images/blog/bootstrap_hu1665405764739445843.webp"
+   width="920px"
+/> 
+  
+    <p>We are excited to announce the release of CoreUI PRO v5.1.0 on May 7, 2024. This update brings new features, significant improvements, and a range of fixes to enhance the functionality and user experience of our professional toolkit. This version also includes updates to the documentation and build process, ensuring that CoreUI PRO remains a leader in the UI component library space.</p>
+    
+    <div>
+      <a href="https://coreui.io/changelog/coreui/coreui-pro/v5.1.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v5.0.1/">CoreUI v5.0.1</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -812,59 +863,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0/">CoreUI Free Bootstrap Admin Template v5.0.0</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Thursday, March 28, 2024
-    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
-          <a href="/tags/bootstrap/">#bootstrap</a>
-          <a href="/tags/admin/">#admin</a>
-          <a href="/tags/template/">#template</a>
-          <a href="/tags/v5/">#v5</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="CoreUI Free Bootstrap Admin Template v5.0.0" 
-    srcset="/images/blog/bootstrap_hu10067289603468909678.webp 480w, /images/blog/bootstrap_hu9678888873427066027.webp 768w, /images/blog/bootstrap_hu4609411291732805126.webp 1024w, /images/blog/bootstrap_hu17785086393933866559.webp 1366w"  
-  src="/images/blog/bootstrap_hu1665405764739445843.webp"
-   width="920px"
-/> 
-  
-    <p>We&rsquo;re proud to announce the official release of <a href="/product/free-bootstrap-admin-template/">CoreUI Free Bootstrap Admin Template v5.0.0</a> on March 28, 2024. This major release signifies a milestone in our commitment to providing a robust and comprehensive admin template that leverages the latest web technologies. With v5.0.0, users can enjoy various updates to improve performance, compatibility, and the developer experience.</p>
-    
-    <div>
-      <a href="https://coreui.io/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -927,7 +925,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -939,13 +937,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -963,11 +961,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -979,13 +977,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1003,11 +1001,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1019,13 +1017,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1043,11 +1041,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1059,13 +1057,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1083,11 +1081,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1099,13 +1097,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1123,11 +1121,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1139,13 +1137,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1163,7 +1161,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/12/index.html b/blog/page/12/index.html
index 82e81c2b6f6..5d2d78413f4 100644
--- a/blog/page/12/index.html
+++ b/blog/page/12/index.html
@@ -343,6 +343,59 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0/">CoreUI Free Bootstrap Admin Template v5.0.0</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Thursday, March 28, 2024
+    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
+          <a href="/tags/bootstrap/">#bootstrap</a>
+          <a href="/tags/admin/">#admin</a>
+          <a href="/tags/template/">#template</a>
+          <a href="/tags/v5/">#v5</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="CoreUI Free Bootstrap Admin Template v5.0.0" 
+    srcset="/images/blog/bootstrap_hu10067289603468909678.webp 480w, /images/blog/bootstrap_hu9678888873427066027.webp 768w, /images/blog/bootstrap_hu4609411291732805126.webp 1024w, /images/blog/bootstrap_hu17785086393933866559.webp 1366w"  
+  src="/images/blog/bootstrap_hu1665405764739445843.webp"
+   width="920px"
+/> 
+  
+    <p>We&rsquo;re proud to announce the official release of <a href="/product/free-bootstrap-admin-template/">CoreUI Free Bootstrap Admin Template v5.0.0</a> on March 28, 2024. This major release signifies a milestone in our commitment to providing a robust and comprehensive admin template that leverages the latest web technologies. With v5.0.0, users can enjoy various updates to improve performance, compatibility, and the developer experience.</p>
+    
+    <div>
+      <a href="https://coreui.io/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-pro-react-admin-template/v5.0.0/">CoreUI PRO React.js Admin Template v5.0.0 (Vite)</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -827,57 +880,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v5.0.0/">CoreUI v5.0.0</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Thursday, March 28, 2024
-    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
-          <a href="/tags/bootstrap/">#bootstrap</a>
-          <a href="/tags/v5/">#v5</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="CoreUI v5.0.0" 
-    srcset="/images/blog/bootstrap_hu10067289603468909678.webp 480w, /images/blog/bootstrap_hu9678888873427066027.webp 768w, /images/blog/bootstrap_hu4609411291732805126.webp 1024w, /images/blog/bootstrap_hu17785086393933866559.webp 1366w"  
-  src="/images/blog/bootstrap_hu1665405764739445843.webp"
-   width="920px"
-/> 
-  
-    <p>We&rsquo;re excited to unveil CoreUI v5.0.0, officially released on March 28, 2024. This major update significantly enhances the CoreUI library, further solidifying its position as a leading choice for developing modern, responsive web applications. Transitioning to v5.0.0 is designed to be seamless, providing new and existing projects with access to improved features, optimizations, and the latest web development standards.</p>
-    
-    <div>
-      <a href="https://coreui.io/changelog/coreui/coreui/v5.0.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -940,7 +942,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -952,13 +954,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -976,11 +978,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -992,13 +994,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1016,11 +1018,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1032,13 +1034,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1056,11 +1058,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1072,13 +1074,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1096,11 +1098,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1112,13 +1114,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1136,11 +1138,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1152,13 +1154,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1176,7 +1178,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/13/index.html b/blog/page/13/index.html
index 7ca48abe521..86054556353 100644
--- a/blog/page/13/index.html
+++ b/blog/page/13/index.html
@@ -343,6 +343,57 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v5.0.0/">CoreUI v5.0.0</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Thursday, March 28, 2024
+    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
+          <a href="/tags/bootstrap/">#bootstrap</a>
+          <a href="/tags/v5/">#v5</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="CoreUI v5.0.0" 
+    srcset="/images/blog/bootstrap_hu10067289603468909678.webp 480w, /images/blog/bootstrap_hu9678888873427066027.webp 768w, /images/blog/bootstrap_hu4609411291732805126.webp 1024w, /images/blog/bootstrap_hu17785086393933866559.webp 1366w"  
+  src="/images/blog/bootstrap_hu1665405764739445843.webp"
+   width="920px"
+/> 
+  
+    <p>We&rsquo;re excited to unveil CoreUI v5.0.0, officially released on March 28, 2024. This major update significantly enhances the CoreUI library, further solidifying its position as a leading choice for developing modern, responsive web applications. Transitioning to v5.0.0 is designed to be seamless, providing new and existing projects with access to improved features, optimizations, and the latest web development standards.</p>
+    
+    <div>
+      <a href="https://coreui.io/changelog/coreui/coreui/v5.0.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular/v5.0.0/">CoreUI for Angular v5.0.0</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -811,59 +862,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-free-react-admin-template-cra/v5.0.0-rc.1/">CoreUI Free React.js Admin Template v5.0.0-rc.1 (CRA)</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Friday, March 22, 2024
-    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
-          <a href="/tags/react/">#react</a>
-          <a href="/tags/admin/">#admin</a>
-          <a href="/tags/template/">#template</a>
-          <a href="/tags/v5/">#v5</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="CoreUI Free React.js Admin Template v5.0.0-rc.1 (CRA)" 
-    srcset="/images/blog/react_hu3689703380344611708.webp 480w, /images/blog/react_hu16912855771832427384.webp 768w, /images/blog/react_hu11503518769131668490.webp 1024w, /images/blog/react_hu10610783287769889503.webp 1366w"  
-  src="/images/blog/react_hu18439278835384443719.webp"
-   width="920px"
-/> 
-  
-    <p>We are excited to introduce the CoreUI <a href="/product/free-react-admin-template/">Free React.js Admin Template</a> v5.0.0-rc.1, released on March 22, 2024. This latest version marks a significant milestone in our journey to provide a seamless and modern admin template experience for React developers. With a focus on enhancing functionality, design, and developer experience, v5.0.0-rc.1 brings forth a series of feature upgrades, refactorings, and dependency updates.</p>
-    
-    <div>
-      <a href="https://coreui.io/changelog/coreui/coreui-free-react-admin-template-cra/v5.0.0-rc.1/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -926,7 +924,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -938,13 +936,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -962,11 +960,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -978,13 +976,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1002,11 +1000,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1018,13 +1016,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1042,11 +1040,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1058,13 +1056,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1082,11 +1080,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1098,13 +1096,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1122,11 +1120,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1138,13 +1136,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1162,7 +1160,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/14/index.html b/blog/page/14/index.html
index 286a8e64668..c3dcd390dd6 100644
--- a/blog/page/14/index.html
+++ b/blog/page/14/index.html
@@ -343,6 +343,59 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-free-react-admin-template-cra/v5.0.0-rc.1/">CoreUI Free React.js Admin Template v5.0.0-rc.1 (CRA)</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Friday, March 22, 2024
+    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
+          <a href="/tags/react/">#react</a>
+          <a href="/tags/admin/">#admin</a>
+          <a href="/tags/template/">#template</a>
+          <a href="/tags/v5/">#v5</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="CoreUI Free React.js Admin Template v5.0.0-rc.1 (CRA)" 
+    srcset="/images/blog/react_hu3689703380344611708.webp 480w, /images/blog/react_hu16912855771832427384.webp 768w, /images/blog/react_hu11503518769131668490.webp 1024w, /images/blog/react_hu10610783287769889503.webp 1366w"  
+  src="/images/blog/react_hu18439278835384443719.webp"
+   width="920px"
+/> 
+  
+    <p>We are excited to introduce the CoreUI <a href="/product/free-react-admin-template/">Free React.js Admin Template</a> v5.0.0-rc.1, released on March 22, 2024. This latest version marks a significant milestone in our journey to provide a seamless and modern admin template experience for React developers. With a focus on enhancing functionality, design, and developer experience, v5.0.0-rc.1 brings forth a series of feature upgrades, refactorings, and dependency updates.</p>
+    
+    <div>
+      <a href="https://coreui.io/changelog/coreui/coreui-free-react-admin-template-cra/v5.0.0-rc.1/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-free-react-admin-template/v5.0.0-rc.1/">CoreUI Free React.js Admin Template v5.0.0-rc.1 (Vite)</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -804,57 +857,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-double-quest
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.0.0-rc.2/">CoreUI for Vue v5.0.0-rc.2</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Sunday, March 10, 2024
-    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
-          <a href="/tags/vue/">#vue</a>
-          <a href="/tags/v5/">#v5</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="CoreUI for Vue v5.0.0-rc.2" 
-    srcset="/images/blog/vue_hu4885393822871677165.webp 480w, /images/blog/vue_hu10715656610125994691.webp 768w, /images/blog/vue_hu14231437955460037329.webp 1024w, /images/blog/vue_hu1708509910775835649.webp 1366w"  
-  src="/images/blog/vue_hu18015195509980094428.webp"
-   width="920px"
-/> 
-  
-    <p>We are delighted to present CoreUI for Vue v5.0.0-rc.2, our latest update as of March 10, 2024. This version focuses on refining the CoreUI components for Vue, providing style improvements and essential fixes to ensure developers have the best tools at their disposal for creating dynamic, responsive Vue applications.</p>
-    
-    <div>
-      <a href="https://coreui.io/changelog/coreui/vue/v5.0.0-rc.2/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -917,7 +919,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.0
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -929,13 +931,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.0
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -953,11 +955,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -969,13 +971,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -993,11 +995,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1009,13 +1011,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1033,11 +1035,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1049,13 +1051,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1073,11 +1075,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1089,13 +1091,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1113,11 +1115,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1129,13 +1131,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1153,7 +1155,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/15/index.html b/blog/page/15/index.html
index ada08364e75..3bdf0127d92 100644
--- a/blog/page/15/index.html
+++ b/blog/page/15/index.html
@@ -343,6 +343,57 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.0.0-rc.2/">CoreUI for Vue v5.0.0-rc.2</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Sunday, March 10, 2024
+    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
+          <a href="/tags/vue/">#vue</a>
+          <a href="/tags/v5/">#v5</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="CoreUI for Vue v5.0.0-rc.2" 
+    srcset="/images/blog/vue_hu4885393822871677165.webp 480w, /images/blog/vue_hu10715656610125994691.webp 768w, /images/blog/vue_hu14231437955460037329.webp 1024w, /images/blog/vue_hu1708509910775835649.webp 1366w"  
+  src="/images/blog/vue_hu18015195509980094428.webp"
+   width="920px"
+/> 
+  
+    <p>We are delighted to present CoreUI for Vue v5.0.0-rc.2, our latest update as of March 10, 2024. This version focuses on refining the CoreUI components for Vue, providing style improvements and essential fixes to ensure developers have the best tools at their disposal for creating dynamic, responsive Vue applications.</p>
+    
+    <div>
+      <a href="https://coreui.io/changelog/coreui/vue/v5.0.0-rc.2/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/v5.0.0-rc.2/">CoreUI PRO for Vue v5.0.0-rc.2</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -799,56 +850,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-round-a-numbe
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-string-is-number-in-javascript/">How to check if a string is a number in JavaScript</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Sunday, February 11, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="How to check if a string is a number in JavaScript" 
-    srcset="/images/blog/how-to-check-if-string-is-number-in-javascript_hu12834950360507674887.webp 480w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu16428538355232902853.webp 768w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu15056458603195031162.webp 1024w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu10430054107152879928.webp 1366w"  
-  src="/images/blog/how-to-check-if-string-is-number-in-javascript_hu7617250843278388154.webp"
-   width="920px"
-/> 
-  
-    <p>In the realm of web development, the versatility and power of JavaScript stand unchallenged. It is pivotal in adding interactivity to websites, working with data, and creating complex web applications. A common hurdle developers often stumble upon is determining whether a given piece of text—more formally, a string—represents a number. This validation is crucial for data processing, form submissions, and other scenarios where numeric input is expected. This comprehensive article explores the methods and best practices for checking if a string is a number in JavaScript, ensuring your code is robust, reliable, and ready for real-world usage.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-check-if-string-is-number-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -911,7 +912,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-stri
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -923,13 +924,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-stri
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -947,11 +948,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -963,13 +964,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -987,11 +988,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1003,13 +1004,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1027,11 +1028,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1043,13 +1044,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1067,11 +1068,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1083,13 +1084,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1107,11 +1108,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1123,13 +1124,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1147,7 +1148,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/16/index.html b/blog/page/16/index.html
index e14d6e91e83..b0d0d40129c 100644
--- a/blog/page/16/index.html
+++ b/blog/page/16/index.html
@@ -343,6 +343,56 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-string-is-number-in-javascript/">How to check if a string is a number in JavaScript</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Sunday, February 11, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to check if a string is a number in JavaScript" 
+    srcset="/images/blog/how-to-check-if-string-is-number-in-javascript_hu12834950360507674887.webp 480w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu16428538355232902853.webp 768w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu15056458603195031162.webp 1024w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu10430054107152879928.webp 1366w"  
+  src="/images/blog/how-to-check-if-string-is-number-in-javascript_hu7617250843278388154.webp"
+   width="920px"
+/> 
+  
+    <p>In the realm of web development, the versatility and power of JavaScript stand unchallenged. It is pivotal in adding interactivity to websites, working with data, and creating complex web applications. A common hurdle developers often stumble upon is determining whether a given piece of text—more formally, a string—represents a number. This validation is crucial for data processing, form submissions, and other scenarios where numeric input is expected. This comprehensive article explores the methods and best practices for checking if a string is a number in JavaScript, ensuring your code is robust, reliable, and ready for real-world usage.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-check-if-string-is-number-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-an-array-is-empty-in-javascript/">How to check if an array is empty in JavaScript?</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -793,60 +843,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-elemen
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-create-react-app-to-vite/">How to Migrate from create-react-app to Vite?</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Wednesday, January 10, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          <a href="/tags/node.js/">#node.js</a>
-          <a href="/tags/vite/">#vite</a>
-          <a href="/tags/cra/">#cra</a>
-          <a href="/tags/create-react-app/">#create-react-app</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="How to Migrate from create-react-app to Vite?" 
-    srcset="/images/blog/cra-vite_hu18040529967068358202.webp 480w, /images/blog/cra-vite_hu3131374258139474918.webp 768w, /images/blog/cra-vite_hu13594194348032770235.webp 1024w, /images/blog/cra-vite_hu9241263533019932617.webp 1366w"  
-  src="/images/blog/cra-vite_hu8261980274864893091.webp"
-   width="920px"
-/> 
-  
-    <p>In the evolving landscape of web development, keeping up with efficient tools and processes is crucial for any developer looking to enhance performance and maintainability. Vite has emerged as a natural successor to Create React App (CRA) for many looking to build modern, single-page React applications. In this comprehensive guide, we&rsquo;ll walk through the steps to migrate your project from CRA to Vite, with a focus on practicality and ease.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-migrate-create-react-app-to-vite/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -909,7 +905,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-creat
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -921,13 +917,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-creat
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -945,11 +941,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -961,13 +957,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -985,11 +981,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1001,13 +997,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1025,11 +1021,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1041,13 +1037,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1065,11 +1061,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1081,13 +1077,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1105,11 +1101,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1121,13 +1117,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1145,7 +1141,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/17/index.html b/blog/page/17/index.html
index c195172007e..fd3a6de59e3 100644
--- a/blog/page/17/index.html
+++ b/blog/page/17/index.html
@@ -343,6 +343,60 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-create-react-app-to-vite/">How to Migrate from create-react-app to Vite?</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, January 10, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          <a href="/tags/node.js/">#node.js</a>
+          <a href="/tags/vite/">#vite</a>
+          <a href="/tags/cra/">#cra</a>
+          <a href="/tags/create-react-app/">#create-react-app</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to Migrate from create-react-app to Vite?" 
+    srcset="/images/blog/cra-vite_hu18040529967068358202.webp 480w, /images/blog/cra-vite_hu3131374258139474918.webp 768w, /images/blog/cra-vite_hu13594194348032770235.webp 1024w, /images/blog/cra-vite_hu9241263533019932617.webp 1366w"  
+  src="/images/blog/cra-vite_hu8261980274864893091.webp"
+   width="920px"
+/> 
+  
+    <p>In the evolving landscape of web development, keeping up with efficient tools and processes is crucial for any developer looking to enhance performance and maintainability. Vite has emerged as a natural successor to Create React App (CRA) for many looking to build modern, single-page React applications. In this comprehensive guide, we&rsquo;ll walk through the steps to migrate your project from CRA to Vite, with a focus on practicality and ease.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-migrate-create-react-app-to-vite/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-fix-syntaxerror-cannot-use-import-statement-outside-a-module/">How to fix “SyntaxError: Cannot use import statement outside a module”?</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -808,60 +862,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/">UI Component Libraries: Use or not to use [them] with epic fails and more...</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Monday, May 15, 2023
-    </div><div class="post-tags"><a href="/tags/ui/">#ui</a>
-          <a href="/tags/components/">#components</a>
-          <a href="/tags/react/">#react</a>
-          <a href="/tags/vue/">#vue</a>
-          <a href="/tags/angular/">#angular</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="UI Component Libraries: Use or not to use [them] with epic fails and more..." 
-    srcset="/images/blog/sliders_hu5463526761748395754.webp 480w, /images/blog/sliders_hu13467421567496138819.webp 768w, /images/blog/sliders_hu16733928173451347146.webp 1024w, /images/blog/sliders_hu2204021837853004188.webp 1366w"  
-  src="/images/blog/sliders_hu12496056793431331970.webp"
-   width="920px"
-/> 
-  
-    <p>In today&rsquo;s fast-paced world of web and mobile application development, time is of the essence. As such, developers are always looking for ways to speed up their development cycles while maintaining the quality of their applications. One way to do this is by using UI component libraries.</p>
-<p>A UI component library is a collection of pre-built user interface elements that can be easily integrated into your application.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -924,7 +924,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-librari
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -936,13 +936,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-librari
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -960,11 +960,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -976,13 +976,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1000,11 +1000,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1016,13 +1016,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1040,11 +1040,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1056,13 +1056,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1080,11 +1080,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1096,13 +1096,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1120,11 +1120,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1136,13 +1136,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1160,7 +1160,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/18/index.html b/blog/page/18/index.html
index b4f91d51071..3d7306e1514 100644
--- a/blog/page/18/index.html
+++ b/blog/page/18/index.html
@@ -343,6 +343,60 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/">UI Component Libraries: Use or not to use [them] with epic fails and more...</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Monday, May 15, 2023
+    </div><div class="post-tags"><a href="/tags/ui/">#ui</a>
+          <a href="/tags/components/">#components</a>
+          <a href="/tags/react/">#react</a>
+          <a href="/tags/vue/">#vue</a>
+          <a href="/tags/angular/">#angular</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="UI Component Libraries: Use or not to use [them] with epic fails and more..." 
+    srcset="/images/blog/sliders_hu5463526761748395754.webp 480w, /images/blog/sliders_hu13467421567496138819.webp 768w, /images/blog/sliders_hu16733928173451347146.webp 1024w, /images/blog/sliders_hu2204021837853004188.webp 1366w"  
+  src="/images/blog/sliders_hu12496056793431331970.webp"
+   width="920px"
+/> 
+  
+    <p>In today&rsquo;s fast-paced world of web and mobile application development, time is of the essence. As such, developers are always looking for ways to speed up their development cycles while maintaining the quality of their applications. One way to do this is by using UI component libraries.</p>
+<p>A UI component library is a collection of pre-built user interface elements that can be easily integrated into your application.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/vue-js-forge-3/">Vue.js Forge 3</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -780,54 +834,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-create-a-sing
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/react-18-finally-is-of-legal-age/">React v18.0 – finally is of legal age?</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Friday, May 27, 2022
-    </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="React v18.0 – finally is of legal age?" 
-    srcset="/images/blog/react_hu3689703380344611708.webp 480w, /images/blog/react_hu16912855771832427384.webp 768w, /images/blog/react_hu11503518769131668490.webp 1024w, /images/blog/react_hu10610783287769889503.webp 1366w"  
-  src="/images/blog/react_hu18439278835384443719.webp"
-   width="920px"
-/> 
-  
-    <p>It’s almost a month after official presentation on npm, so it’s we’re ready to roll with our remarks on the latest React version. As you know, CoreUI <a href="https://coreui.io/">Admin Panel</a> is not another blend of 3rd parties’ free components and libraries. It&rsquo;s the only Open-Source <a href="https://coreui.io/react">React Admin Dashboard Template</a> built on the enterprise-grade hand-crafted <a href="https://coreui.io/react/">React UI Components Library</a>. That’s why we’ve waited patiently for React v18.0, to materialize it e.g. here <a href="https://coreui.io/react/">https://coreui.io/react/</a>.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/react-18-finally-is-of-legal-age/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -890,7 +896,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/react-18-finally-is-
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -902,13 +908,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/react-18-finally-is-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -926,11 +932,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -942,13 +948,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -966,11 +972,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -982,13 +988,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1006,11 +1012,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1022,13 +1028,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1046,11 +1052,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1062,13 +1068,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1086,11 +1092,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1102,13 +1108,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1126,7 +1132,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/19/index.html b/blog/page/19/index.html
index d0a78a559b3..9c41cfc596d 100644
--- a/blog/page/19/index.html
+++ b/blog/page/19/index.html
@@ -343,6 +343,54 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/react-18-finally-is-of-legal-age/">React v18.0 – finally is of legal age?</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Friday, May 27, 2022
+    </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="React v18.0 – finally is of legal age?" 
+    srcset="/images/blog/react_hu3689703380344611708.webp 480w, /images/blog/react_hu16912855771832427384.webp 768w, /images/blog/react_hu11503518769131668490.webp 1024w, /images/blog/react_hu10610783287769889503.webp 1366w"  
+  src="/images/blog/react_hu18439278835384443719.webp"
+   width="920px"
+/> 
+  
+    <p>It’s almost a month after official presentation on npm, so it’s we’re ready to roll with our remarks on the latest React version. As you know, CoreUI <a href="https://coreui.io/">Admin Panel</a> is not another blend of 3rd parties’ free components and libraries. It&rsquo;s the only Open-Source <a href="https://coreui.io/react">React Admin Dashboard Template</a> built on the enterprise-grade hand-crafted <a href="https://coreui.io/react/">React UI Components Library</a>. That’s why we’ve waited patiently for React v18.0, to materialize it e.g. here <a href="https://coreui.io/react/">https://coreui.io/react/</a>.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/react-18-finally-is-of-legal-age/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2022/01/17/quo-vadis-vue.js/">Quo Vadis Vue.js</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -786,46 +834,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/12/21/top-10-re
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/">Earn Real Money on every sale you refer - become a CoreUI PRO affiliate today!</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Thursday, August 20, 2020
-    </div></div>
-   
-  
-    <!-- blank line -->
-<div class="embed-responsive embed-responsive-21by9">
-  <iframe class="embed-responsive-item" src="/images/blog/coreui-affiliate-program.mp4" allowfullscreen></iframe>
-</div>
-<!-- blank line -->
-<p><strong>$5000/month +</strong></p>
-<p>It takes few minutes to join CoreUI’s Affiliate Program, just fill the simple online form. You can earn $5000/month and more by promoting our software on your website. But the best is yet to come…
-In standard affiliate programs cookie has a 30-day life. Your referral needs to make a purchase within 30-days of clicking your affiliate link in order for you to get paid &ndash; otherwise the lead will no longer be trackable. CoreUI’s Affiliate Program keeps track of your referral for 120 calendar days!</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -888,7 +896,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/08/20/earn-real
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -900,13 +908,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/08/20/earn-real
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -924,11 +932,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -940,13 +948,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -964,11 +972,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -980,13 +988,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1004,11 +1012,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1020,13 +1028,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1044,11 +1052,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1060,13 +1068,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1084,11 +1092,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1100,13 +1108,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1124,7 +1132,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/2/index.html b/blog/page/2/index.html
index 9964a381065..dc50bc34625 100644
--- a/blog/page/2/index.html
+++ b/blog/page/2/index.html
@@ -343,6 +343,57 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v5.2.0/">CoreUI v5.2.0</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Monday, October 28, 2024
+    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
+          <a href="/tags/bootstrap/">#bootstrap</a>
+          <a href="/tags/v5/">#v5</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="CoreUI v5.2.0" 
+    srcset="/images/blog/bootstrap_hu10067289603468909678.webp 480w, /images/blog/bootstrap_hu9678888873427066027.webp 768w, /images/blog/bootstrap_hu4609411291732805126.webp 1024w, /images/blog/bootstrap_hu17785086393933866559.webp 1366w"  
+  src="/images/blog/bootstrap_hu1665405764739445843.webp"
+   width="920px"
+/> 
+  
+    <p>We are pleased to announce the release of <strong>CoreUI v5.2.0</strong>. This update includes several key fixes, new features, and crucial dependency updates, enhancing the stability, performance, and maintainability of the CoreUI library.</p>
+    
+    <div>
+      <a href="https://coreui.io/changelog/coreui/coreui/v5.2.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -808,59 +859,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-pro-vue-admin-template/v5.2.0/">CoreUI PRO Vue.js Admin Template v5.2.0</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Wednesday, September 25, 2024
-    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
-          <a href="/tags/vue/">#vue</a>
-          <a href="/tags/admin/">#admin</a>
-          <a href="/tags/template/">#template</a>
-          <a href="/tags/v5/">#v5</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="CoreUI PRO Vue.js Admin Template v5.2.0" 
-    srcset="/images/blog/vue_hu4885393822871677165.webp 480w, /images/blog/vue_hu10715656610125994691.webp 768w, /images/blog/vue_hu14231437955460037329.webp 1024w, /images/blog/vue_hu1708509910775835649.webp 1366w"  
-  src="/images/blog/vue_hu18015195509980094428.webp"
-   width="920px"
-/> 
-  
-    <p>We are excited to announce the release of <a href="/product/vue-dashboard-template/">CoreUI PRO Vue.js Admin Template v5.2.0</a>. This update includes significant new features, important security fixes, and various dependency updates to enhance the overall performance and stability of the template.</p>
-    
-    <div>
-      <a href="https://coreui.io/changelog/coreui/coreui-pro-vue-admin-template/v5.2.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -923,7 +921,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -935,13 +933,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -959,11 +957,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -975,13 +973,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -999,11 +997,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1015,13 +1013,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1039,11 +1037,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1055,13 +1053,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1079,11 +1077,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1095,13 +1093,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1119,11 +1117,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1135,13 +1133,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1159,7 +1157,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/20/index.html b/blog/page/20/index.html
index a7b47c25af2..6a28cd14808 100644
--- a/blog/page/20/index.html
+++ b/blog/page/20/index.html
@@ -343,6 +343,46 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/">Earn Real Money on every sale you refer - become a CoreUI PRO affiliate today!</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Thursday, August 20, 2020
+    </div></div>
+   
+  
+    <!-- blank line -->
+<div class="embed-responsive embed-responsive-21by9">
+  <iframe class="embed-responsive-item" src="/images/blog/coreui-affiliate-program.mp4" allowfullscreen></iframe>
+</div>
+<!-- blank line -->
+<p><strong>$5000/month +</strong></p>
+<p>It takes few minutes to join CoreUI’s Affiliate Program, just fill the simple online form. You can earn $5000/month and more by promoting our software on your website. But the best is yet to come…
+In standard affiliate programs cookie has a 30-day life. Your referral needs to make a purchase within 30-days of clicking your affiliate link in order for you to get paid &ndash; otherwise the lead will no longer be trackable. CoreUI’s Affiliate Program keeps track of your referral for 120 calendar days!</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/07/20/coreui-vue-laravel-admin-template-more-than-simple-integration.../">CoreUI Vue Laravel Admin Template – more than simple integration...</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -766,54 +806,6 @@ <h4 id="the-beta-version-has-just-been-released">The beta version has just been
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2019/09/30/leave-well-alone/">Leave well alone?</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Monday, September 30, 2019
-    </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="Leave well alone?" 
-    srcset="/images/blog/logo-rebrand_hu17051556884993887522.webp 480w, /images/blog/logo-rebrand_hu1284525200897705015.webp 768w, /images/blog/logo-rebrand_hu13097592900987001941.webp 1024w, /images/blog/logo-rebrand_hu7679502838759945504.webp 1366w"  
-  src="/images/blog/logo-rebrand_hu4384416000214942939.webp"
-   width="920px"
-/> 
-  
-    <p>We believe that we all know that sentence, but to be honest - like humans, companies change over time and, when it does, a brand redesign becomes necessary. We bet you noticed latest changes in our design and if you’re interested in more detailed information, pls read this post.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/2019/09/30/leave-well-alone/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -876,7 +868,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2019/09/30/leave-wel
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -888,13 +880,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2019/09/30/leave-wel
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -912,11 +904,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -928,13 +920,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -952,11 +944,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -968,13 +960,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -992,11 +984,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1008,13 +1000,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1032,11 +1024,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1048,13 +1040,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1072,11 +1064,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1088,13 +1080,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1112,7 +1104,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/21/index.html b/blog/page/21/index.html
index 87a6623b5cb..63bdeaece9f 100644
--- a/blog/page/21/index.html
+++ b/blog/page/21/index.html
@@ -343,6 +343,54 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2019/09/30/leave-well-alone/">Leave well alone?</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Monday, September 30, 2019
+    </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="Leave well alone?" 
+    srcset="/images/blog/logo-rebrand_hu17051556884993887522.webp 480w, /images/blog/logo-rebrand_hu1284525200897705015.webp 768w, /images/blog/logo-rebrand_hu13097592900987001941.webp 1024w, /images/blog/logo-rebrand_hu7679502838759945504.webp 1366w"  
+  src="/images/blog/logo-rebrand_hu4384416000214942939.webp"
+   width="920px"
+/> 
+  
+    <p>We believe that we all know that sentence, but to be honest - like humans, companies change over time and, when it does, a brand redesign becomes necessary. We bet you noticed latest changes in our design and if you’re interested in more detailed information, pls read this post.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/2019/09/30/leave-well-alone/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2019/07/01/whats-new-and-updated-in-coreui-3/">What’s new and updated in CoreUI 3</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -805,7 +853,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2013/08/24/genius-bo
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -817,13 +865,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2013/08/24/genius-bo
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -841,11 +889,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -857,13 +905,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -881,11 +929,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -897,13 +945,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -921,11 +969,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -937,13 +985,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -961,11 +1009,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -977,13 +1025,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1001,11 +1049,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1017,13 +1065,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1041,7 +1089,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/3/index.html b/blog/page/3/index.html
index 72aeabcf496..0c1d8a3fe5b 100644
--- a/blog/page/3/index.html
+++ b/blog/page/3/index.html
@@ -343,6 +343,59 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-pro-vue-admin-template/v5.2.0/">CoreUI PRO Vue.js Admin Template v5.2.0</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, September 25, 2024
+    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
+          <a href="/tags/vue/">#vue</a>
+          <a href="/tags/admin/">#admin</a>
+          <a href="/tags/template/">#template</a>
+          <a href="/tags/v5/">#v5</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="CoreUI PRO Vue.js Admin Template v5.2.0" 
+    srcset="/images/blog/vue_hu4885393822871677165.webp 480w, /images/blog/vue_hu10715656610125994691.webp 768w, /images/blog/vue_hu14231437955460037329.webp 1024w, /images/blog/vue_hu1708509910775835649.webp 1366w"  
+  src="/images/blog/vue_hu18015195509980094428.webp"
+   width="920px"
+/> 
+  
+    <p>We are excited to announce the release of <a href="/product/vue-dashboard-template/">CoreUI PRO Vue.js Admin Template v5.2.0</a>. This update includes significant new features, important security fixes, and various dependency updates to enhance the overall performance and stability of the template.</p>
+    
+    <div>
+      <a href="https://coreui.io/changelog/coreui/coreui-pro-vue-admin-template/v5.2.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-free-react-admin-template/v5.2.0/">CoreUI Free React.js Admin Template v5.2.0 (Vite)</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -804,56 +857,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-the-differen
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-conditionally-add-attributes-to-react-components/">How to conditionally add attributes to React components</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Thursday, September 12, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/react/">#react</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="react conditional prop" 
-    srcset="/images/blog/how-to-conditionally-add-attributes-to-react-components_hu14997470314623959288.webp 480w, /images/blog/how-to-conditionally-add-attributes-to-react-components_hu2278749688217920062.webp 768w, /images/blog/how-to-conditionally-add-attributes-to-react-components_hu4857808424944116821.webp 1024w, /images/blog/how-to-conditionally-add-attributes-to-react-components_hu3770756027476442178.webp 1366w"  
-  src="/images/blog/how-to-conditionally-add-attributes-to-react-components_hu6526532059758069920.webp"
-   width="920px"
-/> 
-  
-    <p>When building dynamic React applications, it&rsquo;s common to encounter scenarios where you need to conditionally add attributes to React components based on user actions or state changes. This could involve enabling or disabling buttons, applying styles conditionally, or toggling event handlers based on different props.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-conditionally-add-attributes-to-react-components/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -916,7 +919,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-conditionally
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -928,13 +931,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-conditionally
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -952,11 +955,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -968,13 +971,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -992,11 +995,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1008,13 +1011,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1032,11 +1035,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1048,13 +1051,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1072,11 +1075,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1088,13 +1091,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1112,11 +1115,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1128,13 +1131,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1152,7 +1155,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/4/index.html b/blog/page/4/index.html
index 87299a4b061..9b29dcfc087 100644
--- a/blog/page/4/index.html
+++ b/blog/page/4/index.html
@@ -343,6 +343,56 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-conditionally-add-attributes-to-react-components/">How to conditionally add attributes to React components</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Thursday, September 12, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/react/">#react</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="react conditional prop" 
+    srcset="/images/blog/how-to-conditionally-add-attributes-to-react-components_hu14997470314623959288.webp 480w, /images/blog/how-to-conditionally-add-attributes-to-react-components_hu2278749688217920062.webp 768w, /images/blog/how-to-conditionally-add-attributes-to-react-components_hu4857808424944116821.webp 1024w, /images/blog/how-to-conditionally-add-attributes-to-react-components_hu3770756027476442178.webp 1366w"  
+  src="/images/blog/how-to-conditionally-add-attributes-to-react-components_hu6526532059758069920.webp"
+   width="920px"
+/> 
+  
+    <p>When building dynamic React applications, it&rsquo;s common to encounter scenarios where you need to conditionally add attributes to React components based on user actions or state changes. This could involve enabling or disabling buttons, applying styles conditionally, or toggling event handlers based on different props.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-conditionally-add-attributes-to-react-components/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-force-a-react-component-to-re-render/">How to force a React component to re-render</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -808,59 +858,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-free-angular-admin-template/v5.2.16/">CoreUI Free Angular 18.2 Admin Template v5.2.16</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Tuesday, August 27, 2024
-    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
-          <a href="/tags/angular/">#angular</a>
-          <a href="/tags/v5/">#v5</a>
-          <a href="/tags/admin/">#admin</a>
-          <a href="/tags/template/">#template</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="CoreUI Free Angular 18.2 Admin Template v5.2.16" 
-    srcset="/images/blog/angular_hu5727692517146790908.webp 480w, /images/blog/angular_hu17638465263929209608.webp 768w, /images/blog/angular_hu13755259078915601795.webp 1024w, /images/blog/angular_hu981226210093728547.webp 1366w"  
-  src="/images/blog/angular_hu12387135006029044659.webp"
-   width="920px"
-/> 
-  
-    <p>The <code>CoreUI Free Angular 18.2 Admin Template v5.2.16</code> is now available as of August 27, 2024. This update includes an upgrade to <code>Angular 18.2</code>, ensuring that your applications run smoothly and efficiently with the latest technology stack.</p>
-    
-    <div>
-      <a href="https://coreui.io/changelog/coreui/coreui-free-angular-admin-template/v5.2.16/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -923,7 +920,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -935,13 +932,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -959,11 +956,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -975,13 +972,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -999,11 +996,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1015,13 +1012,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1039,11 +1036,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1055,13 +1052,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1079,11 +1076,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1095,13 +1092,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1119,11 +1116,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1135,13 +1132,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1159,7 +1156,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/5/index.html b/blog/page/5/index.html
index 8286a1d6e13..9efe7806e4a 100644
--- a/blog/page/5/index.html
+++ b/blog/page/5/index.html
@@ -343,6 +343,59 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-free-angular-admin-template/v5.2.16/">CoreUI Free Angular 18.2 Admin Template v5.2.16</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Tuesday, August 27, 2024
+    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
+          <a href="/tags/angular/">#angular</a>
+          <a href="/tags/v5/">#v5</a>
+          <a href="/tags/admin/">#admin</a>
+          <a href="/tags/template/">#template</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="CoreUI Free Angular 18.2 Admin Template v5.2.16" 
+    srcset="/images/blog/angular_hu5727692517146790908.webp 480w, /images/blog/angular_hu17638465263929209608.webp 768w, /images/blog/angular_hu13755259078915601795.webp 1024w, /images/blog/angular_hu981226210093728547.webp 1366w"  
+  src="/images/blog/angular_hu12387135006029044659.webp"
+   width="920px"
+/> 
+  
+    <p>The <code>CoreUI Free Angular 18.2 Admin Template v5.2.16</code> is now available as of August 27, 2024. This update includes an upgrade to <code>Angular 18.2</code>, ensuring that your applications run smoothly and efficiently with the latest technology stack.</p>
+    
+    <div>
+      <a href="https://coreui.io/changelog/coreui/coreui-free-angular-admin-template/v5.2.16/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-pro-angular-admin-template/v5.2.16/">CoreUI PRO Angular 18.2 Admin Template v5.2.16</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -799,57 +852,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-change-opacit
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular-pro/v5.2.13/">CoreUI PRO v5.2.13 for Angular 18.1</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Friday, August 9, 2024
-    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
-          <a href="/tags/angular/">#angular</a>
-          <a href="/tags/v5/">#v5</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="CoreUI PRO v5.2.13 for Angular 18.1" 
-    srcset="/images/blog/angular_hu5727692517146790908.webp 480w, /images/blog/angular_hu17638465263929209608.webp 768w, /images/blog/angular_hu13755259078915601795.webp 1024w, /images/blog/angular_hu981226210093728547.webp 1366w"  
-  src="/images/blog/angular_hu12387135006029044659.webp"
-   width="920px"
-/> 
-  
-    <p>We are happy to announce CoreUI PRO v5.2.13 for Angular 18.1 available as of August 9, 2024. This update includes <code>ng add</code> schematics support, along with an update to Angular 18.1, enhancements for development and user experience, as well as fixes and improvements for stability and performance of the CoreUI components library for Angular.</p>
-    
-    <div>
-      <a href="https://coreui.io/changelog/coreui/angular-pro/v5.2.13/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -912,7 +914,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular-
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -924,13 +926,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -948,11 +950,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -964,13 +966,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -988,11 +990,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1004,13 +1006,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1028,11 +1030,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1044,13 +1046,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1068,11 +1070,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1084,13 +1086,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1108,11 +1110,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1124,13 +1126,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1148,7 +1150,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/6/index.html b/blog/page/6/index.html
index a8879b7c6ef..c5892ba2af1 100644
--- a/blog/page/6/index.html
+++ b/blog/page/6/index.html
@@ -343,6 +343,57 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular-pro/v5.2.13/">CoreUI PRO v5.2.13 for Angular 18.1</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Friday, August 9, 2024
+    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
+          <a href="/tags/angular/">#angular</a>
+          <a href="/tags/v5/">#v5</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="CoreUI PRO v5.2.13 for Angular 18.1" 
+    srcset="/images/blog/angular_hu5727692517146790908.webp 480w, /images/blog/angular_hu17638465263929209608.webp 768w, /images/blog/angular_hu13755259078915601795.webp 1024w, /images/blog/angular_hu981226210093728547.webp 1366w"  
+  src="/images/blog/angular_hu12387135006029044659.webp"
+   width="920px"
+/> 
+  
+    <p>We are happy to announce CoreUI PRO v5.2.13 for Angular 18.1 available as of August 9, 2024. This update includes <code>ng add</code> schematics support, along with an update to Angular 18.1, enhancements for development and user experience, as well as fixes and improvements for stability and performance of the CoreUI components library for Angular.</p>
+    
+    <div>
+      <a href="https://coreui.io/changelog/coreui/angular-pro/v5.2.13/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular/v5.2.13/">CoreUI v5.2.13 for Angular 18.1</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -798,57 +849,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.2.0/">CoreUI for Vue v5.2.0</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Friday, July 26, 2024
-    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
-          <a href="/tags/vue/">#vue</a>
-          <a href="/tags/v5/">#v5</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="CoreUI for Vue v5.2.0" 
-    srcset="/images/blog/vue_hu4885393822871677165.webp 480w, /images/blog/vue_hu10715656610125994691.webp 768w, /images/blog/vue_hu14231437955460037329.webp 1024w, /images/blog/vue_hu1708509910775835649.webp 1366w"  
-  src="/images/blog/vue_hu18015195509980094428.webp"
-   width="920px"
-/> 
-  
-    <p>We are excited to announce the release of CoreUI for Vue v5.2.0. This update introduces new features, refactors existing components for better performance and maintainability, and updates various dependencies to their latest versions.</p>
-    
-    <div>
-      <a href="https://coreui.io/changelog/coreui/vue/v5.2.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -911,7 +911,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.2
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -923,13 +923,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.2
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -947,11 +947,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -963,13 +963,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -987,11 +987,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1003,13 +1003,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1027,11 +1027,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1043,13 +1043,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1067,11 +1067,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1083,13 +1083,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1107,11 +1107,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1123,13 +1123,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1147,7 +1147,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/7/index.html b/blog/page/7/index.html
index 74454d59fa9..0bb4a940ceb 100644
--- a/blog/page/7/index.html
+++ b/blog/page/7/index.html
@@ -343,6 +343,57 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.2.0/">CoreUI for Vue v5.2.0</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Friday, July 26, 2024
+    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
+          <a href="/tags/vue/">#vue</a>
+          <a href="/tags/v5/">#v5</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="CoreUI for Vue v5.2.0" 
+    srcset="/images/blog/vue_hu4885393822871677165.webp 480w, /images/blog/vue_hu10715656610125994691.webp 768w, /images/blog/vue_hu14231437955460037329.webp 1024w, /images/blog/vue_hu1708509910775835649.webp 1366w"  
+  src="/images/blog/vue_hu18015195509980094428.webp"
+   width="920px"
+/> 
+  
+    <p>We are excited to announce the release of CoreUI for Vue v5.2.0. This update introduces new features, refactors existing components for better performance and maintainability, and updates various dependencies to their latest versions.</p>
+    
+    <div>
+      <a href="https://coreui.io/changelog/coreui/vue/v5.2.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react-pro/v5.3.0/">CoreUI PRO for React v5.3.0</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -801,56 +852,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-the-differen
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-unique-values-from-a-javascript-array/">How to Get Unique Values from a JavaScript Array</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Friday, July 5, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="javascript array unique" 
-    srcset="/images/blog/how-to-get-unique-values-from-a-javascript-array_hu2314230777166900111.webp 480w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu16927554053944791323.webp 768w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu619700625499798248.webp 1024w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu14935641498110890912.webp 1366w"  
-  src="/images/blog/how-to-get-unique-values-from-a-javascript-array_hu4360027771422628715.webp"
-   width="920px"
-/> 
-  
-    <p>In JavaScript, handling arrays and ensuring their uniqueness is a common task. Here are several methods to achieve unique values from an array, ensuring you remove duplicate values effectively.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-get-unique-values-from-a-javascript-array/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -913,7 +914,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-unique-va
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -925,13 +926,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-unique-va
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -949,11 +950,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -965,13 +966,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -989,11 +990,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1005,13 +1006,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1029,11 +1030,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1045,13 +1046,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1069,11 +1070,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1085,13 +1086,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1109,11 +1110,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1125,13 +1126,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1149,7 +1150,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/8/index.html b/blog/page/8/index.html
index 8543e855dc7..ea626f300b5 100644
--- a/blog/page/8/index.html
+++ b/blog/page/8/index.html
@@ -343,6 +343,56 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-unique-values-from-a-javascript-array/">How to Get Unique Values from a JavaScript Array</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Friday, July 5, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="javascript array unique" 
+    srcset="/images/blog/how-to-get-unique-values-from-a-javascript-array_hu2314230777166900111.webp 480w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu16927554053944791323.webp 768w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu619700625499798248.webp 1024w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu14935641498110890912.webp 1366w"  
+  src="/images/blog/how-to-get-unique-values-from-a-javascript-array_hu4360027771422628715.webp"
+   width="920px"
+/> 
+  
+    <p>In JavaScript, handling arrays and ensuring their uniqueness is a common task. Here are several methods to achieve unique values from an array, ensuring you remove duplicate values effectively.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-get-unique-values-from-a-javascript-array/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-return-multiple-values-from-a-javascript-function/">How to return multiple values from a JavaScript function</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -800,56 +850,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-underline-from-link-in-css/">How to Remove Underline from Link in CSS</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Thursday, June 13, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/css/">#css</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="css remove link underline" 
-    srcset="/images/blog/how-to-remove-underline-from-link-in-css_hu9621015112602280229.webp 480w, /images/blog/how-to-remove-underline-from-link-in-css_hu15181725472682141608.webp 768w, /images/blog/how-to-remove-underline-from-link-in-css_hu4120220814089293774.webp 1024w, /images/blog/how-to-remove-underline-from-link-in-css_hu6276105203742128569.webp 1366w"  
-  src="/images/blog/how-to-remove-underline-from-link-in-css_hu16152476739718777484.webp"
-   width="920px"
-/> 
-  
-    <p>When styling a web page, details matter, including how links appear. By default, browsers add an underline to hyperlinks, but with CSS, you can customize the appearance of these links. In this article, we’ll explore how to use the text-decoration property to remove the underline from links and ensure a consistent and accessible design across your website.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-remove-underline-from-link-in-css/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -912,7 +912,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-underl
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -924,13 +924,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-underl
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -948,11 +948,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -964,13 +964,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -988,11 +988,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1004,13 +1004,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1028,11 +1028,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1044,13 +1044,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1068,11 +1068,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1084,13 +1084,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1108,11 +1108,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1124,13 +1124,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1148,7 +1148,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/page/9/index.html b/blog/page/9/index.html
index 65ed326c33b..658e70941c6 100644
--- a/blog/page/9/index.html
+++ b/blog/page/9/index.html
@@ -343,6 +343,56 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-underline-from-link-in-css/">How to Remove Underline from Link in CSS</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Thursday, June 13, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/css/">#css</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="css remove link underline" 
+    srcset="/images/blog/how-to-remove-underline-from-link-in-css_hu9621015112602280229.webp 480w, /images/blog/how-to-remove-underline-from-link-in-css_hu15181725472682141608.webp 768w, /images/blog/how-to-remove-underline-from-link-in-css_hu4120220814089293774.webp 1024w, /images/blog/how-to-remove-underline-from-link-in-css_hu6276105203742128569.webp 1366w"  
+  src="/images/blog/how-to-remove-underline-from-link-in-css_hu16152476739718777484.webp"
+   width="920px"
+/> 
+  
+    <p>When styling a web page, details matter, including how links appear. By default, browsers add an underline to hyperlinks, but with CSS, you can customize the appearance of these links. In this article, we’ll explore how to use the text-decoration property to remove the underline from links and ensure a consistent and accessible design across your website.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-remove-underline-from-link-in-css/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-pro-next-js-admin-template/v2.1.0/">CoreUI PRO Next.js Admin Template v2.1.0</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -805,57 +855,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/css-selector-for-par
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5.1.0/">CoreUI for React v5.1.0</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Monday, May 27, 2024
-    </div><div class="post-tags"><a href="/tags/changelog/">#changelog</a>
-          <a href="/tags/react/">#react</a>
-          <a href="/tags/v5/">#v5</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="CoreUI for React v5.1.0" 
-    srcset="/images/blog/react_hu3689703380344611708.webp 480w, /images/blog/react_hu16912855771832427384.webp 768w, /images/blog/react_hu11503518769131668490.webp 1024w, /images/blog/react_hu10610783287769889503.webp 1366w"  
-  src="/images/blog/react_hu18439278835384443719.webp"
-   width="920px"
-/> 
-  
-    <p>We are excited to announce the release of CoreUI for React v5.1.0, which includes new features, fixes, and critical dependency updates to enhance the performance and usability of our library.</p>
-    
-    <div>
-      <a href="https://coreui.io/changelog/coreui/react/v5.1.0/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -918,7 +917,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -930,13 +929,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -954,11 +953,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -970,13 +969,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -994,11 +993,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1010,13 +1009,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1034,11 +1033,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1050,13 +1049,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1074,11 +1073,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1090,13 +1089,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1114,11 +1113,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1130,13 +1129,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1154,7 +1153,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/passing-props-to-child-components-in-react-function-components/index.html b/blog/passing-props-to-child-components-in-react-function-components/index.html
index 37efd4e736b..e94dda35e02 100644
--- a/blog/passing-props-to-child-components-in-react-function-components/index.html
+++ b/blog/passing-props-to-child-components-in-react-function-components/index.html
@@ -538,7 +538,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -550,13 +550,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -574,11 +574,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -590,13 +590,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -614,11 +614,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -630,13 +630,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -654,11 +654,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -670,13 +670,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -694,11 +694,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -710,13 +710,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -734,11 +734,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -750,13 +750,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -774,7 +774,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/react-18-finally-is-of-legal-age/index.html b/blog/react-18-finally-is-of-legal-age/index.html
index f840e7cc0f6..624221fb2d9 100644
--- a/blog/react-18-finally-is-of-legal-age/index.html
+++ b/blog/react-18-finally-is-of-legal-age/index.html
@@ -454,7 +454,7 @@ <h3 id="conclusion">Conclusion</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -466,13 +466,13 @@ <h3 id="conclusion">Conclusion</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -490,11 +490,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -506,13 +506,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -530,11 +530,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -546,13 +546,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -570,11 +570,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -586,13 +586,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -610,11 +610,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -626,13 +626,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -650,11 +650,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -666,13 +666,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -690,7 +690,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/react-ui-component-libraries/index.html b/blog/react-ui-component-libraries/index.html
index a22acb1973e..9467bd1567e 100644
--- a/blog/react-ui-component-libraries/index.html
+++ b/blog/react-ui-component-libraries/index.html
@@ -959,7 +959,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -971,13 +971,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -995,11 +995,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -1011,13 +1011,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1035,11 +1035,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1051,13 +1051,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1075,11 +1075,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1091,13 +1091,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1115,11 +1115,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1131,13 +1131,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1155,11 +1155,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1171,13 +1171,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1195,7 +1195,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/react-weve-got-no-problem-top5-react-issues/index.html b/blog/react-weve-got-no-problem-top5-react-issues/index.html
index 8b0f9142bde..e0beec76649 100644
--- a/blog/react-weve-got-no-problem-top5-react-issues/index.html
+++ b/blog/react-weve-got-no-problem-top5-react-issues/index.html
@@ -452,7 +452,7 @@ <h2 id="last-few-words">Last few words</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -464,13 +464,13 @@ <h2 id="last-few-words">Last few words</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -488,11 +488,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -504,13 +504,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -528,11 +528,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -544,13 +544,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -568,11 +568,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -584,13 +584,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -608,11 +608,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -624,13 +624,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -648,11 +648,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -664,13 +664,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -688,7 +688,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/the-wacky-world-of-javascript-unraveling-the-oddities/index.html b/blog/the-wacky-world-of-javascript-unraveling-the-oddities/index.html
index 06cb9568c97..ec1d67002a0 100644
--- a/blog/the-wacky-world-of-javascript-unraveling-the-oddities/index.html
+++ b/blog/the-wacky-world-of-javascript-unraveling-the-oddities/index.html
@@ -493,7 +493,7 @@ <h3 id="conclusion">Conclusion</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -505,13 +505,13 @@ <h3 id="conclusion">Conclusion</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -529,11 +529,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -545,13 +545,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -569,11 +569,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -585,13 +585,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -609,11 +609,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -625,13 +625,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -649,11 +649,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -665,13 +665,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -689,11 +689,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -705,13 +705,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -729,7 +729,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/index.html b/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/index.html
index 61a13083c1c..34cefd77962 100644
--- a/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/index.html
+++ b/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/index.html
@@ -651,7 +651,7 @@ <h2 id="using-coreui-with-vue">Using CoreUI with Vue</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -663,13 +663,13 @@ <h2 id="using-coreui-with-vue">Using CoreUI with Vue</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -687,11 +687,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -703,13 +703,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -727,11 +727,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -743,13 +743,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -767,11 +767,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -783,13 +783,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -807,11 +807,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -823,13 +823,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -847,11 +847,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -863,13 +863,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -887,7 +887,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/vue-js-forge-3/index.html b/blog/vue-js-forge-3/index.html
index c074be5a045..9070f5d2f51 100644
--- a/blog/vue-js-forge-3/index.html
+++ b/blog/vue-js-forge-3/index.html
@@ -426,7 +426,7 @@ <h1 class="post-title mb-3">Vue.js Forge 3</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -438,13 +438,13 @@ <h1 class="post-title mb-3">Vue.js Forge 3</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -462,11 +462,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -478,13 +478,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -502,11 +502,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -518,13 +518,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -542,11 +542,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -558,13 +558,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -582,11 +582,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -598,13 +598,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -622,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -638,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -662,7 +662,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/vue-ui-component-libraries/index.html b/blog/vue-ui-component-libraries/index.html
index ad1df7e973d..cdb4d68769b 100644
--- a/blog/vue-ui-component-libraries/index.html
+++ b/blog/vue-ui-component-libraries/index.html
@@ -468,7 +468,7 @@ <h2 id="summary">Summary</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -480,13 +480,13 @@ <h2 id="summary">Summary</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -504,11 +504,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -520,13 +520,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -544,11 +544,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -560,13 +560,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -584,11 +584,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -600,13 +600,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -624,11 +624,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -640,13 +640,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -664,11 +664,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -680,13 +680,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -704,7 +704,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/vuejs-forge/index.html b/blog/vuejs-forge/index.html
index 5dfed97083b..d372e2ee893 100644
--- a/blog/vuejs-forge/index.html
+++ b/blog/vuejs-forge/index.html
@@ -425,7 +425,7 @@ <h1 class="post-title mb-3">Vue.js Forge</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -437,13 +437,13 @@ <h1 class="post-title mb-3">Vue.js Forge</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -461,11 +461,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -477,13 +477,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -501,11 +501,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -517,13 +517,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -541,11 +541,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -557,13 +557,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -581,11 +581,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -597,13 +597,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -621,11 +621,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -637,13 +637,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -661,7 +661,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/what-are-the-three-dots-in-javascript-do/index.html b/blog/what-are-the-three-dots-in-javascript-do/index.html
index 397a2a53519..4b8ac11a451 100644
--- a/blog/what-are-the-three-dots-in-javascript-do/index.html
+++ b/blog/what-are-the-three-dots-in-javascript-do/index.html
@@ -495,7 +495,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -507,13 +507,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -531,11 +531,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -547,13 +547,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -571,11 +571,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -587,13 +587,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -611,11 +611,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -627,13 +627,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -651,11 +651,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -667,13 +667,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -691,11 +691,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -707,13 +707,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -731,7 +731,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/what-does-javascript-void-0-mean/index.html b/blog/what-does-javascript-void-0-mean/index.html
index 4208b9ad04d..3f06e990b7b 100644
--- a/blog/what-does-javascript-void-0-mean/index.html
+++ b/blog/what-does-javascript-void-0-mean/index.html
@@ -487,7 +487,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -499,13 +499,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -523,11 +523,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -539,13 +539,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -563,11 +563,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -579,13 +579,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -603,11 +603,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -619,13 +619,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -643,11 +643,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -659,13 +659,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -683,11 +683,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -699,13 +699,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -723,7 +723,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/what-is-double-question-mark-in-javascript/index.html b/blog/what-is-double-question-mark-in-javascript/index.html
index 5fb27a8b7c9..3125d297b27 100644
--- a/blog/what-is-double-question-mark-in-javascript/index.html
+++ b/blog/what-is-double-question-mark-in-javascript/index.html
@@ -502,7 +502,7 @@ <h3 id="is-the--operator-widely-supported-in-javascript-environments">Is the ??
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -514,13 +514,13 @@ <h3 id="is-the--operator-widely-supported-in-javascript-environments">Is the ??
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -538,11 +538,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -554,13 +554,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -578,11 +578,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -594,13 +594,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -618,11 +618,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -634,13 +634,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -658,11 +658,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -674,13 +674,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -698,11 +698,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -714,13 +714,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -738,7 +738,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/what-is-javascript-array-pop-method/index.html b/blog/what-is-javascript-array-pop-method/index.html
index c8bbfcd75ba..bbf86b215bb 100644
--- a/blog/what-is-javascript-array-pop-method/index.html
+++ b/blog/what-is-javascript-array-pop-method/index.html
@@ -513,7 +513,7 @@ <h3 id="what-is-the-opposite-of-javascript-pop">What is the opposite of JavaScri
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -525,13 +525,13 @@ <h3 id="what-is-the-opposite-of-javascript-pop">What is the opposite of JavaScri
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -549,11 +549,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -565,13 +565,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -589,11 +589,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -605,13 +605,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -629,11 +629,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -645,13 +645,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -669,11 +669,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -685,13 +685,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -709,11 +709,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -725,13 +725,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -749,7 +749,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/what-is-javascript-printf-equivalent/index.html b/blog/what-is-javascript-printf-equivalent/index.html
index ec4bd7a63ce..1a28accf013 100644
--- a/blog/what-is-javascript-printf-equivalent/index.html
+++ b/blog/what-is-javascript-printf-equivalent/index.html
@@ -480,7 +480,7 @@ <h3 id="simple-string-interpolation">Simple String Interpolation</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -492,13 +492,13 @@ <h3 id="simple-string-interpolation">Simple String Interpolation</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -516,11 +516,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -532,13 +532,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -556,11 +556,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -572,13 +572,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -596,11 +596,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -612,13 +612,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -636,11 +636,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -652,13 +652,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -676,11 +676,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -692,13 +692,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -716,7 +716,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/what-is-the-difference-between-null-and-undefined-in-javascript/index.html b/blog/what-is-the-difference-between-null-and-undefined-in-javascript/index.html
index 8892d953ae4..76dff141ff4 100644
--- a/blog/what-is-the-difference-between-null-and-undefined-in-javascript/index.html
+++ b/blog/what-is-the-difference-between-null-and-undefined-in-javascript/index.html
@@ -517,7 +517,7 @@ <h2 id="handling-null-and-undefined-in-functions">Handling <code>null</code> and
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -529,13 +529,13 @@ <h2 id="handling-null-and-undefined-in-functions">Handling <code>null</code> and
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -553,11 +553,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -569,13 +569,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -593,11 +593,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -609,13 +609,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -633,11 +633,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -649,13 +649,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -673,11 +673,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -689,13 +689,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -713,11 +713,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -729,13 +729,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -753,7 +753,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/index.html b/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/index.html
index bb0fa0266d3..c363a99f2f8 100644
--- a/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/index.html
+++ b/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/index.html
@@ -653,7 +653,7 @@ <h2 id="conclusion">Conclusion</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -665,13 +665,13 @@ <h2 id="conclusion">Conclusion</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -689,11 +689,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -705,13 +705,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -729,11 +729,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -745,13 +745,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -769,11 +769,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -785,13 +785,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -809,11 +809,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -825,13 +825,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -849,11 +849,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -865,13 +865,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -889,7 +889,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/blog/whos-next/index.html b/blog/whos-next/index.html
index 640f5ccbfb0..282905de607 100644
--- a/blog/whos-next/index.html
+++ b/blog/whos-next/index.html
@@ -428,7 +428,7 @@ <h1 class="post-title mb-3">Who’s NEXT?</h1>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -440,13 +440,13 @@ <h1 class="post-title mb-3">Who’s NEXT?</h1>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -464,11 +464,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -480,13 +480,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -504,11 +504,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -520,13 +520,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -544,11 +544,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -560,13 +560,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -584,11 +584,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -600,13 +600,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -624,11 +624,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -640,13 +640,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -664,7 +664,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/bootstrap/index.html b/bootstrap/index.html
index 2dbacf869b5..1ec9b54ebc2 100644
--- a/bootstrap/index.html
+++ b/bootstrap/index.html
@@ -947,7 +947,7 @@ <h2 class="section-title"><span class="text-yellow">CoreUI</span> News</h2>
   <div class="container">
     <div class="row"><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -965,9 +965,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
             
 
 
@@ -979,21 +979,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
   
 />
           </a>
           <p>
-            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
+            <p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1011,9 +1011,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
             
 
 
@@ -1025,21 +1025,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
   
 />
           </a>
           <p>
-            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
+            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1057,9 +1057,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
           </div>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
             
 
 
@@ -1071,16 +1071,16 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
   
 />
           </a>
           <p>
-            <p>Passing props in React is a fundamental concept that allows data to flow between components. When building user interfaces with React, you often need to pass additional props from a parent …</p>
+            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
           </p>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div></div>
diff --git a/categories/blog/index.html b/categories/blog/index.html
index a8d6182c775..6c02fb2b07b 100644
--- a/categories/blog/index.html
+++ b/categories/blog/index.html
@@ -343,6 +343,56 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, November 13, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="javascript string to boolean" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
+   width="920px"
+/> 
+  
+    <p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -797,56 +847,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-are-the-three-d
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-replace-all-occurrences-of-a-string-in-javascript/">How to replace all occurrences of a string in JavaScript?</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Saturday, August 31, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="javascript remove property from object" 
-    srcset="/images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu5103392826875500051.webp 480w, /images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu168443853448786479.webp 768w, /images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu14407097411667084650.webp 1024w, /images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu11497325027900586721.webp 1366w"  
-  src="/images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu6872788756656147103.webp"
-   width="920px"
-/> 
-  
-    <p>When working with JavaScript, you often must replace all occurrences of a specific substring within a string. This is a common task in various scenarios, such as formatting user input, modifying text content, or processing data. However, the native <code>replace</code> method in JavaScript only replaces the first occurrence of the pattern by default. This article will guide you through different techniques to replace all occurrences of a string in JavaScript effectively.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-replace-all-occurrences-of-a-string-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item disabled">
@@ -909,7 +909,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-replace-all-o
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -921,13 +921,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-replace-all-o
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -945,11 +945,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -961,13 +961,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -985,11 +985,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1001,13 +1001,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1025,11 +1025,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1041,13 +1041,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1065,11 +1065,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1081,13 +1081,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1105,11 +1105,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1121,13 +1121,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1145,7 +1145,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/blog/index.xml b/categories/blog/index.xml
index 0ca6167ec28..8e2f18c067a 100644
--- a/categories/blog/index.xml
+++ b/categories/blog/index.xml
@@ -6,8 +6,15 @@
     <description>Recent content in Blog on CoreUI</description>
     <generator>Hugo</generator>
     <language>en-us</language>
-    <lastBuildDate>Fri, 08 Nov 2024 19:02:51 +0100</lastBuildDate>
+    <lastBuildDate>Wed, 13 Nov 2024 09:00:00 +0100</lastBuildDate>
     <atom:link href="https://coreui.io/categories/blog/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>How to convert a string to boolean in JavaScript</title>
+      <link>https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/</link>
+      <pubDate>Wed, 13 Nov 2024 09:00:00 +0100</pubDate>
+      <guid>https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/</guid>
+      <description>&lt;p&gt;Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.&lt;/p&gt;</description>
+    </item>
     <item>
       <title>How to show or hide elements in React? A Step-by-Step Guide.</title>
       <link>https://coreui.io/blog/how-to-show-or-hide-element-in-react/</link>
diff --git a/categories/blog/page/10/index.html b/categories/blog/page/10/index.html
index fb4ef5e25af..8b089bbab73 100644
--- a/categories/blog/page/10/index.html
+++ b/categories/blog/page/10/index.html
@@ -343,6 +343,54 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2018/03/20/bootstrap-icons/">Bootstrap Icons</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Tuesday, March 20, 2018
+    </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="Bootstrap Icons" 
+    srcset="/images/blog/bootstrap-icons_hu18036590834167014942.webp 480w, /images/blog/bootstrap-icons_hu11379487814028174793.webp 768w, /images/blog/bootstrap-icons_hu8031846498022543404.webp 1024w, /images/blog/bootstrap-icons_hu7252282212968649801.webp 1366w"  
+  src="/images/blog/bootstrap-icons_hu17572632301817429794.webp"
+   width="920px"
+/> 
+  
+    <p>Bootstrap 4 doesn’t include an icon library by default, that&rsquo;s why many developers looking for best icons. Where you can find awesome Bootstrap Icons for your project?</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/2018/03/20/bootstrap-icons/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2018/01/31/migration-from-bootstrap-3-to-bootstrap-4/">Migration from Bootstrap 3 to Bootstrap 4</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -709,7 +757,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2013/08/24/genius-bo
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -721,13 +769,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2013/08/24/genius-bo
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -745,11 +793,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -761,13 +809,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -785,11 +833,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -801,13 +849,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -825,11 +873,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -841,13 +889,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -865,11 +913,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -881,13 +929,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -905,11 +953,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -921,13 +969,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -945,7 +993,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/blog/page/2/index.html b/categories/blog/page/2/index.html
index 56e59cfdb6d..d090af82eb1 100644
--- a/categories/blog/page/2/index.html
+++ b/categories/blog/page/2/index.html
@@ -343,6 +343,56 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-replace-all-occurrences-of-a-string-in-javascript/">How to replace all occurrences of a string in JavaScript?</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Saturday, August 31, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="javascript remove property from object" 
+    srcset="/images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu5103392826875500051.webp 480w, /images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu168443853448786479.webp 768w, /images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu14407097411667084650.webp 1024w, /images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu11497325027900586721.webp 1366w"  
+  src="/images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu6872788756656147103.webp"
+   width="920px"
+/> 
+  
+    <p>When working with JavaScript, you often must replace all occurrences of a specific substring within a string. This is a common task in various scenarios, such as formatting user input, modifying text content, or processing data. However, the native <code>replace</code> method in JavaScript only replaces the first occurrence of the pattern by default. This article will guide you through different techniques to replace all occurrences of a string in JavaScript effectively.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-replace-all-occurrences-of-a-string-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-a-property-from-an-object-in-javascript/">How to remove a property from an object in Javascript</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -792,56 +842,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-element-i
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-the-difference-between-null-and-undefined-in-javascript/">What is the Difference Between Null and Undefined in JavaScript</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Friday, July 12, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="javascript null vs undefined" 
-    srcset="/images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu18026090997122438152.webp 480w, /images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu1895394494964433338.webp 768w, /images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu15402998615135556516.webp 1024w, /images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu14324081400897202708.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu889025797136504454.webp"
-   width="920px"
-/> 
-  
-    <p>In JavaScript, <code>null</code> and <code>undefined</code> are two distinct types representing the absence of a value, but they have different uses and behaviors. This article delves into the differences between <code>null</code> and <code>undefined</code>, their use cases, and how to work with them effectively.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/what-is-the-difference-between-null-and-undefined-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -904,7 +904,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-the-differen
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -916,13 +916,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-the-differen
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -940,11 +940,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -956,13 +956,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -980,11 +980,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -996,13 +996,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1020,11 +1020,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1036,13 +1036,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1060,11 +1060,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1076,13 +1076,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1100,11 +1100,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1116,13 +1116,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1140,7 +1140,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/blog/page/3/index.html b/categories/blog/page/3/index.html
index 5d0a183d78f..611f9f94901 100644
--- a/categories/blog/page/3/index.html
+++ b/categories/blog/page/3/index.html
@@ -343,6 +343,56 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-the-difference-between-null-and-undefined-in-javascript/">What is the Difference Between Null and Undefined in JavaScript</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Friday, July 12, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="javascript null vs undefined" 
+    srcset="/images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu18026090997122438152.webp 480w, /images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu1895394494964433338.webp 768w, /images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu15402998615135556516.webp 1024w, /images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu14324081400897202708.webp 1366w"  
+  src="/images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu889025797136504454.webp"
+   width="920px"
+/> 
+  
+    <p>In JavaScript, <code>null</code> and <code>undefined</code> are two distinct types representing the absence of a value, but they have different uses and behaviors. This article delves into the differences between <code>null</code> and <code>undefined</code>, their use cases, and how to work with them effectively.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/what-is-the-difference-between-null-and-undefined-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-unique-values-from-a-javascript-array/">How to Get Unique Values from a JavaScript Array</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -793,56 +843,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-detect-a-clic
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/css-selector-for-parent-element/">CSS Selector for Parent Element</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Tuesday, May 28, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/css/">#css</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="map to array javascript" 
-    srcset="/images/blog/css-selector-for-parent-element_hu4427864075728870447.webp 480w, /images/blog/css-selector-for-parent-element_hu5310238517337514625.webp 768w, /images/blog/css-selector-for-parent-element_hu6381108668499746951.webp 1024w, /images/blog/css-selector-for-parent-element_hu121568685242656380.webp 1366w"  
-  src="/images/blog/css-selector-for-parent-element_hu6349984469626613202.webp"
-   width="920px"
-/> 
-  
-    <p>CSS parent selector is a highly discussed topic within the developer community due to their absence in traditional CSS. Such a selector has been a long-standing desire among front-end developers. The concept revolves around styling a parent element based on the characteristics of its child elements and the overall HTML structure. Although CSS lacks a direct parent selector, introducing the <code>:has()</code> pseudo-class offers a solution to this limitation.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/css-selector-for-parent-element/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -905,7 +905,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/css-selector-for-par
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -917,13 +917,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/css-selector-for-par
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -941,11 +941,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -957,13 +957,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -981,11 +981,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -997,13 +997,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1021,11 +1021,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1037,13 +1037,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1061,11 +1061,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1077,13 +1077,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1101,11 +1101,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1117,13 +1117,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1141,7 +1141,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/blog/page/4/index.html b/categories/blog/page/4/index.html
index dbe0592c486..9a5e8ab82a8 100644
--- a/categories/blog/page/4/index.html
+++ b/categories/blog/page/4/index.html
@@ -343,6 +343,56 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/css-selector-for-parent-element/">CSS Selector for Parent Element</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Tuesday, May 28, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/css/">#css</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="map to array javascript" 
+    srcset="/images/blog/css-selector-for-parent-element_hu4427864075728870447.webp 480w, /images/blog/css-selector-for-parent-element_hu5310238517337514625.webp 768w, /images/blog/css-selector-for-parent-element_hu6381108668499746951.webp 1024w, /images/blog/css-selector-for-parent-element_hu121568685242656380.webp 1366w"  
+  src="/images/blog/css-selector-for-parent-element_hu6349984469626613202.webp"
+   width="920px"
+/> 
+  
+    <p>CSS parent selector is a highly discussed topic within the developer community due to their absence in traditional CSS. Such a selector has been a long-standing desire among front-end developers. The concept revolves around styling a parent element based on the characteristics of its child elements and the overall HTML structure. Although CSS lacks a direct parent selector, introducing the <code>:has()</code> pseudo-class offers a solution to this limitation.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/css-selector-for-parent-element/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-convert-a-map-to-an-array-in-javascript/">How to Convert a Map to an Array in JavaScript</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -795,56 +845,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-coreu
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-javascript-array-pop-method/">What is JavaScript Array.pop() Method?</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Monday, March 18, 2024
-    </div><div class="post-tags"><a href="/tags/what-is/">#what-is</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="JavaScript array pop()" 
-    srcset="/images/blog/what-is-javascript-array-pop-method_hu7904935732120906425.webp 480w, /images/blog/what-is-javascript-array-pop-method_hu560872172993567599.webp 768w, /images/blog/what-is-javascript-array-pop-method_hu4288560583177517339.webp 1024w, /images/blog/what-is-javascript-array-pop-method_hu12562220912219845231.webp 1366w"  
-  src="/images/blog/what-is-javascript-array-pop-method_hu11061175754368532082.webp"
-   width="920px"
-/> 
-  
-    <p>JavaScript arrays are akin to a Swiss Army knife for developers, offering many methods to create and manipulate data efficiently. Among these tools, the <code>pop()</code> method is a straightforward yet powerful function that beginners should grasp early in their learning journey. This blog post will explain the pop() method, giving you the knowledge to use it effectively in your coding projects.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/what-is-javascript-array-pop-method/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -907,7 +907,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-javascript-a
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -919,13 +919,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-javascript-a
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -943,11 +943,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -959,13 +959,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -983,11 +983,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -999,13 +999,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1023,11 +1023,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1039,13 +1039,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1063,11 +1063,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1079,13 +1079,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1103,11 +1103,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1119,13 +1119,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1143,7 +1143,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/blog/page/5/index.html b/categories/blog/page/5/index.html
index a5488fc4b79..51762793b16 100644
--- a/categories/blog/page/5/index.html
+++ b/categories/blog/page/5/index.html
@@ -343,6 +343,56 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-javascript-array-pop-method/">What is JavaScript Array.pop() Method?</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Monday, March 18, 2024
+    </div><div class="post-tags"><a href="/tags/what-is/">#what-is</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="JavaScript array pop()" 
+    srcset="/images/blog/what-is-javascript-array-pop-method_hu7904935732120906425.webp 480w, /images/blog/what-is-javascript-array-pop-method_hu560872172993567599.webp 768w, /images/blog/what-is-javascript-array-pop-method_hu4288560583177517339.webp 1024w, /images/blog/what-is-javascript-array-pop-method_hu12562220912219845231.webp 1366w"  
+  src="/images/blog/what-is-javascript-array-pop-method_hu11061175754368532082.webp"
+   width="920px"
+/> 
+  
+    <p>JavaScript arrays are akin to a Swiss Army knife for developers, offering many methods to create and manipulate data efficiently. Among these tools, the <code>pop()</code> method is a straightforward yet powerful function that beginners should grasp early in their learning journey. This blog post will explain the pop() method, giving you the knowledge to use it effectively in your coding projects.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/what-is-javascript-array-pop-method/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-double-question-mark-in-javascript/">What is Double Question Mark in JavaScript?</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -793,56 +843,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-fix-objects-a
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-the-last-element-in-an-array-in-javascript/">How to get the last element in an array in JavaScript</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Thursday, January 25, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="How to get the last element in an array in JavaScript" 
-    srcset="/images/blog/how-to-get-the-last-element-in-an-array-in-javascript_hu198138802545238543.webp 480w, /images/blog/how-to-get-the-last-element-in-an-array-in-javascript_hu3284180246931051789.webp 768w, /images/blog/how-to-get-the-last-element-in-an-array-in-javascript_hu9689312943286518231.webp 1024w, /images/blog/how-to-get-the-last-element-in-an-array-in-javascript_hu12730861856452517424.webp 1366w"  
-  src="/images/blog/how-to-get-the-last-element-in-an-array-in-javascript_hu14280620868980012515.webp"
-   width="920px"
-/> 
-  
-    <p>JavaScript arrays are fundamental structures in any developer&rsquo;s arsenal, designed to store multiple values in a single, easy-to-manage variable. But no matter how proficient you are in JavaScript, there are always new tricks to learn and old ones to be reminded of. One such handy trick is retrieving the last element of an array—an operation that might seem straightforward but comes with nuances worth understanding. In this deep dive into JavaScript arrays, we&rsquo;ll explore multiple ways to get to that elusive last item and offer insights into which method suits your coding needs best.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-get-the-last-element-in-an-array-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -905,7 +905,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-the-last-
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -917,13 +917,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-the-last-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -941,11 +941,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -957,13 +957,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -981,11 +981,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -997,13 +997,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1021,11 +1021,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1037,13 +1037,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1061,11 +1061,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1077,13 +1077,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1101,11 +1101,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1117,13 +1117,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1141,7 +1141,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/blog/page/6/index.html b/categories/blog/page/6/index.html
index 2146876c258..bbba7dfb5e1 100644
--- a/categories/blog/page/6/index.html
+++ b/categories/blog/page/6/index.html
@@ -343,6 +343,56 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-the-last-element-in-an-array-in-javascript/">How to get the last element in an array in JavaScript</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Thursday, January 25, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to get the last element in an array in JavaScript" 
+    srcset="/images/blog/how-to-get-the-last-element-in-an-array-in-javascript_hu198138802545238543.webp 480w, /images/blog/how-to-get-the-last-element-in-an-array-in-javascript_hu3284180246931051789.webp 768w, /images/blog/how-to-get-the-last-element-in-an-array-in-javascript_hu9689312943286518231.webp 1024w, /images/blog/how-to-get-the-last-element-in-an-array-in-javascript_hu12730861856452517424.webp 1366w"  
+  src="/images/blog/how-to-get-the-last-element-in-an-array-in-javascript_hu14280620868980012515.webp"
+   width="920px"
+/> 
+  
+    <p>JavaScript arrays are fundamental structures in any developer&rsquo;s arsenal, designed to store multiple values in a single, easy-to-manage variable. But no matter how proficient you are in JavaScript, there are always new tricks to learn and old ones to be reminded of. One such handy trick is retrieving the last element of an array—an operation that might seem straightforward but comes with nuances worth understanding. In this deep dive into JavaScript arrays, we&rsquo;ll explore multiple ways to get to that elusive last item and offer insights into which method suits your coding needs best.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-get-the-last-element-in-an-array-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-compare-dates-with-javascript/">How to compare dates with JavaScript</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -803,57 +853,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/vue-js-forge-3/">Vue
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/bootstrap-react-tutorial-with-examples/">How to use Bootstrap 5 in React.js - an original tutorial with (not original) examples</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Tuesday, February 7, 2023
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/bootstrap/">#bootstrap</a>
-          <a href="/tags/react/">#react</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="How to use Bootstrap 5 in React.js - an original tutorial with (not original) examples" 
-    srcset="/images/blog/react-bootstrap-cover_hu17463324021664893585.webp 480w, /images/blog/react-bootstrap-cover_hu5743651291699865969.webp 768w, /images/blog/react-bootstrap-cover_hu11667088391770688210.webp 1024w, /images/blog/react-bootstrap-cover_hu7309956204766060658.webp 1366w"  
-  src="/images/blog/react-bootstrap-cover_hu2473768147339878211.webp"
-   width="920px"
-/> 
-  
-    <p>Bootstrap is a holy Grail for most of us - it&rsquo;s the most popular HTML, CSS and most of all JS library in the world. And as a Christmas miracle—Bootstrap v5.3.0-alpha1 has arrived during the holiday break, so&hellip; let&rsquo;s dig inside and check how to use bootstrap in React.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/bootstrap-react-tutorial-with-examples/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -916,7 +915,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/bootstrap-react-tuto
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -928,13 +927,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/bootstrap-react-tuto
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -952,11 +951,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -968,13 +967,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -992,11 +991,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1008,13 +1007,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1032,11 +1031,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1048,13 +1047,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1072,11 +1071,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1088,13 +1087,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1112,11 +1111,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1128,13 +1127,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1152,7 +1151,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/blog/page/7/index.html b/categories/blog/page/7/index.html
index 362bd32d5a3..1ecdc89622f 100644
--- a/categories/blog/page/7/index.html
+++ b/categories/blog/page/7/index.html
@@ -343,6 +343,57 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/bootstrap-react-tutorial-with-examples/">How to use Bootstrap 5 in React.js - an original tutorial with (not original) examples</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Tuesday, February 7, 2023
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/bootstrap/">#bootstrap</a>
+          <a href="/tags/react/">#react</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to use Bootstrap 5 in React.js - an original tutorial with (not original) examples" 
+    srcset="/images/blog/react-bootstrap-cover_hu17463324021664893585.webp 480w, /images/blog/react-bootstrap-cover_hu5743651291699865969.webp 768w, /images/blog/react-bootstrap-cover_hu11667088391770688210.webp 1024w, /images/blog/react-bootstrap-cover_hu7309956204766060658.webp 1366w"  
+  src="/images/blog/react-bootstrap-cover_hu2473768147339878211.webp"
+   width="920px"
+/> 
+  
+    <p>Bootstrap is a holy Grail for most of us - it&rsquo;s the most popular HTML, CSS and most of all JS library in the world. And as a Christmas miracle—Bootstrap v5.3.0-alpha1 has arrived during the holiday break, so&hellip; let&rsquo;s dig inside and check how to use bootstrap in React.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/bootstrap-react-tutorial-with-examples/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/react-ui-component-libraries/">Top React UI Component Libraries in 2023</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -778,54 +829,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2022/01/17/quo-vadis
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/free-bootstrap-admin-dashboard-templates/">10&#43; Free Bootstrap Admin Templates for your Web App 2022</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Saturday, January 15, 2022
-    </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="10&#43; Free Bootstrap Admin Templates for your Web App 2022" 
-    srcset="/images/blog/coreui-free-admin-template_hu12691761402051493823.webp 480w, /images/blog/coreui-free-admin-template_hu8833158562286179043.webp 768w, /images/blog/coreui-free-admin-template_hu17785409183039567362.webp 1024w, /images/blog/coreui-free-admin-template_hu17942188481850663709.webp 1366w"  
-  src="/images/blog/coreui-free-admin-template_hu4291598725436469890.webp"
-   width="920px"
-/> 
-  
-    <p>The creation of professional dashboards is no problem. Thanks to this selection of free bootstrap templates, you will find a practical UI toolkit for your project. Each tool also includes a template for your dashboard that can be customizable to your project. When building the customized dashboard, you have the choice between the different elements and components offered in the template pack. Chart graphics, button alerts, or tables are just a few features you can add.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/free-bootstrap-admin-dashboard-templates/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -888,7 +891,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/free-bootstrap-admin
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -900,13 +903,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/free-bootstrap-admin
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -924,11 +927,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -940,13 +943,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -964,11 +967,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -980,13 +983,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1004,11 +1007,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1020,13 +1023,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1044,11 +1047,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1060,13 +1063,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1084,11 +1087,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1100,13 +1103,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1124,7 +1127,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/blog/page/8/index.html b/categories/blog/page/8/index.html
index 859a92fc8ce..b97bb920961 100644
--- a/categories/blog/page/8/index.html
+++ b/categories/blog/page/8/index.html
@@ -343,6 +343,54 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/free-bootstrap-admin-dashboard-templates/">10&#43; Free Bootstrap Admin Templates for your Web App 2022</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Saturday, January 15, 2022
+    </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="10&#43; Free Bootstrap Admin Templates for your Web App 2022" 
+    srcset="/images/blog/coreui-free-admin-template_hu12691761402051493823.webp 480w, /images/blog/coreui-free-admin-template_hu8833158562286179043.webp 768w, /images/blog/coreui-free-admin-template_hu17785409183039567362.webp 1024w, /images/blog/coreui-free-admin-template_hu17942188481850663709.webp 1366w"  
+  src="/images/blog/coreui-free-admin-template_hu4291598725436469890.webp"
+   width="920px"
+/> 
+  
+    <p>The creation of professional dashboards is no problem. Thanks to this selection of free bootstrap templates, you will find a practical UI toolkit for your project. Each tool also includes a template for your dashboard that can be customizable to your project. When building the customized dashboard, you have the choice between the different elements and components offered in the template pack. Chart graphics, button alerts, or tables are just a few features you can add.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/free-bootstrap-admin-dashboard-templates/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/vue-ui-component-libraries/">Vue UI component libraries 2022</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -777,44 +825,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/07/20/coreui-vu
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/">Bootstrap v5 arrived – even though it’s alpha, we’re eager to get more</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Wednesday, June 17, 2020
-    </div></div>
-   
-  
-    <p>We bet you all know the Buggles’ song:</p>
-<div class="embed-responsive embed-responsive-16by9 mb-3">
-  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/W8r-tXRLazs" allowfullscreen></iframe>
-</div>
-<p>Almost every week last years we’ve heard that jQuery is slowly going into nowhere, when e.g. Vue.js is striving it’s way to popularity. So is the story with the Buggles’ song “Video killed the radio star”, where title seems to tell everything. Latest Bootstrap Blog: <a href="https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/">https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/</a> seems to be the final conformation for Jquery – bolded text tells everything: “Bootstrap no longer depends on jQuery”.</p>
-<p>And you know what? CoreUI did the same almost year ago. It’s good to know that we’re in a good company – what’s even more sexy is that we did it first 😊</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -877,7 +887,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/06/17/bootstrap
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -889,13 +899,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/06/17/bootstrap
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -913,11 +923,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -929,13 +939,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -953,11 +963,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -969,13 +979,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -993,11 +1003,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1009,13 +1019,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1033,11 +1043,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1049,13 +1059,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1073,11 +1083,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1089,13 +1099,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1113,7 +1123,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/blog/page/9/index.html b/categories/blog/page/9/index.html
index 4e4f022940d..d28d77a61ad 100644
--- a/categories/blog/page/9/index.html
+++ b/categories/blog/page/9/index.html
@@ -343,6 +343,44 @@
   <div class="blog container py-6">
     <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/">Bootstrap v5 arrived – even though it’s alpha, we’re eager to get more</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, June 17, 2020
+    </div></div>
+   
+  
+    <p>We bet you all know the Buggles’ song:</p>
+<div class="embed-responsive embed-responsive-16by9 mb-3">
+  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/W8r-tXRLazs" allowfullscreen></iframe>
+</div>
+<p>Almost every week last years we’ve heard that jQuery is slowly going into nowhere, when e.g. Vue.js is striving it’s way to popularity. So is the story with the Buggles’ song “Video killed the radio star”, where title seems to tell everything. Latest Bootstrap Blog: <a href="https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/">https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/</a> seems to be the final conformation for Jquery – bolded text tells everything: “Bootstrap no longer depends on jQuery”.</p>
+<p>And you know what? CoreUI did the same almost year ago. It’s good to know that we’re in a good company – what’s even more sexy is that we did it first 😊</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/05/31/coreui-3.0-hooks-on-react.js/">CoreUI 3.0 hooks on React.js?</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -776,54 +814,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2019/07/01/whats-new
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2018/03/20/bootstrap-icons/">Bootstrap Icons</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Tuesday, March 20, 2018
-    </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="Bootstrap Icons" 
-    srcset="/images/blog/bootstrap-icons_hu18036590834167014942.webp 480w, /images/blog/bootstrap-icons_hu11379487814028174793.webp 768w, /images/blog/bootstrap-icons_hu8031846498022543404.webp 1024w, /images/blog/bootstrap-icons_hu7252282212968649801.webp 1366w"  
-  src="/images/blog/bootstrap-icons_hu17572632301817429794.webp"
-   width="920px"
-/> 
-  
-    <p>Bootstrap 4 doesn’t include an icon library by default, that&rsquo;s why many developers looking for best icons. Where you can find awesome Bootstrap Icons for your project?</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/2018/03/20/bootstrap-icons/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
@@ -886,7 +876,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2018/03/20/bootstrap
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -898,13 +888,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2018/03/20/bootstrap
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -922,11 +912,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -938,13 +928,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -962,11 +952,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -978,13 +968,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1002,11 +992,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1018,13 +1008,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1042,11 +1032,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1058,13 +1048,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1082,11 +1072,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1098,13 +1088,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1122,7 +1112,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/index.html b/categories/changelog/index.html
index 56a8ca2d08a..8f20e34695f 100644
--- a/categories/changelog/index.html
+++ b/categories/changelog/index.html
@@ -913,7 +913,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react-pr
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -925,13 +925,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react-pr
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -949,11 +949,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -965,13 +965,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -989,11 +989,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1005,13 +1005,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1029,11 +1029,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1045,13 +1045,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1069,11 +1069,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1085,13 +1085,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1109,11 +1109,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1125,13 +1125,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1149,7 +1149,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/page/10/index.html b/categories/changelog/page/10/index.html
index 603770cddb3..5f924afccd5 100644
--- a/categories/changelog/page/10/index.html
+++ b/categories/changelog/page/10/index.html
@@ -921,7 +921,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -933,13 +933,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -957,11 +957,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -973,13 +973,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -997,11 +997,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1013,13 +1013,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1037,11 +1037,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1053,13 +1053,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1077,11 +1077,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1093,13 +1093,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1117,11 +1117,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1133,13 +1133,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1157,7 +1157,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/page/11/index.html b/categories/changelog/page/11/index.html
index 45a229dba2c..02fa2a8d40f 100644
--- a/categories/changelog/page/11/index.html
+++ b/categories/changelog/page/11/index.html
@@ -917,7 +917,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -929,13 +929,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -953,11 +953,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -969,13 +969,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -993,11 +993,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1009,13 +1009,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1033,11 +1033,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1049,13 +1049,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1073,11 +1073,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1089,13 +1089,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1113,11 +1113,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1129,13 +1129,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1153,7 +1153,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/page/12/index.html b/categories/changelog/page/12/index.html
index cbcc948f363..159ea2f10e5 100644
--- a/categories/changelog/page/12/index.html
+++ b/categories/changelog/page/12/index.html
@@ -507,7 +507,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -519,13 +519,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -543,11 +543,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -559,13 +559,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -583,11 +583,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -599,13 +599,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -623,11 +623,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -639,13 +639,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,11 +663,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -679,13 +679,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -703,11 +703,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -719,13 +719,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -743,7 +743,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/page/2/index.html b/categories/changelog/page/2/index.html
index 3228b506594..7444ad10fd5 100644
--- a/categories/changelog/page/2/index.html
+++ b/categories/changelog/page/2/index.html
@@ -928,7 +928,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -940,13 +940,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -964,11 +964,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -980,13 +980,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1004,11 +1004,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1020,13 +1020,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1044,11 +1044,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1060,13 +1060,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1084,11 +1084,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1100,13 +1100,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1124,11 +1124,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1140,13 +1140,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1164,7 +1164,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/page/3/index.html b/categories/changelog/page/3/index.html
index 24f3df2588c..b68f7800c3d 100644
--- a/categories/changelog/page/3/index.html
+++ b/categories/changelog/page/3/index.html
@@ -929,7 +929,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -941,13 +941,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -965,11 +965,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -981,13 +981,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1005,11 +1005,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1021,13 +1021,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1045,11 +1045,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1061,13 +1061,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1085,11 +1085,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1101,13 +1101,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1125,11 +1125,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1141,13 +1141,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1165,7 +1165,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/page/4/index.html b/categories/changelog/page/4/index.html
index 85b0218e77f..6622ed6d3d0 100644
--- a/categories/changelog/page/4/index.html
+++ b/categories/changelog/page/4/index.html
@@ -913,7 +913,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -925,13 +925,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -949,11 +949,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -965,13 +965,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -989,11 +989,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1005,13 +1005,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1029,11 +1029,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1045,13 +1045,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1069,11 +1069,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1085,13 +1085,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1109,11 +1109,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1125,13 +1125,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1149,7 +1149,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/page/5/index.html b/categories/changelog/page/5/index.html
index d3060e3835a..eed4e022218 100644
--- a/categories/changelog/page/5/index.html
+++ b/categories/changelog/page/5/index.html
@@ -917,7 +917,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -929,13 +929,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -953,11 +953,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -969,13 +969,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -993,11 +993,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1009,13 +1009,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1033,11 +1033,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1049,13 +1049,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1073,11 +1073,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1089,13 +1089,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1113,11 +1113,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1129,13 +1129,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1153,7 +1153,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/page/6/index.html b/categories/changelog/page/6/index.html
index a4cbfc26259..a5dedfffeb7 100644
--- a/categories/changelog/page/6/index.html
+++ b/categories/changelog/page/6/index.html
@@ -924,7 +924,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -936,13 +936,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -960,11 +960,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -976,13 +976,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1000,11 +1000,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1016,13 +1016,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1040,11 +1040,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1056,13 +1056,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1080,11 +1080,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1096,13 +1096,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1120,11 +1120,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1136,13 +1136,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1160,7 +1160,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/page/7/index.html b/categories/changelog/page/7/index.html
index 6530fba445a..2d6390ff471 100644
--- a/categories/changelog/page/7/index.html
+++ b/categories/changelog/page/7/index.html
@@ -927,7 +927,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -939,13 +939,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -963,11 +963,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -979,13 +979,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1003,11 +1003,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1019,13 +1019,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1043,11 +1043,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1059,13 +1059,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1083,11 +1083,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1099,13 +1099,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1123,11 +1123,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1139,13 +1139,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1163,7 +1163,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/page/8/index.html b/categories/changelog/page/8/index.html
index 1b67778f046..0608fe44859 100644
--- a/categories/changelog/page/8/index.html
+++ b/categories/changelog/page/8/index.html
@@ -929,7 +929,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -941,13 +941,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -965,11 +965,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -981,13 +981,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1005,11 +1005,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1021,13 +1021,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1045,11 +1045,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1061,13 +1061,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1085,11 +1085,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1101,13 +1101,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1125,11 +1125,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1141,13 +1141,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1165,7 +1165,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/changelog/page/9/index.html b/categories/changelog/page/9/index.html
index 80f4d09cab6..4b5d280f748 100644
--- a/categories/changelog/page/9/index.html
+++ b/categories/changelog/page/9/index.html
@@ -937,7 +937,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -949,13 +949,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -973,11 +973,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -989,13 +989,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1013,11 +1013,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1029,13 +1029,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1053,11 +1053,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1069,13 +1069,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1093,11 +1093,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1109,13 +1109,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1133,11 +1133,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1149,13 +1149,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1173,7 +1173,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/index.html b/categories/index.html
index e43ea8dd7ee..59d669e9712 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -374,7 +374,7 @@
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -386,13 +386,13 @@
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -410,11 +410,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -426,13 +426,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -450,11 +450,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -466,13 +466,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -490,11 +490,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -506,13 +506,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -530,11 +530,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -546,13 +546,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -570,11 +570,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -586,13 +586,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -610,7 +610,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/categories/index.xml b/categories/index.xml
index ca642a82334..c9fa58f76ae 100644
--- a/categories/index.xml
+++ b/categories/index.xml
@@ -6,8 +6,15 @@
     <description>Recent content in Categories on CoreUI</description>
     <generator>Hugo</generator>
     <language>en-us</language>
-    <lastBuildDate>Tue, 12 Nov 2024 12:00:00 +0100</lastBuildDate>
+    <lastBuildDate>Wed, 13 Nov 2024 09:00:00 +0100</lastBuildDate>
     <atom:link href="https://coreui.io/categories/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Blog</title>
+      <link>https://coreui.io/categories/blog/</link>
+      <pubDate>Wed, 13 Nov 2024 09:00:00 +0100</pubDate>
+      <guid>https://coreui.io/categories/blog/</guid>
+      <description></description>
+    </item>
     <item>
       <title>Changelog</title>
       <link>https://coreui.io/categories/changelog/</link>
@@ -15,12 +22,5 @@
       <guid>https://coreui.io/categories/changelog/</guid>
       <description></description>
     </item>
-    <item>
-      <title>Blog</title>
-      <link>https://coreui.io/categories/blog/</link>
-      <pubDate>Thu, 07 Nov 2024 09:00:00 +0100</pubDate>
-      <guid>https://coreui.io/categories/blog/</guid>
-      <description></description>
-    </item>
   </channel>
 </rss>
diff --git a/changelog/coreui/angular-pro/index.html b/changelog/coreui/angular-pro/index.html
index 5a58848545b..eecc4650594 100644
--- a/changelog/coreui/angular-pro/index.html
+++ b/changelog/coreui/angular-pro/index.html
@@ -578,7 +578,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular-
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -590,13 +590,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -614,11 +614,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -630,13 +630,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -654,11 +654,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -670,13 +670,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -694,11 +694,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -710,13 +710,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -734,11 +734,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -750,13 +750,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -774,11 +774,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -790,13 +790,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -814,7 +814,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/angular-pro/v5.1.0/index.html b/changelog/coreui/angular-pro/v5.1.0/index.html
index 6858efd4ba5..26a6a451952 100644
--- a/changelog/coreui/angular-pro/v5.1.0/index.html
+++ b/changelog/coreui/angular-pro/v5.1.0/index.html
@@ -472,7 +472,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -484,13 +484,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -508,11 +508,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -524,13 +524,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -548,11 +548,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -564,13 +564,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -588,11 +588,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -604,13 +604,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -628,11 +628,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -644,13 +644,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -668,11 +668,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -684,13 +684,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -708,7 +708,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/angular-pro/v5.2.13/index.html b/changelog/coreui/angular-pro/v5.2.13/index.html
index e25d5211f10..a18d5f270c4 100644
--- a/changelog/coreui/angular-pro/v5.2.13/index.html
+++ b/changelog/coreui/angular-pro/v5.2.13/index.html
@@ -505,7 +505,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -517,13 +517,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -541,11 +541,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -557,13 +557,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -581,11 +581,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -597,13 +597,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -621,11 +621,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -637,13 +637,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -661,11 +661,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -677,13 +677,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -701,11 +701,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -717,13 +717,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -741,7 +741,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/angular-pro/v5.2.16/index.html b/changelog/coreui/angular-pro/v5.2.16/index.html
index 33f7aef865d..7d0dc73fae9 100644
--- a/changelog/coreui/angular-pro/v5.2.16/index.html
+++ b/changelog/coreui/angular-pro/v5.2.16/index.html
@@ -488,7 +488,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -500,13 +500,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -524,11 +524,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -540,13 +540,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -564,11 +564,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -580,13 +580,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -604,11 +604,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -620,13 +620,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -644,11 +644,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -660,13 +660,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -684,11 +684,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -700,13 +700,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -724,7 +724,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/angular-pro/v5.2.2/index.html b/changelog/coreui/angular-pro/v5.2.2/index.html
index 825fecb7169..db537aece7f 100644
--- a/changelog/coreui/angular-pro/v5.2.2/index.html
+++ b/changelog/coreui/angular-pro/v5.2.2/index.html
@@ -475,7 +475,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -487,13 +487,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -511,11 +511,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -527,13 +527,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -551,11 +551,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -567,13 +567,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -591,11 +591,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -607,13 +607,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -631,11 +631,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -647,13 +647,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -671,11 +671,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -687,13 +687,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -711,7 +711,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/angular/index.html b/changelog/coreui/angular/index.html
index e66b551f06c..c198ede1406 100644
--- a/changelog/coreui/angular/index.html
+++ b/changelog/coreui/angular/index.html
@@ -694,7 +694,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular/
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -706,13 +706,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular/
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -730,11 +730,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -746,13 +746,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -770,11 +770,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -786,13 +786,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -810,11 +810,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -826,13 +826,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -850,11 +850,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -866,13 +866,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -890,11 +890,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -906,13 +906,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -930,7 +930,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/angular/v5.0.0/index.html b/changelog/coreui/angular/v5.0.0/index.html
index a326d46d14a..fd369af3536 100644
--- a/changelog/coreui/angular/v5.0.0/index.html
+++ b/changelog/coreui/angular/v5.0.0/index.html
@@ -471,7 +471,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -483,13 +483,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -507,11 +507,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -523,13 +523,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -547,11 +547,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -563,13 +563,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -587,11 +587,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -603,13 +603,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -627,11 +627,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -643,13 +643,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -667,11 +667,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -683,13 +683,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -707,7 +707,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/angular/v5.0.1/index.html b/changelog/coreui/angular/v5.0.1/index.html
index 2815f9ef902..50ea415ad51 100644
--- a/changelog/coreui/angular/v5.0.1/index.html
+++ b/changelog/coreui/angular/v5.0.1/index.html
@@ -440,7 +440,7 @@ <h3 id="fixes">Fixes</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -452,13 +452,13 @@ <h3 id="fixes">Fixes</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -476,11 +476,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -492,13 +492,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -516,11 +516,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -532,13 +532,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -556,11 +556,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -572,13 +572,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -596,11 +596,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -612,13 +612,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -636,11 +636,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -652,13 +652,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -676,7 +676,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/angular/v5.0.2/index.html b/changelog/coreui/angular/v5.0.2/index.html
index f16062811b5..edfe1bd16a7 100644
--- a/changelog/coreui/angular/v5.0.2/index.html
+++ b/changelog/coreui/angular/v5.0.2/index.html
@@ -482,7 +482,7 @@ <h3 id="fixes">Fixes</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -494,13 +494,13 @@ <h3 id="fixes">Fixes</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -518,11 +518,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -534,13 +534,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -558,11 +558,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -574,13 +574,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -598,11 +598,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -614,13 +614,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -638,11 +638,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -654,13 +654,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -678,11 +678,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -694,13 +694,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -718,7 +718,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/angular/v5.2.13/index.html b/changelog/coreui/angular/v5.2.13/index.html
index e1f689a4c34..e0b84ede0bc 100644
--- a/changelog/coreui/angular/v5.2.13/index.html
+++ b/changelog/coreui/angular/v5.2.13/index.html
@@ -499,7 +499,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -511,13 +511,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -535,11 +535,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -551,13 +551,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -575,11 +575,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -591,13 +591,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -615,11 +615,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -631,13 +631,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -655,11 +655,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -671,13 +671,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -695,11 +695,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -711,13 +711,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -735,7 +735,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/angular/v5.2.16/index.html b/changelog/coreui/angular/v5.2.16/index.html
index aab86b83ff2..c3eb2caafe3 100644
--- a/changelog/coreui/angular/v5.2.16/index.html
+++ b/changelog/coreui/angular/v5.2.16/index.html
@@ -488,7 +488,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -500,13 +500,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -524,11 +524,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -540,13 +540,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -564,11 +564,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -580,13 +580,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -604,11 +604,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -620,13 +620,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -644,11 +644,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -660,13 +660,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -684,11 +684,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -700,13 +700,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -724,7 +724,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/angular/v5.2.2/index.html b/changelog/coreui/angular/v5.2.2/index.html
index 57f27b2671b..e6aa5ae4c07 100644
--- a/changelog/coreui/angular/v5.2.2/index.html
+++ b/changelog/coreui/angular/v5.2.2/index.html
@@ -475,7 +475,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -487,13 +487,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -511,11 +511,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -527,13 +527,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -551,11 +551,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -567,13 +567,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -591,11 +591,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -607,13 +607,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -631,11 +631,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -647,13 +647,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -671,11 +671,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -687,13 +687,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -711,7 +711,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-angular-admin-template/index.html b/changelog/coreui/coreui-free-angular-admin-template/index.html
index fdd217e8526..d974a5cdd56 100644
--- a/changelog/coreui/coreui-free-angular-admin-template/index.html
+++ b/changelog/coreui/coreui-free-angular-admin-template/index.html
@@ -533,7 +533,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -545,13 +545,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -569,11 +569,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -585,13 +585,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -609,11 +609,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -625,13 +625,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -649,11 +649,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -665,13 +665,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -689,11 +689,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -705,13 +705,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -729,11 +729,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -745,13 +745,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -769,7 +769,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-angular-admin-template/v5.0.0/index.html b/changelog/coreui/coreui-free-angular-admin-template/v5.0.0/index.html
index ecad8eec0f7..fe4e8c78e91 100644
--- a/changelog/coreui/coreui-free-angular-admin-template/v5.0.0/index.html
+++ b/changelog/coreui/coreui-free-angular-admin-template/v5.0.0/index.html
@@ -454,7 +454,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -466,13 +466,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -490,11 +490,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -506,13 +506,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -530,11 +530,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -546,13 +546,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -570,11 +570,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -586,13 +586,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -610,11 +610,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -626,13 +626,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -650,11 +650,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -666,13 +666,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -690,7 +690,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-angular-admin-template/v5.2.16/index.html b/changelog/coreui/coreui-free-angular-admin-template/v5.2.16/index.html
index 1d5df19105b..50cb2562b84 100644
--- a/changelog/coreui/coreui-free-angular-admin-template/v5.2.16/index.html
+++ b/changelog/coreui/coreui-free-angular-admin-template/v5.2.16/index.html
@@ -465,7 +465,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -477,13 +477,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -501,11 +501,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -517,13 +517,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -541,11 +541,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -557,13 +557,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -581,11 +581,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -597,13 +597,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -621,11 +621,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -637,13 +637,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -661,11 +661,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -677,13 +677,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -701,7 +701,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-angular-admin-template/v5.2.5/index.html b/changelog/coreui/coreui-free-angular-admin-template/v5.2.5/index.html
index d71aabe1b72..c7bd7ce5529 100644
--- a/changelog/coreui/coreui-free-angular-admin-template/v5.2.5/index.html
+++ b/changelog/coreui/coreui-free-angular-admin-template/v5.2.5/index.html
@@ -464,7 +464,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -476,13 +476,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -500,11 +500,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -516,13 +516,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -540,11 +540,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -556,13 +556,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -580,11 +580,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -596,13 +596,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -620,11 +620,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -636,13 +636,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -660,11 +660,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -676,13 +676,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -700,7 +700,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-bootstrap-admin-template/index.html b/changelog/coreui/coreui-free-bootstrap-admin-template/index.html
index 4b59bcecef9..9a583ea053d 100644
--- a/changelog/coreui/coreui-free-bootstrap-admin-template/index.html
+++ b/changelog/coreui/coreui-free-bootstrap-admin-template/index.html
@@ -700,7 +700,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -712,13 +712,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -736,11 +736,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -752,13 +752,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -776,11 +776,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -792,13 +792,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -816,11 +816,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -832,13 +832,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -856,11 +856,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -872,13 +872,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -896,11 +896,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -912,13 +912,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -936,7 +936,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-alpha.0/index.html b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-alpha.0/index.html
index 7f677c79c51..d54489ffdfd 100644
--- a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-alpha.0/index.html
+++ b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-alpha.0/index.html
@@ -470,7 +470,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -482,13 +482,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -506,11 +506,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -522,13 +522,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -546,11 +546,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -562,13 +562,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -586,11 +586,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -602,13 +602,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -626,11 +626,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -642,13 +642,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -666,11 +666,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -682,13 +682,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -706,7 +706,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-rc.0/index.html b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-rc.0/index.html
index e11388277b5..6bb05419650 100644
--- a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-rc.0/index.html
+++ b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-rc.0/index.html
@@ -442,7 +442,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -454,13 +454,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -478,11 +478,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -494,13 +494,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -518,11 +518,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -534,13 +534,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -558,11 +558,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -574,13 +574,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -598,11 +598,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -614,13 +614,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -638,11 +638,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -654,13 +654,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -678,7 +678,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-rc.1/index.html b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-rc.1/index.html
index 216ecd61cb4..077c4821066 100644
--- a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-rc.1/index.html
+++ b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0-rc.1/index.html
@@ -450,7 +450,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -462,13 +462,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -486,11 +486,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -502,13 +502,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -526,11 +526,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -542,13 +542,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -566,11 +566,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -582,13 +582,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -606,11 +606,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -622,13 +622,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -646,11 +646,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -662,13 +662,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -686,7 +686,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0/index.html b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0/index.html
index d4a9c96d4df..b0172d62955 100644
--- a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0/index.html
+++ b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.0.0/index.html
@@ -436,7 +436,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -448,13 +448,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -472,11 +472,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -488,13 +488,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -512,11 +512,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -528,13 +528,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -552,11 +552,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -568,13 +568,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -592,11 +592,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -608,13 +608,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -632,11 +632,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -648,13 +648,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -672,7 +672,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.1.0/index.html b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.1.0/index.html
index b0a1d10a404..e4a1b8c4437 100644
--- a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.1.0/index.html
+++ b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.1.0/index.html
@@ -460,7 +460,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -472,13 +472,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -496,11 +496,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -512,13 +512,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -536,11 +536,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -552,13 +552,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -576,11 +576,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -592,13 +592,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -616,11 +616,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -632,13 +632,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -656,11 +656,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -672,13 +672,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -696,7 +696,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.1.1/index.html b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.1.1/index.html
index c64cb993b19..65aa759cb28 100644
--- a/changelog/coreui/coreui-free-bootstrap-admin-template/v5.1.1/index.html
+++ b/changelog/coreui/coreui-free-bootstrap-admin-template/v5.1.1/index.html
@@ -437,7 +437,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -449,13 +449,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -473,11 +473,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -489,13 +489,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -513,11 +513,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -529,13 +529,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -553,11 +553,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -569,13 +569,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -593,11 +593,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -609,13 +609,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -633,11 +633,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -649,13 +649,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -673,7 +673,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-react-admin-template-cra/index.html b/changelog/coreui/coreui-free-react-admin-template-cra/index.html
index 0025082a6b4..f8bece6208c 100644
--- a/changelog/coreui/coreui-free-react-admin-template-cra/index.html
+++ b/changelog/coreui/coreui-free-react-admin-template-cra/index.html
@@ -427,7 +427,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -439,13 +439,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -463,11 +463,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -479,13 +479,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -503,11 +503,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -519,13 +519,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -543,11 +543,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -559,13 +559,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -583,11 +583,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -599,13 +599,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -623,11 +623,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -639,13 +639,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,7 +663,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-react-admin-template-cra/v5.0.0-rc.1/index.html b/changelog/coreui/coreui-free-react-admin-template-cra/v5.0.0-rc.1/index.html
index 35198565496..bc8af0be68b 100644
--- a/changelog/coreui/coreui-free-react-admin-template-cra/v5.0.0-rc.1/index.html
+++ b/changelog/coreui/coreui-free-react-admin-template-cra/v5.0.0-rc.1/index.html
@@ -452,7 +452,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -464,13 +464,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -488,11 +488,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -504,13 +504,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -528,11 +528,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -544,13 +544,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -568,11 +568,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -584,13 +584,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -608,11 +608,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -624,13 +624,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -648,11 +648,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -664,13 +664,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -688,7 +688,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-react-admin-template/index.html b/changelog/coreui/coreui-free-react-admin-template/index.html
index c0c8acc0831..7f615ec1e29 100644
--- a/changelog/coreui/coreui-free-react-admin-template/index.html
+++ b/changelog/coreui/coreui-free-react-admin-template/index.html
@@ -586,7 +586,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -598,13 +598,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -622,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -638,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -662,11 +662,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -678,13 +678,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,11 +702,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -718,13 +718,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -742,11 +742,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -758,13 +758,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -782,11 +782,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -798,13 +798,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -822,7 +822,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-react-admin-template/v5.0.0-rc.1/index.html b/changelog/coreui/coreui-free-react-admin-template/v5.0.0-rc.1/index.html
index cc35acfbe7c..7d8b0436cf5 100644
--- a/changelog/coreui/coreui-free-react-admin-template/v5.0.0-rc.1/index.html
+++ b/changelog/coreui/coreui-free-react-admin-template/v5.0.0-rc.1/index.html
@@ -454,7 +454,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -466,13 +466,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -490,11 +490,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -506,13 +506,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -530,11 +530,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -546,13 +546,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -570,11 +570,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -586,13 +586,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -610,11 +610,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -626,13 +626,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -650,11 +650,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -666,13 +666,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -690,7 +690,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-react-admin-template/v5.0.0/index.html b/changelog/coreui/coreui-free-react-admin-template/v5.0.0/index.html
index b8d983ff4db..8c1a7063c5c 100644
--- a/changelog/coreui/coreui-free-react-admin-template/v5.0.0/index.html
+++ b/changelog/coreui/coreui-free-react-admin-template/v5.0.0/index.html
@@ -432,7 +432,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -444,13 +444,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -468,11 +468,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -484,13 +484,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -508,11 +508,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -524,13 +524,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -548,11 +548,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -564,13 +564,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -588,11 +588,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -604,13 +604,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -628,11 +628,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -644,13 +644,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -668,7 +668,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-react-admin-template/v5.1.0/index.html b/changelog/coreui/coreui-free-react-admin-template/v5.1.0/index.html
index eb7b5ac662b..e2d450836a8 100644
--- a/changelog/coreui/coreui-free-react-admin-template/v5.1.0/index.html
+++ b/changelog/coreui/coreui-free-react-admin-template/v5.1.0/index.html
@@ -450,7 +450,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -462,13 +462,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -486,11 +486,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -502,13 +502,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -526,11 +526,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -542,13 +542,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -566,11 +566,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -582,13 +582,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -606,11 +606,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -622,13 +622,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -646,11 +646,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -662,13 +662,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -686,7 +686,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-react-admin-template/v5.2.0/index.html b/changelog/coreui/coreui-free-react-admin-template/v5.2.0/index.html
index fc04459bdec..7c22951835a 100644
--- a/changelog/coreui/coreui-free-react-admin-template/v5.2.0/index.html
+++ b/changelog/coreui/coreui-free-react-admin-template/v5.2.0/index.html
@@ -445,7 +445,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -457,13 +457,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -481,11 +481,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -497,13 +497,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -521,11 +521,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -537,13 +537,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -561,11 +561,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -577,13 +577,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -601,11 +601,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -617,13 +617,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -641,11 +641,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -657,13 +657,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -681,7 +681,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-vue-admin-template/index.html b/changelog/coreui/coreui-free-vue-admin-template/index.html
index fa1e8159536..1022edc3833 100644
--- a/changelog/coreui/coreui-free-vue-admin-template/index.html
+++ b/changelog/coreui/coreui-free-vue-admin-template/index.html
@@ -586,7 +586,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -598,13 +598,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -622,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -638,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -662,11 +662,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -678,13 +678,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,11 +702,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -718,13 +718,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -742,11 +742,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -758,13 +758,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -782,11 +782,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -798,13 +798,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -822,7 +822,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-vue-admin-template/v5.0.0-rc.1/index.html b/changelog/coreui/coreui-free-vue-admin-template/v5.0.0-rc.1/index.html
index 544180949ca..6de7acf36f5 100644
--- a/changelog/coreui/coreui-free-vue-admin-template/v5.0.0-rc.1/index.html
+++ b/changelog/coreui/coreui-free-vue-admin-template/v5.0.0-rc.1/index.html
@@ -449,7 +449,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -461,13 +461,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -485,11 +485,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -501,13 +501,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -525,11 +525,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -541,13 +541,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -565,11 +565,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -581,13 +581,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -605,11 +605,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -621,13 +621,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -645,11 +645,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -661,13 +661,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -685,7 +685,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-vue-admin-template/v5.0.0/index.html b/changelog/coreui/coreui-free-vue-admin-template/v5.0.0/index.html
index 915093d15ee..eb80dd10763 100644
--- a/changelog/coreui/coreui-free-vue-admin-template/v5.0.0/index.html
+++ b/changelog/coreui/coreui-free-vue-admin-template/v5.0.0/index.html
@@ -433,7 +433,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -445,13 +445,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -469,11 +469,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -485,13 +485,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -509,11 +509,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -525,13 +525,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -549,11 +549,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -565,13 +565,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -589,11 +589,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -605,13 +605,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -629,11 +629,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -645,13 +645,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -669,7 +669,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-vue-admin-template/v5.1.0/index.html b/changelog/coreui/coreui-free-vue-admin-template/v5.1.0/index.html
index b2a8477f20e..50a037aed49 100644
--- a/changelog/coreui/coreui-free-vue-admin-template/v5.1.0/index.html
+++ b/changelog/coreui/coreui-free-vue-admin-template/v5.1.0/index.html
@@ -445,7 +445,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -457,13 +457,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -481,11 +481,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -497,13 +497,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -521,11 +521,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -537,13 +537,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -561,11 +561,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -577,13 +577,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -601,11 +601,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -617,13 +617,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -641,11 +641,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -657,13 +657,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -681,7 +681,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-free-vue-admin-template/v5.2.0/index.html b/changelog/coreui/coreui-free-vue-admin-template/v5.2.0/index.html
index fb4ca3e5fef..db53df6c454 100644
--- a/changelog/coreui/coreui-free-vue-admin-template/v5.2.0/index.html
+++ b/changelog/coreui/coreui-free-vue-admin-template/v5.2.0/index.html
@@ -445,7 +445,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -457,13 +457,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -481,11 +481,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -497,13 +497,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -521,11 +521,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -537,13 +537,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -561,11 +561,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -577,13 +577,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -601,11 +601,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -617,13 +617,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -641,11 +641,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -657,13 +657,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -681,7 +681,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-angular-admin-template/index.html b/changelog/coreui/coreui-pro-angular-admin-template/index.html
index 820e1b2b5ea..a0ff81c4174 100644
--- a/changelog/coreui/coreui-pro-angular-admin-template/index.html
+++ b/changelog/coreui/coreui-pro-angular-admin-template/index.html
@@ -533,7 +533,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -545,13 +545,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -569,11 +569,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -585,13 +585,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -609,11 +609,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -625,13 +625,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -649,11 +649,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -665,13 +665,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -689,11 +689,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -705,13 +705,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -729,11 +729,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -745,13 +745,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -769,7 +769,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-angular-admin-template/v5.0.0/index.html b/changelog/coreui/coreui-pro-angular-admin-template/v5.0.0/index.html
index b8cf005f822..aebcc87e0a1 100644
--- a/changelog/coreui/coreui-pro-angular-admin-template/v5.0.0/index.html
+++ b/changelog/coreui/coreui-pro-angular-admin-template/v5.0.0/index.html
@@ -452,7 +452,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -464,13 +464,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -488,11 +488,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -504,13 +504,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -528,11 +528,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -544,13 +544,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -568,11 +568,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -584,13 +584,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -608,11 +608,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -624,13 +624,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -648,11 +648,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -664,13 +664,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -688,7 +688,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-angular-admin-template/v5.2.16/index.html b/changelog/coreui/coreui-pro-angular-admin-template/v5.2.16/index.html
index 1be2da220d3..43ddaf5e7de 100644
--- a/changelog/coreui/coreui-pro-angular-admin-template/v5.2.16/index.html
+++ b/changelog/coreui/coreui-pro-angular-admin-template/v5.2.16/index.html
@@ -473,7 +473,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -485,13 +485,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -509,11 +509,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -525,13 +525,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -549,11 +549,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -565,13 +565,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -589,11 +589,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -605,13 +605,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -629,11 +629,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -645,13 +645,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -669,11 +669,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -685,13 +685,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -709,7 +709,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-angular-admin-template/v5.2.5/index.html b/changelog/coreui/coreui-pro-angular-admin-template/v5.2.5/index.html
index c3a53c4f32d..6c82e91eae5 100644
--- a/changelog/coreui/coreui-pro-angular-admin-template/v5.2.5/index.html
+++ b/changelog/coreui/coreui-pro-angular-admin-template/v5.2.5/index.html
@@ -474,7 +474,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -486,13 +486,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -510,11 +510,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -526,13 +526,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -550,11 +550,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -566,13 +566,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -590,11 +590,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -606,13 +606,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -630,11 +630,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -646,13 +646,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -670,11 +670,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -686,13 +686,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -710,7 +710,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-bootstrap-admin-template/index.html b/changelog/coreui/coreui-pro-bootstrap-admin-template/index.html
index aa5953f8e78..400802191c8 100644
--- a/changelog/coreui/coreui-pro-bootstrap-admin-template/index.html
+++ b/changelog/coreui/coreui-pro-bootstrap-admin-template/index.html
@@ -586,7 +586,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -598,13 +598,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -622,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -638,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -662,11 +662,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -678,13 +678,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,11 +702,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -718,13 +718,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -742,11 +742,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -758,13 +758,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -782,11 +782,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -798,13 +798,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -822,7 +822,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.0.0-rc.1/index.html b/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.0.0-rc.1/index.html
index 0edec966b64..8a646412144 100644
--- a/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.0.0-rc.1/index.html
+++ b/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.0.0-rc.1/index.html
@@ -466,7 +466,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -478,13 +478,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -502,11 +502,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -518,13 +518,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -542,11 +542,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -558,13 +558,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -582,11 +582,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -598,13 +598,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -622,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -638,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -662,11 +662,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -678,13 +678,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,7 +702,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.0.0/index.html b/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.0.0/index.html
index e66dd0d5c6c..6b729769f76 100644
--- a/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.0.0/index.html
+++ b/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.0.0/index.html
@@ -434,7 +434,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -446,13 +446,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -470,11 +470,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -486,13 +486,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -510,11 +510,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -526,13 +526,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -550,11 +550,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -566,13 +566,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -590,11 +590,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -606,13 +606,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -630,11 +630,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -646,13 +646,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -670,7 +670,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.1.0/index.html b/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.1.0/index.html
index 67eccf05f4d..e556aac3659 100644
--- a/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.1.0/index.html
+++ b/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.1.0/index.html
@@ -456,7 +456,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -468,13 +468,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -492,11 +492,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -508,13 +508,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -532,11 +532,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -548,13 +548,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -572,11 +572,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -588,13 +588,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -612,11 +612,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -628,13 +628,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -652,11 +652,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -668,13 +668,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -692,7 +692,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.2.0/index.html b/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.2.0/index.html
index 0ed9ff237d1..4f80c0fa300 100644
--- a/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.2.0/index.html
+++ b/changelog/coreui/coreui-pro-bootstrap-admin-template/v5.2.0/index.html
@@ -440,7 +440,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -452,13 +452,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -476,11 +476,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -492,13 +492,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -516,11 +516,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -532,13 +532,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -556,11 +556,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -572,13 +572,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -596,11 +596,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -612,13 +612,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -636,11 +636,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -652,13 +652,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -676,7 +676,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-next-js-admin-template/index.html b/changelog/coreui/coreui-pro-next-js-admin-template/index.html
index d908aaf7d44..ab51d177ffe 100644
--- a/changelog/coreui/coreui-pro-next-js-admin-template/index.html
+++ b/changelog/coreui/coreui-pro-next-js-admin-template/index.html
@@ -536,7 +536,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -548,13 +548,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -572,11 +572,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -588,13 +588,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -612,11 +612,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -628,13 +628,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -652,11 +652,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -668,13 +668,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -692,11 +692,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -708,13 +708,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -732,11 +732,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -748,13 +748,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -772,7 +772,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-next-js-admin-template/v2.0.0-rc.1/index.html b/changelog/coreui/coreui-pro-next-js-admin-template/v2.0.0-rc.1/index.html
index 2ec4fa57578..df8ca904362 100644
--- a/changelog/coreui/coreui-pro-next-js-admin-template/v2.0.0-rc.1/index.html
+++ b/changelog/coreui/coreui-pro-next-js-admin-template/v2.0.0-rc.1/index.html
@@ -452,7 +452,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -464,13 +464,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -488,11 +488,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -504,13 +504,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -528,11 +528,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -544,13 +544,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -568,11 +568,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -584,13 +584,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -608,11 +608,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -624,13 +624,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -648,11 +648,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -664,13 +664,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -688,7 +688,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-next-js-admin-template/v2.1.0/index.html b/changelog/coreui/coreui-pro-next-js-admin-template/v2.1.0/index.html
index 4550b613c16..317452de442 100644
--- a/changelog/coreui/coreui-pro-next-js-admin-template/v2.1.0/index.html
+++ b/changelog/coreui/coreui-pro-next-js-admin-template/v2.1.0/index.html
@@ -450,7 +450,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -462,13 +462,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -486,11 +486,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -502,13 +502,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -526,11 +526,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -542,13 +542,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -566,11 +566,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -582,13 +582,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -606,11 +606,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -622,13 +622,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -646,11 +646,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -662,13 +662,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -686,7 +686,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-next-js-admin-template/v2.2.0/index.html b/changelog/coreui/coreui-pro-next-js-admin-template/v2.2.0/index.html
index bf60f12c324..b62443e17ae 100644
--- a/changelog/coreui/coreui-pro-next-js-admin-template/v2.2.0/index.html
+++ b/changelog/coreui/coreui-pro-next-js-admin-template/v2.2.0/index.html
@@ -441,7 +441,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -453,13 +453,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -477,11 +477,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -493,13 +493,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -517,11 +517,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -533,13 +533,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -557,11 +557,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -573,13 +573,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -597,11 +597,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -613,13 +613,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -637,11 +637,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -653,13 +653,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -677,7 +677,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-react-admin-template-cra/index.html b/changelog/coreui/coreui-pro-react-admin-template-cra/index.html
index ff530eb9750..065517fe9c0 100644
--- a/changelog/coreui/coreui-pro-react-admin-template-cra/index.html
+++ b/changelog/coreui/coreui-pro-react-admin-template-cra/index.html
@@ -427,7 +427,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -439,13 +439,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -463,11 +463,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -479,13 +479,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -503,11 +503,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -519,13 +519,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -543,11 +543,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -559,13 +559,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -583,11 +583,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -599,13 +599,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -623,11 +623,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -639,13 +639,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,7 +663,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-react-admin-template-cra/v5.0.0-rc.1/index.html b/changelog/coreui/coreui-pro-react-admin-template-cra/v5.0.0-rc.1/index.html
index cc249938c07..c161c9facc4 100644
--- a/changelog/coreui/coreui-pro-react-admin-template-cra/v5.0.0-rc.1/index.html
+++ b/changelog/coreui/coreui-pro-react-admin-template-cra/v5.0.0-rc.1/index.html
@@ -451,7 +451,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -463,13 +463,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -487,11 +487,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -503,13 +503,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -527,11 +527,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -543,13 +543,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -567,11 +567,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -583,13 +583,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -607,11 +607,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -623,13 +623,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -647,11 +647,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -663,13 +663,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -687,7 +687,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-react-admin-template/index.html b/changelog/coreui/coreui-pro-react-admin-template/index.html
index 9f6dec27d24..6b99c8a2180 100644
--- a/changelog/coreui/coreui-pro-react-admin-template/index.html
+++ b/changelog/coreui/coreui-pro-react-admin-template/index.html
@@ -586,7 +586,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -598,13 +598,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -622,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -638,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -662,11 +662,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -678,13 +678,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,11 +702,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -718,13 +718,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -742,11 +742,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -758,13 +758,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -782,11 +782,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -798,13 +798,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -822,7 +822,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-react-admin-template/v5.0.0-rc.1/index.html b/changelog/coreui/coreui-pro-react-admin-template/v5.0.0-rc.1/index.html
index 1a333fe9cf7..506c60e5602 100644
--- a/changelog/coreui/coreui-pro-react-admin-template/v5.0.0-rc.1/index.html
+++ b/changelog/coreui/coreui-pro-react-admin-template/v5.0.0-rc.1/index.html
@@ -453,7 +453,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -465,13 +465,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -489,11 +489,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -505,13 +505,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -529,11 +529,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -545,13 +545,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -569,11 +569,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -585,13 +585,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -609,11 +609,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -625,13 +625,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -649,11 +649,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -665,13 +665,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -689,7 +689,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-react-admin-template/v5.0.0/index.html b/changelog/coreui/coreui-pro-react-admin-template/v5.0.0/index.html
index 561c4c8aa1a..98f9345b05c 100644
--- a/changelog/coreui/coreui-pro-react-admin-template/v5.0.0/index.html
+++ b/changelog/coreui/coreui-pro-react-admin-template/v5.0.0/index.html
@@ -430,7 +430,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -442,13 +442,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -466,11 +466,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -482,13 +482,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -506,11 +506,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -522,13 +522,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -546,11 +546,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -562,13 +562,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -586,11 +586,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -602,13 +602,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -626,11 +626,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -642,13 +642,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -666,7 +666,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-react-admin-template/v5.1.0/index.html b/changelog/coreui/coreui-pro-react-admin-template/v5.1.0/index.html
index cc18c78fa96..237bbdc02fe 100644
--- a/changelog/coreui/coreui-pro-react-admin-template/v5.1.0/index.html
+++ b/changelog/coreui/coreui-pro-react-admin-template/v5.1.0/index.html
@@ -457,7 +457,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -469,13 +469,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -493,11 +493,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -509,13 +509,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -533,11 +533,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -549,13 +549,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -573,11 +573,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -589,13 +589,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -613,11 +613,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -629,13 +629,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -653,11 +653,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -669,13 +669,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -693,7 +693,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-react-admin-template/v5.2.0/index.html b/changelog/coreui/coreui-pro-react-admin-template/v5.2.0/index.html
index 91fd6dfd568..c356e1e11bb 100644
--- a/changelog/coreui/coreui-pro-react-admin-template/v5.2.0/index.html
+++ b/changelog/coreui/coreui-pro-react-admin-template/v5.2.0/index.html
@@ -450,7 +450,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -462,13 +462,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -486,11 +486,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -502,13 +502,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -526,11 +526,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -542,13 +542,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -566,11 +566,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -582,13 +582,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -606,11 +606,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -622,13 +622,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -646,11 +646,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -662,13 +662,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -686,7 +686,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-vue-admin-template/index.html b/changelog/coreui/coreui-pro-vue-admin-template/index.html
index 90f401ec63d..355e167f679 100644
--- a/changelog/coreui/coreui-pro-vue-admin-template/index.html
+++ b/changelog/coreui/coreui-pro-vue-admin-template/index.html
@@ -586,7 +586,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -598,13 +598,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -622,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -638,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -662,11 +662,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -678,13 +678,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,11 +702,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -718,13 +718,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -742,11 +742,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -758,13 +758,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -782,11 +782,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -798,13 +798,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -822,7 +822,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-vue-admin-template/v5.0.0-rc.1/index.html b/changelog/coreui/coreui-pro-vue-admin-template/v5.0.0-rc.1/index.html
index 155a75f1bbd..835b781f276 100644
--- a/changelog/coreui/coreui-pro-vue-admin-template/v5.0.0-rc.1/index.html
+++ b/changelog/coreui/coreui-pro-vue-admin-template/v5.0.0-rc.1/index.html
@@ -457,7 +457,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -469,13 +469,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -493,11 +493,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -509,13 +509,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -533,11 +533,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -549,13 +549,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -573,11 +573,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -589,13 +589,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -613,11 +613,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -629,13 +629,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -653,11 +653,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -669,13 +669,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -693,7 +693,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-vue-admin-template/v5.0.0/index.html b/changelog/coreui/coreui-pro-vue-admin-template/v5.0.0/index.html
index 891e25ab806..ef1a5a52bb6 100644
--- a/changelog/coreui/coreui-pro-vue-admin-template/v5.0.0/index.html
+++ b/changelog/coreui/coreui-pro-vue-admin-template/v5.0.0/index.html
@@ -431,7 +431,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -443,13 +443,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -467,11 +467,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -483,13 +483,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -507,11 +507,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -523,13 +523,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -547,11 +547,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -563,13 +563,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -587,11 +587,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -603,13 +603,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -627,11 +627,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -643,13 +643,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -667,7 +667,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-vue-admin-template/v5.1.0/index.html b/changelog/coreui/coreui-pro-vue-admin-template/v5.1.0/index.html
index 8572acf3554..2c4bfb1497b 100644
--- a/changelog/coreui/coreui-pro-vue-admin-template/v5.1.0/index.html
+++ b/changelog/coreui/coreui-pro-vue-admin-template/v5.1.0/index.html
@@ -449,7 +449,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -461,13 +461,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -485,11 +485,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -501,13 +501,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -525,11 +525,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -541,13 +541,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -565,11 +565,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -581,13 +581,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -605,11 +605,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -621,13 +621,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -645,11 +645,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -661,13 +661,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -685,7 +685,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro-vue-admin-template/v5.2.0/index.html b/changelog/coreui/coreui-pro-vue-admin-template/v5.2.0/index.html
index 3413dacfe5b..60fb3bcf6f2 100644
--- a/changelog/coreui/coreui-pro-vue-admin-template/v5.2.0/index.html
+++ b/changelog/coreui/coreui-pro-vue-admin-template/v5.2.0/index.html
@@ -448,7 +448,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -460,13 +460,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -484,11 +484,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -500,13 +500,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -524,11 +524,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -540,13 +540,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -564,11 +564,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -580,13 +580,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -604,11 +604,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -620,13 +620,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -644,11 +644,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -660,13 +660,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -684,7 +684,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/index.html b/changelog/coreui/coreui-pro/index.html
index e6c3b8dfdf2..3d06271cc7a 100644
--- a/changelog/coreui/coreui-pro/index.html
+++ b/changelog/coreui/coreui-pro/index.html
@@ -904,7 +904,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -916,13 +916,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -940,11 +940,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -956,13 +956,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -980,11 +980,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -996,13 +996,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1020,11 +1020,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1036,13 +1036,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1060,11 +1060,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1076,13 +1076,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1100,11 +1100,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1116,13 +1116,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1140,7 +1140,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/page/2/index.html b/changelog/coreui/coreui-pro/page/2/index.html
index 3d5fcd017c5..c826d6e4f92 100644
--- a/changelog/coreui/coreui-pro/page/2/index.html
+++ b/changelog/coreui/coreui-pro/page/2/index.html
@@ -598,7 +598,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -610,13 +610,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -634,11 +634,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -650,13 +650,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -674,11 +674,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -690,13 +690,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -714,11 +714,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -730,13 +730,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -754,11 +754,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -770,13 +770,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -794,11 +794,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -810,13 +810,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -834,7 +834,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.0.0-rc.2/index.html b/changelog/coreui/coreui-pro/v5.0.0-rc.2/index.html
index 934d2be5805..b073fdf16e5 100644
--- a/changelog/coreui/coreui-pro/v5.0.0-rc.2/index.html
+++ b/changelog/coreui/coreui-pro/v5.0.0-rc.2/index.html
@@ -488,7 +488,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -500,13 +500,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -524,11 +524,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -540,13 +540,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -564,11 +564,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -580,13 +580,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -604,11 +604,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -620,13 +620,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -644,11 +644,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -660,13 +660,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -684,11 +684,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -700,13 +700,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -724,7 +724,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.0.0-rc.3/index.html b/changelog/coreui/coreui-pro/v5.0.0-rc.3/index.html
index c0dd765c654..4c62009800c 100644
--- a/changelog/coreui/coreui-pro/v5.0.0-rc.3/index.html
+++ b/changelog/coreui/coreui-pro/v5.0.0-rc.3/index.html
@@ -455,7 +455,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -467,13 +467,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -491,11 +491,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -507,13 +507,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -531,11 +531,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -547,13 +547,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -571,11 +571,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -587,13 +587,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -611,11 +611,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -627,13 +627,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -651,11 +651,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -667,13 +667,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -691,7 +691,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.0.0/index.html b/changelog/coreui/coreui-pro/v5.0.0/index.html
index fb55b4cca96..55915d5c594 100644
--- a/changelog/coreui/coreui-pro/v5.0.0/index.html
+++ b/changelog/coreui/coreui-pro/v5.0.0/index.html
@@ -444,7 +444,7 @@ <h2 id="dependencies">Dependencies</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -456,13 +456,13 @@ <h2 id="dependencies">Dependencies</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -480,11 +480,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -496,13 +496,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -520,11 +520,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -536,13 +536,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -560,11 +560,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -576,13 +576,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -600,11 +600,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -616,13 +616,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -640,11 +640,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -656,13 +656,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -680,7 +680,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.0.1/index.html b/changelog/coreui/coreui-pro/v5.0.1/index.html
index 9b8597a3c71..9ad81a17687 100644
--- a/changelog/coreui/coreui-pro/v5.0.1/index.html
+++ b/changelog/coreui/coreui-pro/v5.0.1/index.html
@@ -443,7 +443,7 @@ <h3 id="build-enhancements">Build Enhancements</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -455,13 +455,13 @@ <h3 id="build-enhancements">Build Enhancements</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -479,11 +479,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -495,13 +495,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -519,11 +519,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -535,13 +535,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -559,11 +559,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -575,13 +575,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -599,11 +599,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -615,13 +615,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -639,11 +639,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -655,13 +655,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -679,7 +679,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.1.0/index.html b/changelog/coreui/coreui-pro/v5.1.0/index.html
index f2c806b6e1c..f47f19234be 100644
--- a/changelog/coreui/coreui-pro/v5.1.0/index.html
+++ b/changelog/coreui/coreui-pro/v5.1.0/index.html
@@ -469,7 +469,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -481,13 +481,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -505,11 +505,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -521,13 +521,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -545,11 +545,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -561,13 +561,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -585,11 +585,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -601,13 +601,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -625,11 +625,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -641,13 +641,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -665,11 +665,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -681,13 +681,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -705,7 +705,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.2.0/index.html b/changelog/coreui/coreui-pro/v5.2.0/index.html
index 5f344b9e2d9..3e1f11c28f5 100644
--- a/changelog/coreui/coreui-pro/v5.2.0/index.html
+++ b/changelog/coreui/coreui-pro/v5.2.0/index.html
@@ -470,7 +470,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -482,13 +482,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -506,11 +506,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -522,13 +522,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -546,11 +546,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -562,13 +562,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -586,11 +586,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -602,13 +602,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -626,11 +626,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -642,13 +642,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -666,11 +666,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -682,13 +682,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -706,7 +706,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.2.1/index.html b/changelog/coreui/coreui-pro/v5.2.1/index.html
index 0cea901bc75..708d93ad25a 100644
--- a/changelog/coreui/coreui-pro/v5.2.1/index.html
+++ b/changelog/coreui/coreui-pro/v5.2.1/index.html
@@ -437,7 +437,7 @@ <h3 id="refactor">Refactor</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -449,13 +449,13 @@ <h3 id="refactor">Refactor</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -473,11 +473,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -489,13 +489,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -513,11 +513,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -529,13 +529,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -553,11 +553,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -569,13 +569,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -593,11 +593,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -609,13 +609,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -633,11 +633,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -649,13 +649,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -673,7 +673,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.3.0/index.html b/changelog/coreui/coreui-pro/v5.3.0/index.html
index 99516152607..342c9c6b7d8 100644
--- a/changelog/coreui/coreui-pro/v5.3.0/index.html
+++ b/changelog/coreui/coreui-pro/v5.3.0/index.html
@@ -468,7 +468,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -480,13 +480,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -504,11 +504,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -520,13 +520,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -544,11 +544,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -560,13 +560,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -584,11 +584,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -600,13 +600,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -624,11 +624,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -640,13 +640,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -664,11 +664,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -680,13 +680,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -704,7 +704,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.3.1/index.html b/changelog/coreui/coreui-pro/v5.3.1/index.html
index 1fc57fe2f38..74927aaa4f2 100644
--- a/changelog/coreui/coreui-pro/v5.3.1/index.html
+++ b/changelog/coreui/coreui-pro/v5.3.1/index.html
@@ -453,7 +453,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -465,13 +465,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -489,11 +489,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -505,13 +505,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -529,11 +529,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -545,13 +545,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -569,11 +569,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -585,13 +585,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -609,11 +609,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -625,13 +625,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -649,11 +649,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -665,13 +665,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -689,7 +689,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.4.0/index.html b/changelog/coreui/coreui-pro/v5.4.0/index.html
index dfe090a7063..f6173319fd5 100644
--- a/changelog/coreui/coreui-pro/v5.4.0/index.html
+++ b/changelog/coreui/coreui-pro/v5.4.0/index.html
@@ -479,7 +479,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -491,13 +491,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -515,11 +515,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -531,13 +531,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -555,11 +555,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -571,13 +571,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -595,11 +595,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -611,13 +611,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -635,11 +635,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -651,13 +651,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -675,11 +675,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -691,13 +691,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -715,7 +715,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.4.1/index.html b/changelog/coreui/coreui-pro/v5.4.1/index.html
index d46944457c8..78ba5701f60 100644
--- a/changelog/coreui/coreui-pro/v5.4.1/index.html
+++ b/changelog/coreui/coreui-pro/v5.4.1/index.html
@@ -444,7 +444,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -456,13 +456,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -480,11 +480,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -496,13 +496,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -520,11 +520,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -536,13 +536,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -560,11 +560,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -576,13 +576,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -600,11 +600,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -616,13 +616,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -640,11 +640,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -656,13 +656,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -680,7 +680,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.5.0/index.html b/changelog/coreui/coreui-pro/v5.5.0/index.html
index 7b21f0553d9..3290c0618ec 100644
--- a/changelog/coreui/coreui-pro/v5.5.0/index.html
+++ b/changelog/coreui/coreui-pro/v5.5.0/index.html
@@ -472,7 +472,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -484,13 +484,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -508,11 +508,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -524,13 +524,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -548,11 +548,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -564,13 +564,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -588,11 +588,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -604,13 +604,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -628,11 +628,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -644,13 +644,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -668,11 +668,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -684,13 +684,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -708,7 +708,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.6.0/index.html b/changelog/coreui/coreui-pro/v5.6.0/index.html
index 519a53c6584..1f54d9e12c0 100644
--- a/changelog/coreui/coreui-pro/v5.6.0/index.html
+++ b/changelog/coreui/coreui-pro/v5.6.0/index.html
@@ -477,7 +477,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -489,13 +489,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -513,11 +513,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -529,13 +529,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -553,11 +553,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -569,13 +569,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -593,11 +593,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -609,13 +609,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -633,11 +633,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -649,13 +649,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -673,11 +673,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -689,13 +689,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -713,7 +713,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui-pro/v5.7.0/index.html b/changelog/coreui/coreui-pro/v5.7.0/index.html
index 7f5c8ea03d2..b5fa2dade63 100644
--- a/changelog/coreui/coreui-pro/v5.7.0/index.html
+++ b/changelog/coreui/coreui-pro/v5.7.0/index.html
@@ -451,7 +451,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -463,13 +463,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -487,11 +487,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -503,13 +503,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -527,11 +527,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -543,13 +543,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -567,11 +567,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -583,13 +583,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -607,11 +607,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -623,13 +623,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -647,11 +647,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -663,13 +663,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -687,7 +687,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/index.html b/changelog/coreui/coreui/index.html
index c7fd130b2da..4d1359d9767 100644
--- a/changelog/coreui/coreui/index.html
+++ b/changelog/coreui/coreui/index.html
@@ -904,7 +904,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -916,13 +916,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -940,11 +940,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -956,13 +956,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -980,11 +980,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -996,13 +996,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1020,11 +1020,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1036,13 +1036,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1060,11 +1060,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1076,13 +1076,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1100,11 +1100,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1116,13 +1116,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1140,7 +1140,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/page/2/index.html b/changelog/coreui/coreui/page/2/index.html
index 987ed01b550..5f61830c640 100644
--- a/changelog/coreui/coreui/page/2/index.html
+++ b/changelog/coreui/coreui/page/2/index.html
@@ -547,7 +547,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -559,13 +559,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -583,11 +583,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -599,13 +599,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -623,11 +623,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -639,13 +639,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,11 +663,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -679,13 +679,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -703,11 +703,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -719,13 +719,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -743,11 +743,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -759,13 +759,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -783,7 +783,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.0.0-beta.1/index.html b/changelog/coreui/coreui/v5.0.0-beta.1/index.html
index 04174658e62..c4fbf7c7567 100644
--- a/changelog/coreui/coreui/v5.0.0-beta.1/index.html
+++ b/changelog/coreui/coreui/v5.0.0-beta.1/index.html
@@ -430,7 +430,7 @@ <h3 id="fix">Fix</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -442,13 +442,13 @@ <h3 id="fix">Fix</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -466,11 +466,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -482,13 +482,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -506,11 +506,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -522,13 +522,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -546,11 +546,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -562,13 +562,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -586,11 +586,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -602,13 +602,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -626,11 +626,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -642,13 +642,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -666,7 +666,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.0.0-beta.2/index.html b/changelog/coreui/coreui/v5.0.0-beta.2/index.html
index 820dbef63c4..53ee1e2700b 100644
--- a/changelog/coreui/coreui/v5.0.0-beta.2/index.html
+++ b/changelog/coreui/coreui/v5.0.0-beta.2/index.html
@@ -435,7 +435,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -447,13 +447,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -471,11 +471,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -487,13 +487,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -511,11 +511,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -527,13 +527,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -551,11 +551,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -567,13 +567,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -591,11 +591,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -607,13 +607,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -631,11 +631,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -647,13 +647,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -671,7 +671,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.0.0-rc.0/index.html b/changelog/coreui/coreui/v5.0.0-rc.0/index.html
index 13958f6c7dd..73448d05cbe 100644
--- a/changelog/coreui/coreui/v5.0.0-rc.0/index.html
+++ b/changelog/coreui/coreui/v5.0.0-rc.0/index.html
@@ -442,7 +442,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -454,13 +454,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -478,11 +478,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -494,13 +494,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -518,11 +518,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -534,13 +534,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -558,11 +558,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -574,13 +574,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -598,11 +598,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -614,13 +614,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -638,11 +638,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -654,13 +654,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -678,7 +678,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.0.0-rc.1/index.html b/changelog/coreui/coreui/v5.0.0-rc.1/index.html
index 65390a6ee18..8104052a3ec 100644
--- a/changelog/coreui/coreui/v5.0.0-rc.1/index.html
+++ b/changelog/coreui/coreui/v5.0.0-rc.1/index.html
@@ -431,7 +431,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -443,13 +443,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -467,11 +467,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -483,13 +483,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -507,11 +507,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -523,13 +523,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -547,11 +547,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -563,13 +563,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -587,11 +587,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -603,13 +603,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -627,11 +627,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -643,13 +643,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -667,7 +667,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.0.0-rc.2/index.html b/changelog/coreui/coreui/v5.0.0-rc.2/index.html
index 8e062e4b2f9..1077c27c0e2 100644
--- a/changelog/coreui/coreui/v5.0.0-rc.2/index.html
+++ b/changelog/coreui/coreui/v5.0.0-rc.2/index.html
@@ -486,7 +486,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -498,13 +498,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -522,11 +522,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -538,13 +538,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -562,11 +562,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -578,13 +578,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -602,11 +602,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -618,13 +618,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -642,11 +642,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -658,13 +658,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -682,11 +682,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -698,13 +698,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -722,7 +722,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.0.0-rc.3/index.html b/changelog/coreui/coreui/v5.0.0-rc.3/index.html
index bc9f5e3490d..be92044b675 100644
--- a/changelog/coreui/coreui/v5.0.0-rc.3/index.html
+++ b/changelog/coreui/coreui/v5.0.0-rc.3/index.html
@@ -455,7 +455,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -467,13 +467,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -491,11 +491,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -507,13 +507,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -531,11 +531,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -547,13 +547,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -571,11 +571,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -587,13 +587,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -611,11 +611,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -627,13 +627,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -651,11 +651,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -667,13 +667,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -691,7 +691,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.0.0/index.html b/changelog/coreui/coreui/v5.0.0/index.html
index b547019bec9..327e3d62ed0 100644
--- a/changelog/coreui/coreui/v5.0.0/index.html
+++ b/changelog/coreui/coreui/v5.0.0/index.html
@@ -444,7 +444,7 @@ <h2 id="dependencies">Dependencies</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -456,13 +456,13 @@ <h2 id="dependencies">Dependencies</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -480,11 +480,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -496,13 +496,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -520,11 +520,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -536,13 +536,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -560,11 +560,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -576,13 +576,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -600,11 +600,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -616,13 +616,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -640,11 +640,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -656,13 +656,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -680,7 +680,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.0.1/index.html b/changelog/coreui/coreui/v5.0.1/index.html
index fa02a929f4c..c5c348708ef 100644
--- a/changelog/coreui/coreui/v5.0.1/index.html
+++ b/changelog/coreui/coreui/v5.0.1/index.html
@@ -456,7 +456,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -468,13 +468,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -492,11 +492,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -508,13 +508,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -532,11 +532,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -548,13 +548,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -572,11 +572,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -588,13 +588,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -612,11 +612,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -628,13 +628,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -652,11 +652,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -668,13 +668,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -692,7 +692,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.0.2/index.html b/changelog/coreui/coreui/v5.0.2/index.html
index 1616cae0892..dc608611079 100644
--- a/changelog/coreui/coreui/v5.0.2/index.html
+++ b/changelog/coreui/coreui/v5.0.2/index.html
@@ -458,7 +458,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -470,13 +470,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -494,11 +494,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -510,13 +510,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -534,11 +534,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -550,13 +550,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -574,11 +574,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -590,13 +590,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -614,11 +614,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -630,13 +630,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -654,11 +654,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -670,13 +670,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -694,7 +694,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.1.0/index.html b/changelog/coreui/coreui/v5.1.0/index.html
index dd3e4d6da3c..188653a9cef 100644
--- a/changelog/coreui/coreui/v5.1.0/index.html
+++ b/changelog/coreui/coreui/v5.1.0/index.html
@@ -467,7 +467,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -479,13 +479,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -503,11 +503,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -519,13 +519,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -543,11 +543,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -559,13 +559,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -583,11 +583,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -599,13 +599,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -623,11 +623,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -639,13 +639,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,11 +663,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -679,13 +679,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -703,7 +703,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.1.1/index.html b/changelog/coreui/coreui/v5.1.1/index.html
index d199a828677..efe0089e772 100644
--- a/changelog/coreui/coreui/v5.1.1/index.html
+++ b/changelog/coreui/coreui/v5.1.1/index.html
@@ -453,7 +453,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -465,13 +465,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -489,11 +489,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -505,13 +505,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -529,11 +529,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -545,13 +545,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -569,11 +569,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -585,13 +585,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -609,11 +609,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -625,13 +625,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -649,11 +649,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -665,13 +665,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -689,7 +689,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.1.2/index.html b/changelog/coreui/coreui/v5.1.2/index.html
index 27021aa3ccc..3e09ad109a0 100644
--- a/changelog/coreui/coreui/v5.1.2/index.html
+++ b/changelog/coreui/coreui/v5.1.2/index.html
@@ -476,7 +476,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -488,13 +488,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -512,11 +512,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -528,13 +528,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -552,11 +552,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -568,13 +568,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -592,11 +592,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -608,13 +608,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -632,11 +632,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -648,13 +648,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -672,11 +672,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -688,13 +688,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -712,7 +712,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/coreui/v5.2.0/index.html b/changelog/coreui/coreui/v5.2.0/index.html
index a490e535b3d..ac76d1f1b66 100644
--- a/changelog/coreui/coreui/v5.2.0/index.html
+++ b/changelog/coreui/coreui/v5.2.0/index.html
@@ -466,7 +466,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -478,13 +478,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -502,11 +502,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -518,13 +518,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -542,11 +542,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -558,13 +558,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -582,11 +582,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -598,13 +598,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -622,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -638,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -662,11 +662,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -678,13 +678,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,7 +702,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/index.html b/changelog/coreui/index.html
index 2b47e149215..e9b9731a8e1 100644
--- a/changelog/coreui/index.html
+++ b/changelog/coreui/index.html
@@ -913,7 +913,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react-pr
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -925,13 +925,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react-pr
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -949,11 +949,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -965,13 +965,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -989,11 +989,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1005,13 +1005,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1029,11 +1029,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1045,13 +1045,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1069,11 +1069,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1085,13 +1085,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1109,11 +1109,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1125,13 +1125,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1149,7 +1149,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/page/10/index.html b/changelog/coreui/page/10/index.html
index 0414b666150..98f2f044819 100644
--- a/changelog/coreui/page/10/index.html
+++ b/changelog/coreui/page/10/index.html
@@ -921,7 +921,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -933,13 +933,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -957,11 +957,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -973,13 +973,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -997,11 +997,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1013,13 +1013,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1037,11 +1037,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1053,13 +1053,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1077,11 +1077,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1093,13 +1093,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1117,11 +1117,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1133,13 +1133,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1157,7 +1157,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/page/11/index.html b/changelog/coreui/page/11/index.html
index b461a941035..75756202f69 100644
--- a/changelog/coreui/page/11/index.html
+++ b/changelog/coreui/page/11/index.html
@@ -917,7 +917,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -929,13 +929,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -953,11 +953,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -969,13 +969,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -993,11 +993,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1009,13 +1009,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1033,11 +1033,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1049,13 +1049,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1073,11 +1073,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1089,13 +1089,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1113,11 +1113,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1129,13 +1129,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1153,7 +1153,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/page/12/index.html b/changelog/coreui/page/12/index.html
index 9064bce5a63..80c91646f3d 100644
--- a/changelog/coreui/page/12/index.html
+++ b/changelog/coreui/page/12/index.html
@@ -507,7 +507,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -519,13 +519,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -543,11 +543,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -559,13 +559,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -583,11 +583,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -599,13 +599,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -623,11 +623,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -639,13 +639,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,11 +663,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -679,13 +679,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -703,11 +703,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -719,13 +719,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -743,7 +743,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/page/2/index.html b/changelog/coreui/page/2/index.html
index 811018ba18d..67b62e9920f 100644
--- a/changelog/coreui/page/2/index.html
+++ b/changelog/coreui/page/2/index.html
@@ -928,7 +928,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -940,13 +940,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -964,11 +964,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -980,13 +980,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1004,11 +1004,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1020,13 +1020,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1044,11 +1044,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1060,13 +1060,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1084,11 +1084,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1100,13 +1100,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1124,11 +1124,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1140,13 +1140,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1164,7 +1164,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/page/3/index.html b/changelog/coreui/page/3/index.html
index 33963acc2e5..429aca5a0d0 100644
--- a/changelog/coreui/page/3/index.html
+++ b/changelog/coreui/page/3/index.html
@@ -929,7 +929,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -941,13 +941,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -965,11 +965,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -981,13 +981,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1005,11 +1005,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1021,13 +1021,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1045,11 +1045,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1061,13 +1061,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1085,11 +1085,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1101,13 +1101,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1125,11 +1125,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1141,13 +1141,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1165,7 +1165,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/page/4/index.html b/changelog/coreui/page/4/index.html
index a2258e12f99..c0f8eede733 100644
--- a/changelog/coreui/page/4/index.html
+++ b/changelog/coreui/page/4/index.html
@@ -913,7 +913,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -925,13 +925,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -949,11 +949,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -965,13 +965,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -989,11 +989,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1005,13 +1005,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1029,11 +1029,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1045,13 +1045,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1069,11 +1069,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1085,13 +1085,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1109,11 +1109,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1125,13 +1125,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1149,7 +1149,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/page/5/index.html b/changelog/coreui/page/5/index.html
index 931be335e77..af1e0cbd23c 100644
--- a/changelog/coreui/page/5/index.html
+++ b/changelog/coreui/page/5/index.html
@@ -917,7 +917,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -929,13 +929,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -953,11 +953,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -969,13 +969,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -993,11 +993,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1009,13 +1009,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1033,11 +1033,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1049,13 +1049,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1073,11 +1073,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1089,13 +1089,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1113,11 +1113,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1129,13 +1129,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1153,7 +1153,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/page/6/index.html b/changelog/coreui/page/6/index.html
index 83182947995..640ce45f1c8 100644
--- a/changelog/coreui/page/6/index.html
+++ b/changelog/coreui/page/6/index.html
@@ -924,7 +924,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -936,13 +936,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -960,11 +960,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -976,13 +976,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1000,11 +1000,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1016,13 +1016,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1040,11 +1040,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1056,13 +1056,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1080,11 +1080,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1096,13 +1096,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1120,11 +1120,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1136,13 +1136,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1160,7 +1160,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/page/7/index.html b/changelog/coreui/page/7/index.html
index bc1500695b2..09d72c38b18 100644
--- a/changelog/coreui/page/7/index.html
+++ b/changelog/coreui/page/7/index.html
@@ -927,7 +927,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -939,13 +939,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -963,11 +963,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -979,13 +979,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1003,11 +1003,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1019,13 +1019,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1043,11 +1043,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1059,13 +1059,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1083,11 +1083,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1099,13 +1099,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1123,11 +1123,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1139,13 +1139,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1163,7 +1163,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/page/8/index.html b/changelog/coreui/page/8/index.html
index e76ffdfbecd..068e35734f7 100644
--- a/changelog/coreui/page/8/index.html
+++ b/changelog/coreui/page/8/index.html
@@ -929,7 +929,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -941,13 +941,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -965,11 +965,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -981,13 +981,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1005,11 +1005,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1021,13 +1021,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1045,11 +1045,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1061,13 +1061,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1085,11 +1085,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1101,13 +1101,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1125,11 +1125,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1141,13 +1141,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1165,7 +1165,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/page/9/index.html b/changelog/coreui/page/9/index.html
index 7cea2d60763..42daf8a227a 100644
--- a/changelog/coreui/page/9/index.html
+++ b/changelog/coreui/page/9/index.html
@@ -937,7 +937,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -949,13 +949,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -973,11 +973,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -989,13 +989,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1013,11 +1013,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1029,13 +1029,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1053,11 +1053,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1069,13 +1069,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1093,11 +1093,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1109,13 +1109,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1133,11 +1133,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1149,13 +1149,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1173,7 +1173,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/index.html b/changelog/coreui/react-pro/index.html
index 194d1bdf5cb..39444ab76b0 100644
--- a/changelog/coreui/react-pro/index.html
+++ b/changelog/coreui/react-pro/index.html
@@ -919,7 +919,7 @@ <h2 id="how-to-update">How to Update</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -931,13 +931,13 @@ <h2 id="how-to-update">How to Update</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -955,11 +955,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -971,13 +971,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -995,11 +995,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1011,13 +1011,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1035,11 +1035,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1051,13 +1051,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1075,11 +1075,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1091,13 +1091,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1115,11 +1115,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1131,13 +1131,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1155,7 +1155,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/page/2/index.html b/changelog/coreui/react-pro/page/2/index.html
index c33d5212789..a3753eff4fa 100644
--- a/changelog/coreui/react-pro/page/2/index.html
+++ b/changelog/coreui/react-pro/page/2/index.html
@@ -496,7 +496,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react-pr
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -508,13 +508,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react-pr
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -532,11 +532,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -548,13 +548,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -572,11 +572,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -588,13 +588,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -612,11 +612,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -628,13 +628,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -652,11 +652,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -668,13 +668,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -692,11 +692,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -708,13 +708,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -732,7 +732,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.0.0-rc.2/index.html b/changelog/coreui/react-pro/v5.0.0-rc.2/index.html
index 1245df45228..da88698dd6a 100644
--- a/changelog/coreui/react-pro/v5.0.0-rc.2/index.html
+++ b/changelog/coreui/react-pro/v5.0.0-rc.2/index.html
@@ -472,7 +472,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -484,13 +484,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -508,11 +508,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -524,13 +524,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -548,11 +548,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -564,13 +564,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -588,11 +588,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -604,13 +604,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -628,11 +628,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -644,13 +644,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -668,11 +668,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -684,13 +684,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -708,7 +708,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.0.0-rc.3/index.html b/changelog/coreui/react-pro/v5.0.0-rc.3/index.html
index e4bb3e8dd94..c38b25fe2fd 100644
--- a/changelog/coreui/react-pro/v5.0.0-rc.3/index.html
+++ b/changelog/coreui/react-pro/v5.0.0-rc.3/index.html
@@ -441,7 +441,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -453,13 +453,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -477,11 +477,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -493,13 +493,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -517,11 +517,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -533,13 +533,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -557,11 +557,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -573,13 +573,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -597,11 +597,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -613,13 +613,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -637,11 +637,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -653,13 +653,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -677,7 +677,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.0.0/index.html b/changelog/coreui/react-pro/v5.0.0/index.html
index b18cba56c6b..c2a02fa24fc 100644
--- a/changelog/coreui/react-pro/v5.0.0/index.html
+++ b/changelog/coreui/react-pro/v5.0.0/index.html
@@ -462,7 +462,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -474,13 +474,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -498,11 +498,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -514,13 +514,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -538,11 +538,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -554,13 +554,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -578,11 +578,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -594,13 +594,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -618,11 +618,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -634,13 +634,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -658,11 +658,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -674,13 +674,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -698,7 +698,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.1.0/index.html b/changelog/coreui/react-pro/v5.1.0/index.html
index c6ab582ab1f..d1a0f50242d 100644
--- a/changelog/coreui/react-pro/v5.1.0/index.html
+++ b/changelog/coreui/react-pro/v5.1.0/index.html
@@ -459,7 +459,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -471,13 +471,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -495,11 +495,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -511,13 +511,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -535,11 +535,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -551,13 +551,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -575,11 +575,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -591,13 +591,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -615,11 +615,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -631,13 +631,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -655,11 +655,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -671,13 +671,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -695,7 +695,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.2.0/index.html b/changelog/coreui/react-pro/v5.2.0/index.html
index aedb32d0348..f1cfd382678 100644
--- a/changelog/coreui/react-pro/v5.2.0/index.html
+++ b/changelog/coreui/react-pro/v5.2.0/index.html
@@ -483,7 +483,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -495,13 +495,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -519,11 +519,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -535,13 +535,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -559,11 +559,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -575,13 +575,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -599,11 +599,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -615,13 +615,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -639,11 +639,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -655,13 +655,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -679,11 +679,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -695,13 +695,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -719,7 +719,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.3.0/index.html b/changelog/coreui/react-pro/v5.3.0/index.html
index 272c351d777..2486d8e457f 100644
--- a/changelog/coreui/react-pro/v5.3.0/index.html
+++ b/changelog/coreui/react-pro/v5.3.0/index.html
@@ -471,7 +471,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -483,13 +483,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -507,11 +507,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -523,13 +523,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -547,11 +547,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -563,13 +563,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -587,11 +587,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -603,13 +603,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -627,11 +627,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -643,13 +643,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -667,11 +667,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -683,13 +683,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -707,7 +707,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.4.0/index.html b/changelog/coreui/react-pro/v5.4.0/index.html
index 05179dba528..5422ab73c10 100644
--- a/changelog/coreui/react-pro/v5.4.0/index.html
+++ b/changelog/coreui/react-pro/v5.4.0/index.html
@@ -468,7 +468,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -480,13 +480,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -504,11 +504,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -520,13 +520,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -544,11 +544,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -560,13 +560,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -584,11 +584,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -600,13 +600,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -624,11 +624,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -640,13 +640,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -664,11 +664,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -680,13 +680,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -704,7 +704,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.5.0/index.html b/changelog/coreui/react-pro/v5.5.0/index.html
index cc87e54e4a8..728bd13e3ff 100644
--- a/changelog/coreui/react-pro/v5.5.0/index.html
+++ b/changelog/coreui/react-pro/v5.5.0/index.html
@@ -457,7 +457,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -469,13 +469,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -493,11 +493,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -509,13 +509,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -533,11 +533,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -549,13 +549,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -573,11 +573,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -589,13 +589,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -613,11 +613,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -629,13 +629,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -653,11 +653,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -669,13 +669,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -693,7 +693,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.6.0/index.html b/changelog/coreui/react-pro/v5.6.0/index.html
index 18b950ae770..b632f86b1e7 100644
--- a/changelog/coreui/react-pro/v5.6.0/index.html
+++ b/changelog/coreui/react-pro/v5.6.0/index.html
@@ -470,7 +470,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -482,13 +482,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -506,11 +506,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -522,13 +522,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -546,11 +546,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -562,13 +562,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -586,11 +586,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -602,13 +602,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -626,11 +626,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -642,13 +642,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -666,11 +666,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -682,13 +682,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -706,7 +706,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.7.0/index.html b/changelog/coreui/react-pro/v5.7.0/index.html
index 0e7abaa2969..8c3a2fd4432 100644
--- a/changelog/coreui/react-pro/v5.7.0/index.html
+++ b/changelog/coreui/react-pro/v5.7.0/index.html
@@ -463,7 +463,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -475,13 +475,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -499,11 +499,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -515,13 +515,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -539,11 +539,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -555,13 +555,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -579,11 +579,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -595,13 +595,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -619,11 +619,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -635,13 +635,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -659,11 +659,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -675,13 +675,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -699,7 +699,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.8.0/index.html b/changelog/coreui/react-pro/v5.8.0/index.html
index 546f1ffc4f6..05ce254ad40 100644
--- a/changelog/coreui/react-pro/v5.8.0/index.html
+++ b/changelog/coreui/react-pro/v5.8.0/index.html
@@ -479,7 +479,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -491,13 +491,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -515,11 +515,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -531,13 +531,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -555,11 +555,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -571,13 +571,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -595,11 +595,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -611,13 +611,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -635,11 +635,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -651,13 +651,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -675,11 +675,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -691,13 +691,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -715,7 +715,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react-pro/v5.9.0/index.html b/changelog/coreui/react-pro/v5.9.0/index.html
index b6c0c7376dd..e998503befe 100644
--- a/changelog/coreui/react-pro/v5.9.0/index.html
+++ b/changelog/coreui/react-pro/v5.9.0/index.html
@@ -468,7 +468,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -480,13 +480,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -504,11 +504,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -520,13 +520,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -544,11 +544,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -560,13 +560,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -584,11 +584,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -600,13 +600,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -624,11 +624,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -640,13 +640,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -664,11 +664,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -680,13 +680,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -704,7 +704,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react/index.html b/changelog/coreui/react/index.html
index c0b06fccd0b..a93dad1faa2 100644
--- a/changelog/coreui/react/index.html
+++ b/changelog/coreui/react/index.html
@@ -833,7 +833,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -845,13 +845,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -869,11 +869,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -885,13 +885,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -909,11 +909,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -925,13 +925,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -949,11 +949,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -965,13 +965,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -989,11 +989,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1005,13 +1005,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1029,11 +1029,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1045,13 +1045,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1069,7 +1069,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react/v5.0.0-rc.1/index.html b/changelog/coreui/react/v5.0.0-rc.1/index.html
index 79335cd9096..ae8312d178c 100644
--- a/changelog/coreui/react/v5.0.0-rc.1/index.html
+++ b/changelog/coreui/react/v5.0.0-rc.1/index.html
@@ -472,7 +472,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -484,13 +484,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -508,11 +508,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -524,13 +524,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -548,11 +548,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -564,13 +564,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -588,11 +588,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -604,13 +604,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -628,11 +628,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -644,13 +644,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -668,11 +668,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -684,13 +684,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -708,7 +708,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react/v5.0.0-rc.2/index.html b/changelog/coreui/react/v5.0.0-rc.2/index.html
index 8a5f3a2b4c0..34f16f2820a 100644
--- a/changelog/coreui/react/v5.0.0-rc.2/index.html
+++ b/changelog/coreui/react/v5.0.0-rc.2/index.html
@@ -467,7 +467,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -479,13 +479,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -503,11 +503,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -519,13 +519,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -543,11 +543,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -559,13 +559,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -583,11 +583,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -599,13 +599,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -623,11 +623,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -639,13 +639,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,11 +663,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -679,13 +679,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -703,7 +703,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react/v5.0.0-rc.3/index.html b/changelog/coreui/react/v5.0.0-rc.3/index.html
index 057ab70ed6d..6c9306bf5dd 100644
--- a/changelog/coreui/react/v5.0.0-rc.3/index.html
+++ b/changelog/coreui/react/v5.0.0-rc.3/index.html
@@ -440,7 +440,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -452,13 +452,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -476,11 +476,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -492,13 +492,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -516,11 +516,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -532,13 +532,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -556,11 +556,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -572,13 +572,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -596,11 +596,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -612,13 +612,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -636,11 +636,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -652,13 +652,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -676,7 +676,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react/v5.0.0/index.html b/changelog/coreui/react/v5.0.0/index.html
index f45aff7b47f..1ef3b1d6cb1 100644
--- a/changelog/coreui/react/v5.0.0/index.html
+++ b/changelog/coreui/react/v5.0.0/index.html
@@ -447,7 +447,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -459,13 +459,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -483,11 +483,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -499,13 +499,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -523,11 +523,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -539,13 +539,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -563,11 +563,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -579,13 +579,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -603,11 +603,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -619,13 +619,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -643,11 +643,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -659,13 +659,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -683,7 +683,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react/v5.1.0/index.html b/changelog/coreui/react/v5.1.0/index.html
index 864251b339a..00c8378e2bf 100644
--- a/changelog/coreui/react/v5.1.0/index.html
+++ b/changelog/coreui/react/v5.1.0/index.html
@@ -477,7 +477,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -489,13 +489,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -513,11 +513,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -529,13 +529,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -553,11 +553,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -569,13 +569,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -593,11 +593,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -609,13 +609,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -633,11 +633,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -649,13 +649,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -673,11 +673,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -689,13 +689,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -713,7 +713,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react/v5.2.0/index.html b/changelog/coreui/react/v5.2.0/index.html
index bc136758b05..fe291679eb1 100644
--- a/changelog/coreui/react/v5.2.0/index.html
+++ b/changelog/coreui/react/v5.2.0/index.html
@@ -466,7 +466,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -478,13 +478,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -502,11 +502,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -518,13 +518,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -542,11 +542,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -558,13 +558,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -582,11 +582,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -598,13 +598,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -622,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -638,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -662,11 +662,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -678,13 +678,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,7 +702,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react/v5.3.0/index.html b/changelog/coreui/react/v5.3.0/index.html
index eeb2cb19b37..24ae5cb19b1 100644
--- a/changelog/coreui/react/v5.3.0/index.html
+++ b/changelog/coreui/react/v5.3.0/index.html
@@ -469,7 +469,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -481,13 +481,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -505,11 +505,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -521,13 +521,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -545,11 +545,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -561,13 +561,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -585,11 +585,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -601,13 +601,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -625,11 +625,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -641,13 +641,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -665,11 +665,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -681,13 +681,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -705,7 +705,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react/v5.4.0/index.html b/changelog/coreui/react/v5.4.0/index.html
index afc4b119b90..5f7e8eb4053 100644
--- a/changelog/coreui/react/v5.4.0/index.html
+++ b/changelog/coreui/react/v5.4.0/index.html
@@ -466,7 +466,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -478,13 +478,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -502,11 +502,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -518,13 +518,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -542,11 +542,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -558,13 +558,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -582,11 +582,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -598,13 +598,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -622,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -638,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -662,11 +662,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -678,13 +678,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,7 +702,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/react/v5.4.1/index.html b/changelog/coreui/react/v5.4.1/index.html
index bbe35b591f4..9a8b12c770b 100644
--- a/changelog/coreui/react/v5.4.1/index.html
+++ b/changelog/coreui/react/v5.4.1/index.html
@@ -468,7 +468,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -480,13 +480,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -504,11 +504,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -520,13 +520,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -544,11 +544,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -560,13 +560,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -584,11 +584,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -600,13 +600,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -624,11 +624,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -640,13 +640,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -664,11 +664,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -680,13 +680,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -704,7 +704,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue-pro/index.html b/changelog/coreui/vue-pro/index.html
index 88955b0afb4..435d80642e1 100644
--- a/changelog/coreui/vue-pro/index.html
+++ b/changelog/coreui/vue-pro/index.html
@@ -884,7 +884,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -896,13 +896,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -920,11 +920,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -936,13 +936,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -960,11 +960,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -976,13 +976,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1000,11 +1000,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1016,13 +1016,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1040,11 +1040,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1056,13 +1056,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1080,11 +1080,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1096,13 +1096,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1120,7 +1120,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue-pro/v5.0.0-rc.2/index.html b/changelog/coreui/vue-pro/v5.0.0-rc.2/index.html
index 706c1f42aec..863bf30e15c 100644
--- a/changelog/coreui/vue-pro/v5.0.0-rc.2/index.html
+++ b/changelog/coreui/vue-pro/v5.0.0-rc.2/index.html
@@ -454,7 +454,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -466,13 +466,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -490,11 +490,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -506,13 +506,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -530,11 +530,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -546,13 +546,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -570,11 +570,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -586,13 +586,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -610,11 +610,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -626,13 +626,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -650,11 +650,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -666,13 +666,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -690,7 +690,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue-pro/v5.0.0-rc.3/index.html b/changelog/coreui/vue-pro/v5.0.0-rc.3/index.html
index 6b72a036a60..a9d5136c573 100644
--- a/changelog/coreui/vue-pro/v5.0.0-rc.3/index.html
+++ b/changelog/coreui/vue-pro/v5.0.0-rc.3/index.html
@@ -446,7 +446,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -458,13 +458,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -482,11 +482,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -498,13 +498,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -522,11 +522,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -538,13 +538,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -562,11 +562,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -578,13 +578,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -602,11 +602,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -618,13 +618,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -642,11 +642,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -658,13 +658,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -682,7 +682,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue-pro/v5.1.0/index.html b/changelog/coreui/vue-pro/v5.1.0/index.html
index c88a8be78f5..fc9a9ed208a 100644
--- a/changelog/coreui/vue-pro/v5.1.0/index.html
+++ b/changelog/coreui/vue-pro/v5.1.0/index.html
@@ -453,7 +453,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -465,13 +465,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -489,11 +489,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -505,13 +505,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -529,11 +529,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -545,13 +545,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -569,11 +569,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -585,13 +585,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -609,11 +609,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -625,13 +625,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -649,11 +649,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -665,13 +665,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -689,7 +689,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue-pro/v5.2.0/index.html b/changelog/coreui/vue-pro/v5.2.0/index.html
index ab7d3655dde..b9ddf5e104d 100644
--- a/changelog/coreui/vue-pro/v5.2.0/index.html
+++ b/changelog/coreui/vue-pro/v5.2.0/index.html
@@ -473,7 +473,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -485,13 +485,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -509,11 +509,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -525,13 +525,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -549,11 +549,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -565,13 +565,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -589,11 +589,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -605,13 +605,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -629,11 +629,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -645,13 +645,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -669,11 +669,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -685,13 +685,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -709,7 +709,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue-pro/v5.3.0/index.html b/changelog/coreui/vue-pro/v5.3.0/index.html
index 3809b247b81..e8d3c2ae675 100644
--- a/changelog/coreui/vue-pro/v5.3.0/index.html
+++ b/changelog/coreui/vue-pro/v5.3.0/index.html
@@ -483,7 +483,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -495,13 +495,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -519,11 +519,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -535,13 +535,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -559,11 +559,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -575,13 +575,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -599,11 +599,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -615,13 +615,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -639,11 +639,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -655,13 +655,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -679,11 +679,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -695,13 +695,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -719,7 +719,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue-pro/v5.4.0/index.html b/changelog/coreui/vue-pro/v5.4.0/index.html
index 2e1dea37239..6666937ce41 100644
--- a/changelog/coreui/vue-pro/v5.4.0/index.html
+++ b/changelog/coreui/vue-pro/v5.4.0/index.html
@@ -470,7 +470,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -482,13 +482,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -506,11 +506,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -522,13 +522,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -546,11 +546,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -562,13 +562,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -586,11 +586,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -602,13 +602,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -626,11 +626,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -642,13 +642,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -666,11 +666,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -682,13 +682,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -706,7 +706,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue-pro/v5.5.0/index.html b/changelog/coreui/vue-pro/v5.5.0/index.html
index b4d313c98ec..47c273a5dfd 100644
--- a/changelog/coreui/vue-pro/v5.5.0/index.html
+++ b/changelog/coreui/vue-pro/v5.5.0/index.html
@@ -471,7 +471,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -483,13 +483,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -507,11 +507,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -523,13 +523,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -547,11 +547,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -563,13 +563,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -587,11 +587,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -603,13 +603,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -627,11 +627,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -643,13 +643,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -667,11 +667,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -683,13 +683,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -707,7 +707,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue-pro/v5.6.0/index.html b/changelog/coreui/vue-pro/v5.6.0/index.html
index 54570141fac..4b5ec8498f5 100644
--- a/changelog/coreui/vue-pro/v5.6.0/index.html
+++ b/changelog/coreui/vue-pro/v5.6.0/index.html
@@ -478,7 +478,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -490,13 +490,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -514,11 +514,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -530,13 +530,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -554,11 +554,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -570,13 +570,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -594,11 +594,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -610,13 +610,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -634,11 +634,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -650,13 +650,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -674,11 +674,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -690,13 +690,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -714,7 +714,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue-pro/v5.7.0/index.html b/changelog/coreui/vue-pro/v5.7.0/index.html
index 0bf8a260f30..9caa516587f 100644
--- a/changelog/coreui/vue-pro/v5.7.0/index.html
+++ b/changelog/coreui/vue-pro/v5.7.0/index.html
@@ -485,7 +485,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -497,13 +497,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -521,11 +521,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -537,13 +537,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -561,11 +561,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -577,13 +577,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -601,11 +601,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -617,13 +617,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -641,11 +641,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -657,13 +657,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -681,11 +681,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -697,13 +697,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -721,7 +721,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue-pro/v5.8.0/index.html b/changelog/coreui/vue-pro/v5.8.0/index.html
index 3c99bbef351..e1ae4b714d5 100644
--- a/changelog/coreui/vue-pro/v5.8.0/index.html
+++ b/changelog/coreui/vue-pro/v5.8.0/index.html
@@ -459,7 +459,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -471,13 +471,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -495,11 +495,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -511,13 +511,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -535,11 +535,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -551,13 +551,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -575,11 +575,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -591,13 +591,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -615,11 +615,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -631,13 +631,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -655,11 +655,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -671,13 +671,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -695,7 +695,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue/index.html b/changelog/coreui/vue/index.html
index abaf17d492b..bc5b2e5001b 100644
--- a/changelog/coreui/vue/index.html
+++ b/changelog/coreui/vue/index.html
@@ -731,7 +731,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.0
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -743,13 +743,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.0
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -767,11 +767,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -783,13 +783,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -807,11 +807,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -823,13 +823,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -847,11 +847,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -863,13 +863,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -887,11 +887,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -903,13 +903,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -927,11 +927,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -943,13 +943,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -967,7 +967,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue/v5.0.0-rc.2/index.html b/changelog/coreui/vue/v5.0.0-rc.2/index.html
index 21896db8644..5a1e6e154b9 100644
--- a/changelog/coreui/vue/v5.0.0-rc.2/index.html
+++ b/changelog/coreui/vue/v5.0.0-rc.2/index.html
@@ -447,7 +447,7 @@ <h3 id="dependencies">Dependencies</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -459,13 +459,13 @@ <h3 id="dependencies">Dependencies</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -483,11 +483,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -499,13 +499,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -523,11 +523,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -539,13 +539,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -563,11 +563,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -579,13 +579,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -603,11 +603,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -619,13 +619,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -643,11 +643,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -659,13 +659,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -683,7 +683,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue/v5.0.0-rc.3/index.html b/changelog/coreui/vue/v5.0.0-rc.3/index.html
index b80a8042147..1bff3cf1b01 100644
--- a/changelog/coreui/vue/v5.0.0-rc.3/index.html
+++ b/changelog/coreui/vue/v5.0.0-rc.3/index.html
@@ -446,7 +446,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -458,13 +458,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -482,11 +482,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -498,13 +498,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -522,11 +522,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -538,13 +538,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -562,11 +562,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -578,13 +578,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -602,11 +602,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -618,13 +618,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -642,11 +642,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -658,13 +658,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -682,7 +682,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue/v5.1.0/index.html b/changelog/coreui/vue/v5.1.0/index.html
index aa9d0c08d40..3fcfbe3bed5 100644
--- a/changelog/coreui/vue/v5.1.0/index.html
+++ b/changelog/coreui/vue/v5.1.0/index.html
@@ -473,7 +473,7 @@ <h3 id="dependency-updates">Dependency Updates</h3>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -485,13 +485,13 @@ <h3 id="dependency-updates">Dependency Updates</h3>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -509,11 +509,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -525,13 +525,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -549,11 +549,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -565,13 +565,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -589,11 +589,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -605,13 +605,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -629,11 +629,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -645,13 +645,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -669,11 +669,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -685,13 +685,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -709,7 +709,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue/v5.2.0/index.html b/changelog/coreui/vue/v5.2.0/index.html
index 9d3f66e43f2..b793606f73e 100644
--- a/changelog/coreui/vue/v5.2.0/index.html
+++ b/changelog/coreui/vue/v5.2.0/index.html
@@ -478,7 +478,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -490,13 +490,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -514,11 +514,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -530,13 +530,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -554,11 +554,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -570,13 +570,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -594,11 +594,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -610,13 +610,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -634,11 +634,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -650,13 +650,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -674,11 +674,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -690,13 +690,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -714,7 +714,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue/v5.3.0/index.html b/changelog/coreui/vue/v5.3.0/index.html
index df0e5daf915..fc802971395 100644
--- a/changelog/coreui/vue/v5.3.0/index.html
+++ b/changelog/coreui/vue/v5.3.0/index.html
@@ -467,7 +467,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -479,13 +479,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -503,11 +503,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -519,13 +519,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -543,11 +543,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -559,13 +559,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -583,11 +583,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -599,13 +599,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -623,11 +623,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -639,13 +639,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,11 +663,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -679,13 +679,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -703,7 +703,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue/v5.4.0/index.html b/changelog/coreui/vue/v5.4.0/index.html
index b03f88139b7..5601299407a 100644
--- a/changelog/coreui/vue/v5.4.0/index.html
+++ b/changelog/coreui/vue/v5.4.0/index.html
@@ -462,7 +462,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -474,13 +474,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -498,11 +498,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -514,13 +514,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -538,11 +538,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -554,13 +554,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -578,11 +578,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -594,13 +594,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -618,11 +618,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -634,13 +634,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -658,11 +658,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -674,13 +674,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -698,7 +698,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/coreui/vue/v5.4.1/index.html b/changelog/coreui/vue/v5.4.1/index.html
index 6009064e3ad..922d6927d19 100644
--- a/changelog/coreui/vue/v5.4.1/index.html
+++ b/changelog/coreui/vue/v5.4.1/index.html
@@ -476,7 +476,7 @@ <h2 id="dependency-updates">Dependency Updates</h2>
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -488,13 +488,13 @@ <h2 id="dependency-updates">Dependency Updates</h2>
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -512,11 +512,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -528,13 +528,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -552,11 +552,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -568,13 +568,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -592,11 +592,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -608,13 +608,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -632,11 +632,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -648,13 +648,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -672,11 +672,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -688,13 +688,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -712,7 +712,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/index.html b/changelog/index.html
index 1ecbd48f312..a70a610992b 100644
--- a/changelog/index.html
+++ b/changelog/index.html
@@ -913,7 +913,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react-pr
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -925,13 +925,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react-pr
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -949,11 +949,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -965,13 +965,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -989,11 +989,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1005,13 +1005,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1029,11 +1029,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1045,13 +1045,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1069,11 +1069,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1085,13 +1085,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1109,11 +1109,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1125,13 +1125,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1149,7 +1149,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/page/10/index.html b/changelog/page/10/index.html
index fb84211e7d8..ac8ea54b2e1 100644
--- a/changelog/page/10/index.html
+++ b/changelog/page/10/index.html
@@ -921,7 +921,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -933,13 +933,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -957,11 +957,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -973,13 +973,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -997,11 +997,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1013,13 +1013,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1037,11 +1037,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1053,13 +1053,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1077,11 +1077,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1093,13 +1093,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1117,11 +1117,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1133,13 +1133,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1157,7 +1157,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/page/11/index.html b/changelog/page/11/index.html
index 6006d28b29b..fa16a152627 100644
--- a/changelog/page/11/index.html
+++ b/changelog/page/11/index.html
@@ -917,7 +917,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -929,13 +929,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -953,11 +953,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -969,13 +969,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -993,11 +993,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1009,13 +1009,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1033,11 +1033,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1049,13 +1049,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1073,11 +1073,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1089,13 +1089,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1113,11 +1113,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1129,13 +1129,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1153,7 +1153,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/page/12/index.html b/changelog/page/12/index.html
index 5af638ace93..34d76641579 100644
--- a/changelog/page/12/index.html
+++ b/changelog/page/12/index.html
@@ -507,7 +507,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -519,13 +519,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -543,11 +543,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -559,13 +559,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -583,11 +583,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -599,13 +599,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -623,11 +623,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -639,13 +639,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,11 +663,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -679,13 +679,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -703,11 +703,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -719,13 +719,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -743,7 +743,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/page/2/index.html b/changelog/page/2/index.html
index a6238c59c53..ac8023b2e52 100644
--- a/changelog/page/2/index.html
+++ b/changelog/page/2/index.html
@@ -928,7 +928,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -940,13 +940,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -964,11 +964,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -980,13 +980,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1004,11 +1004,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1020,13 +1020,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1044,11 +1044,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1060,13 +1060,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1084,11 +1084,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1100,13 +1100,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1124,11 +1124,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1140,13 +1140,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1164,7 +1164,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/page/3/index.html b/changelog/page/3/index.html
index 617909eb476..5c8599ae897 100644
--- a/changelog/page/3/index.html
+++ b/changelog/page/3/index.html
@@ -929,7 +929,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -941,13 +941,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -965,11 +965,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -981,13 +981,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1005,11 +1005,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1021,13 +1021,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1045,11 +1045,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1061,13 +1061,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1085,11 +1085,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1101,13 +1101,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1125,11 +1125,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1141,13 +1141,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1165,7 +1165,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/page/4/index.html b/changelog/page/4/index.html
index e8494bc3b71..722d1972a70 100644
--- a/changelog/page/4/index.html
+++ b/changelog/page/4/index.html
@@ -913,7 +913,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -925,13 +925,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -949,11 +949,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -965,13 +965,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -989,11 +989,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1005,13 +1005,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1029,11 +1029,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1045,13 +1045,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1069,11 +1069,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1085,13 +1085,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1109,11 +1109,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1125,13 +1125,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1149,7 +1149,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/page/5/index.html b/changelog/page/5/index.html
index 06f74641d67..e8e5411eb8d 100644
--- a/changelog/page/5/index.html
+++ b/changelog/page/5/index.html
@@ -917,7 +917,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -929,13 +929,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -953,11 +953,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -969,13 +969,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -993,11 +993,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1009,13 +1009,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1033,11 +1033,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1049,13 +1049,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1073,11 +1073,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1089,13 +1089,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1113,11 +1113,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1129,13 +1129,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1153,7 +1153,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/page/6/index.html b/changelog/page/6/index.html
index 802ccf82900..1b836df6a63 100644
--- a/changelog/page/6/index.html
+++ b/changelog/page/6/index.html
@@ -924,7 +924,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -936,13 +936,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -960,11 +960,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -976,13 +976,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1000,11 +1000,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1016,13 +1016,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1040,11 +1040,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1056,13 +1056,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1080,11 +1080,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1096,13 +1096,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1120,11 +1120,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1136,13 +1136,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1160,7 +1160,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/page/7/index.html b/changelog/page/7/index.html
index 8d259f84e30..1c289a27098 100644
--- a/changelog/page/7/index.html
+++ b/changelog/page/7/index.html
@@ -927,7 +927,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -939,13 +939,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -963,11 +963,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -979,13 +979,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1003,11 +1003,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1019,13 +1019,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1043,11 +1043,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1059,13 +1059,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1083,11 +1083,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1099,13 +1099,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1123,11 +1123,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1139,13 +1139,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1163,7 +1163,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/page/8/index.html b/changelog/page/8/index.html
index 018e1c12fbf..0c6d7777a30 100644
--- a/changelog/page/8/index.html
+++ b/changelog/page/8/index.html
@@ -929,7 +929,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -941,13 +941,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -965,11 +965,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -981,13 +981,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1005,11 +1005,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1021,13 +1021,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1045,11 +1045,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1061,13 +1061,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1085,11 +1085,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1101,13 +1101,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1125,11 +1125,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1141,13 +1141,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1165,7 +1165,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/changelog/page/9/index.html b/changelog/page/9/index.html
index c532c3f2854..8595c836be7 100644
--- a/changelog/page/9/index.html
+++ b/changelog/page/9/index.html
@@ -937,7 +937,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -949,13 +949,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue-pro/
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -973,11 +973,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -989,13 +989,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1013,11 +1013,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -1029,13 +1029,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1053,11 +1053,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -1069,13 +1069,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1093,11 +1093,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -1109,13 +1109,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1133,11 +1133,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -1149,13 +1149,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1173,7 +1173,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/contact/index.html b/contact/index.html
index cad0fe49ace..12c4ef8c5c0 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -403,7 +403,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/contact/sales/">Contact o
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -415,13 +415,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/contact/sales/">Contact o
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -439,11 +439,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -455,13 +455,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -479,11 +479,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -495,13 +495,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -519,11 +519,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -535,13 +535,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -559,11 +559,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -575,13 +575,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -599,11 +599,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -615,13 +615,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -639,7 +639,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp b/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp
new file mode 100644
index 0000000000000000000000000000000000000000..43741c1d770287d5cdbfb1213e5996947da07099
GIT binary patch
literal 9372
zcmV;NBxBoBNk&GLBme+cMM6+kP&gonBme-gqX3-&D&PSQ0X{t*j6<OaNUY*E34!8x
z+qhZSIa#*ryP|~sY&vG`6|#PL`w#9PupU3!1@51Keq=9i^AFc~ck(~^f9oH*zuZ2W
z{h)k0{W<>Q+z<52{8#rc@L&0VwRd0s)%OAL1Nk@g-})cn|9}2&|J#4D{|oMy```J0
z%0G|~<R8<%{C+Y0iNCLZ)b<1ZTm6Im_q6~0pZx#p|9}3H|FHk9|Hb}?_y7Ml*jMtO
z>i_e<KELVx0Dt-Q0RNNf0sH^$@92N)f4O%J{sZ!(vkT3>Epz|*p5&iq{~P`9_UrQ-
z@W*F70e>L=WBzOUU+yOnC;<Aq{<qUB>A&3iRrUA$Z`&u>2lHR)|LZ>2Is`u7>IMAY
z`*-?p@qgMq*1zrlA?T~>pZx#f{sX_8e`Nom*pv5%*&FsqOhYzp%`0>&@7qPT-Yxas
zn*?!?nnM6^UMFy9&a`O|d{{q?SDba+88QV2b2O!^UnFH*eVWMUsCu%0J!PbSo_XfU
zW?N?;oU0^V=Q_;i{<l#M73+F<wZf_l;NZsQq81PT|NnJE!%a4+dZnapVsG9RH)PKC
zDltaTpw6=H^6{PB3B#)Rv)6zNR~AsmNfF1KP6FgaTn?MEm3sPs4qhmAAS2`mpl0(s
zpEmqS$&sn;i@*UKcr3ms8`0cW4wKQ-CnMS9D!-ngve+s!&tYV;OwYD1Owu&f@dIpL
zLZ=omd3Mm=?IbXz)8c7YA3zBh-qCtdPzx-5mXG}klrsbXwJy-c*5kVLH=ky@y>^`R
z)Ogd7Iu>LIxvPm|tp3;q+;GJ+1FRvJoJaM#R@8fNE#h|}*!LkQN$pd88p1F8ladY^
z#z}Q6gErO2*|kOaXBi-|B;i)=#TM#fML}b@xn?kng@GJpNwLr?j%B82ZeVMf!No5%
zJ6XbSBfu4lgdfH}JsglEOtj{)=;?N7;Az@6zpt}~E5ls6V$BW^s6-Qsnj>`Gl&j*`
ze4#JTg`8LrZt;G7>M>fdZI3l=!q>_;=>Pg6{Mp}s(Y9D~FkxfET53>VIaPC7-<G20
z+*wF1Kfx>w$Mfe_9IFiD+@2Dy%`!!cbqwe#^kuI2)l2#`u&|{|TqA@lhBcZsoaa32
zll(OP9xT54pYvVh+nmHSTn?73ObRJEB~~#W(ACbDV)zC9rkSl1msfW1y%OMb-IS&s
zD!4z`>y$pWJ)pSf?aSByW#ti^h^OG05pFc!6(4Y`jV`?Q4)Nttm{`=P>Gt^KG+Yjw
zxvocL7Xzm3rCyX|S^yzsL}RH2XKU`R{KnT<>x|2@_$wFJSs*#4W{%3c8vPmObCOkh
zTF=g71KE<6v-6mSg^10MhpmDU07TqSqq8oVDWTWP`G0=RkKZnFY}|&~%tJ-M>ANby
z48tt+pYlz``I~)xyQGCRxa@`NPWLqVM0={rWIg{zMVAV?WfBmE+FF(n4hFjWAtvqF
zoW<<gDUG&3BY1CSfVcR^dCYD&<7Pm<_4BbODRl4UqGF{^Q}I-ZIHmkmyZGUa7W51~
z-D8G4hglL_O<hFY_%*S<yith|^(v~V<arN+bpL74UOfE%sVXh>A4M#O4__B4h!XrX
z53EODS+WS8X;&WC5ld30g?M3w;YvvxCQnsC?<ae~r{c!iH;n6LB#shkT0ZZ<;+~C@
zY@tJ+VP`C?|DdjO0|YzP<BmAS`|VKhn>-*lffO+7RUBTe15U-e^$u)o-~j&q8K?ix
z#s8m+|34S=@qhd}7A1QHAPEX#k{@4@$rHJvM>g6OiW4;SH6@4HJ3JXUlLO)Qu1O|@
zU~Svh%%Kn-RGtJBSxOmAaD~?KgS`WHxNXk%F+LbpOSsZ>KvoK?>?W<#Vbx)%h*Rue
z@0dD_LF8D3b^xJA_lPl16=1VJeb0dk%+?=dbSci;&4Gl%octBKNLifx`igJHL{PRI
z8@S|b-UjXNF^9(76Yv=HmQQ@q7ZYOxzbx$#n2QH;VejXn1PfXa*SD#bY{D})WqF1O
z5(=>vv7bGex0G8!WnU3mzyUOrS!94UY~@^b%>Hh-gAB%3YTSc@ys?+L(vcu>!cVKu
z3QaI00002{bXxemk?=obpa*0l=1^0fOh&X)vQ(0@AP4El-p?3)9E(E|4mU`XKzTeS
zchoJ%a5|na9yLO_Kpa%EIaoyaD=xJvH`;)BP2Vtuu9ARt6p_hO^_4C>jH8n_Cq}he
zuj;o~f{6q!0hPh%nmq#LE0i2@POxj%3%G{-jRXW2=%ElOaS!rMd*6n=eb?p>{f+kd
z{kKcVw;A;6fx+WY02umEL8jmWC*=Ft*dPK3VVEa(3#gE2Iz+$}eK{~t3pDC1`{1La
zHOt&`46N4F0O|$@!2>r`Kfs%fy9wsU7a%AR9p><lt^t1)>&#z*zE?Fd`b_@YbDb)L
z<OB}f4!zma_lJuu{c{=@=Qu*cQ_Zv@?1Cb%%7C{IMCBSh)YjM^2p04}gcfXb5#;8@
zwbF~PA)^COd@lDd`|!cy+fs4l*D9^KY)?8uw(I#qopmbdK8_Fag|ByXjY3irYPk?y
zRF-Wl7hRzbC{`9Mit97fa;#5X{*D|&swvPzLi}BB6J$Hx^onmGgt*Jy7sL7I?sd*v
zXzlzmwTU=>;CKEa)Qa)wA75UZa-SLEs@ZYKSj|DX7|&sAH<(V+Lh)L{m6A43y^5sr
zI_o9BgH<wTTUOM~gdr_&>Bx(NT7#pM;f8t&1|-p}Hcnm<k_B9MB_aG0L*4o>A<pfn
zmz*+n^REum-?+VoBOa%wt$3KdL7jBLIS!@NI-MN=C9VhxO+Q`sZ~+~UkLi6)>cBr{
zVSPAH@U}s(SC6SL;#Vt=|H#kydZ&N9191mqCd=(2fBcY}4MJTJDZX8YkL6%>WyI2K
zaY+Od)qa6bzhebnL9}nZF-Fd18c%dCVztXfVV}{8Q^r?oV^Rb98@XGKV<j5utctGe
zl5h^Zw@QCOs{&f>l-upnTOfffzjs~v_OXW~wm4e-f_1Xr!2e+0+|v}CWBA0J<1;Zb
z1MwDr|6g0G(H6m<e7}R)EX9Z|RK=0yQOUDruHCZX)TsbbC;N`{V&nZxQPdg8oppoF
zkP@#@wm*iwv+vwwJV~xmSmt}pk|0MqU-3?tmPriSH=7Y|)45(!0ht<fGxxboZ7j5*
zw_{=#^9@O~w7(k8lgty|nCwZZBYyS=^;8ZL5?2T24vWJA;5`+|efM@Ye7Mp?Xb>bn
zE=b8^*4t0cQ25orJG=>kH2J~i`-Hf|l-}4Faqin+&+)Z*KInLNIix#@u8sHf>0gVK
zD9{E~P2u=$Bf$t<sM=dvU=;mv<X(j!3H8gmJ9^UJ|K9W#vR4?e(>K;8XB;51PBx}Q
zhvAjrqc3<kVucdml;R&h%ksbH&=#po#MZdPE%n@F+co>gfxC?c2Tl*;n~0f$kpDa^
zu&}RKX);7)&;z;P5xV_xR|Hr4y&&}f1&%Aa@NSPs`#u;$QLo^DXGBmyb5;~W&|o`5
zs^Y^TJhHXe4%5X=?bOO5|C)^d)Lsa}-~PXwg3sa2+5gY=m+d9(Rjq&vnfWWZY`?<r
z)dgrqn$=q6v^C8!M&{aC81-s4f5om3vu`(WVQrm0bo_iO>BKIJJ#JOh57xWaW%po`
z#8l^$LQFj`@5ctjLjGXiy+tEs&#iR<j*HI!3g3=^vVS<;10Q0Y5!b#sIt!=Up4l`=
zJ*c?H^40?DlUH|;EgGiww|uwdvcmvjUxB9qAP@(1YZK+IPDLFSr3}w9bRKc0cyeT%
z&-YqTBI{{sBSScE{`kq6M1juqMZJ@XaZ<s4k`8%5Kn5LSTvc6x4&U+avyS5#0@wS>
zF;NU92ZIdC{tgWxk7mf(`*44fqpkK;!^D8^{~#NujL*<U5vZ=$NqA_SuW}Q!Vh^VA
zh*L*5iscDF=IJOuY{mdl6yZ?SdiyM|Z>xd#E!iyK=MCbj5_c=jW0)<D)=TCVGM&ct
zeN+&dbO|b){e+m*WR^}ER;(YpcgfbXNViyA!V@1cFRNO(^SuO+zwi#X6@nj9)F9ug
z;N1TO(?6{EbhL&Y;dmHUB4Fmw?Ji^v<!bo4<}nbCCDzS7hz@T8T+AjR66|G%j$tUq
z5;w6`3&gD3rk}w@b{SZyDs-uP96WZcU6CkO3_=S5%R~|JVcxi_;}hr90@dA38g^8@
zpI*qZ+WAK+0hq{WiNfbXsr*(8A`bi-ay1pW6{zt?;`1pk6m3A5D1#8=lFt|TJtZ{`
zzwh%3vb@n)b7x-2Jhgk^+9WZL1>f!45H^g3P65U0%mjX7IEG==V;^Di8^}K<z5p>e
zKX&%AAH_0}2#gu3&e4?D-&63)StiB7!?LM2pbo*YeQ(tP1%|jb0000xOZ;g-Xzzs`
z#ySiY)L*>2n6CeNKbY6L%98UKebMiutak`FOtQ?Um0l4~a6UQojVh>WtB`=}i=&Z8
zKD-}n5IK-O2Njm9?uVJXs@W$k2@3xjq5JrEJhp^*sQ`pmn?mm7EHVg}SHlrc?h-hk
zxNL0TW0XjS7v~LxOE64}{1j`R;1kwg{jdM#HauzT+HJm4#2Ushc(l<)*!p5g(xzY#
z$w-F(?TPx2sQ#Or3rRx9Xll+1nV$)elJk9o{1N-;!6|H;MCNfN2E$WAe<f!WS@ZPy
zXJC2v1T17Y@VNzzaAnZ`6@ff@xltrqDTlM4k<Cw3VU;GiM3?mX*JX|O`4UxogMS4i
zt62p&HE;Av?3A1L9uH$&6FPOEEASui6T8vhxHR^1uxP2W)xa@;-YMN^iPU_S!7?#A
z;d9vuOOb4=W6frP+xVR<YcBt43QWtXzsC$EhvxpNFjjFC^+`$hU#oe6{de>T%Qm9{
z^Ah?)DXW}~<LVCt0eZgM)or^B4TSdac?_LYzj;_bG2n4~>U^3~n&(zCs#|Y~>$@Xh
zQzMWtl{tU2uBy;*%O*}oxp+AribZkwA5%K%WRI&GvhEgt`M`Sk6=d8B0bn3PIQsA~
zm2$@0Xkpr|yxz(qC7Uh|Zo28>*eUeO+LCCZQ2wh3QeYI~$^tgEx+?7O`O@Z9xR7X_
z&C`gr=`%60k0x3Cqi^|cvHpMBF^ulteAZYc+mw}M&3H0*8s5dBGmH7v77KTj%BaHb
z4s#h`j352}CP)EiKxT1W;wa}}f9Kx@e@bFT3>G||wKLexD=Ro+gg4d>$+4oJAOygD
z2^XFxxs2U7SLZJG&%U-WwcIF1a_Fw-NFBg*QAA-K*e$M@l$$9-lVHiw%3yAGw&IK~
z_y{|$!QBSA_VEiaKXE6a7P&i7;cP-s1iS01eL5J{NW;OBQGobKDsik8>$y1<b@&Hs
zjKbSa%#>()t5udfu}I=`Chm3A{-i?c{;_cF!*2gS7{3O8#dK^l@b57quCWaSrCReM
zywWLP0i5-NWCiR)f7l28aJS5ao{6pzzZrH85d+)xa)t#!#CrbyJOp3IH#iGi8iP^V
zB&ijreElqG^9r(r+jMz*^c-rwdzwjT&P`CGLOVd`!hu3bI>w;1_Lsg+a3`HvTz!Y~
zmLb9h^4S$$MUubfbQIlyM7BpCh+oVrnef$Vgf**QP$@!44nt@f$quzWnD-G>XPw2B
z8$78YNvl;vpi!ORcd5sAP+HS<AygMr9G#IZ2gY9T{ymH#pxQ0(e<-$_%RBEUzg1dR
z^g@cv63b7Ui{zdfli5|@LtxPNpJ`-n5}Xb!!Pm@o2?b?z5Cx}kG`f>oD~XymnKt75
zKdJyfXdle+SEzoRX1N;+Q<RmuFL*Ly5)9c@P4lH@$`)c(@Qp8e@f2pE*8^}4Gs_vy
z8HeKJP*Xb-C*?rN3yI3WrhXoSoo~f<)Bc^52mch&7Ev4a!QlS4*+5e@7q&HKJ4M#g
z%7x~URjJh`EEc{t#hXc^%v%5lRSS(R95yO}G+CjtQ&WuAAOQtl{O4?xu^a(NG+G3-
z7oJtL1T4XZO4ub0yvc##_K~OW^?hA?)@5vYp$w#HJrxm>;mSHmr#eQEKbpTMisLpT
z<!^j9{@Himw*0oybSUJz!>ReFXfcLSZz34x)4wRFmMO^L39kzQ4Yj@c8DT~=g*DyS
z1=b>-<1l~G*h2D3;+q&^FM#5wb{aps@}XNJ7wKc+=uDM+U1>a4BQiqFtyx2>3^=0X
zLY|z_!ABnbtr7O1|JWA1ZM<068S%pXV6z>54v&RO-fpyN*`|BwkR^9r#BWdm?yL&F
z&jtwMBYsM|*?Bw_8NPSqG;QRg3~CR6K47n*!Y}u*IG_v4Y%XuZ$RUGRGJFCj$}3xz
zT-$p0$o~MZ&odJBivlC)n`!Xv2HXPYiU=})=UJByp)-gMEd|f95RBFciH*PVP|x%2
zI~Bwu8E#<!pa_I-WxjP2b<wo7FVI+pd7a%5HTK7x>x8fx|4uuPCva(3#(UYOtYXo7
zrm+h5Vx(C}!IYClih^&0wDu4iYqeC_l-FIxG!ByFI*~h{DYb~Ov4c5rQeSZU^seFQ
zryFcrq0ju|(dl%v$SQf>)aTkTx$GfsVxsG9zWFkYB6vBq;x>2Dga=XyRp#qjb+Q2}
zTopDn>jRnFj_sOdF1gSmWTcNS>)YB#yj@x>+4X*_P4$lwN`UdWR){&Urz><6i~{Ni
z&ZHKWGY`7z81oC?mJzQwkO{l6>1@xA{s>aFj;Ly6&bN%Ko%lQanqeE6ixmw!61J53
zQvG2njUT>7$xgVDz2cqhQli71>-7d?VGI*0FT-rq;@PwITaT@sykod~^{{D`1gj|C
zhc@zQ0xqn2nwC<7N?QI6)6Q_#iS#Zu3A(^0Gz+s^L$vUdh*^!P1k{Bb;iA1kwT{LT
znLlrGE81A=J#YG)GCTHLl$CBSeGBx%IaZXT;6p^}7pUZb8?w`}Z+G$Iz3)MjipMVv
zVDu^C4r$4_0Py_o3+PIH){H8n;xiTKC>AvU>n~gJNf$wopz*(STrbOLklDnbVX!La
zdbasvYHAPF^SauXJ0z6r3+$xpcK>aW5t}Y4aDlM?3_QX+p6!y^tLE?kb`;FuEqZw$
z&MMHu6Pa#vFjeX3WR*T0b}gZof!cH~mVa0BYDAu@y19fwG!T5E&-4XUNc8E}8u!1^
zV!I{;IPgtW?!6WBbcFu5FMoq%XuL@gu)^fy>5EPiB(S&RL91mIuOg|OT54YJVs8N@
zBBa`3!$4szaPITo3^Rc=WDKkjtB)dgGVswSVI<O3!+hcPk)!kY^E=Ly1F=EH%w~zd
z5LhM!I19<=VUNNZmc9vNc7o_?=b|~A04zP1hVrr`K7}0RKkj==edpPtSdEhx_Be4z
z2@SONDyWkP-5ufo`*cgbCnK-{kI~CrPjAeCO*-8LB?DmR#~$W3pAd6Oeo03ek7GxM
zBY#8hwRHtmc&uZB)3A-TWMm0<OixI_OrP&2-!Nf2p#;XQNwCPIBPiz}_uTwICAn1}
zelgKYGUAI~RsjF}QNXW?ji01??v{?%E5}pVlNJ;HOPlaWu#Khmu|7BxP+0bpT$(hw
zV@C}+<tci_rd(jG!Vt1?MTEh7!#qrnRJ^@x!N-wMxYkp)3^^-7ju(pH@Kuy**jIs%
zlLG_1Pb>`elbqgokjRaOd>L-!;q+aj7x5tEL#pGfkesaI=u$MkZL4stCNYn*=DGV7
znA`K><@!}U#ZQ!uZ6GI%Gk}s+97RS;jQyj`xL#+^2l)_E_#z9Klg2&o<^BC?D_U$&
z{Pgnsb1wO^why;N{Ghg97mByT@674$t%TjPa#{0pS)lwyV<U@u933BH^)$m2LJ=kO
z$znw};_u86y*{6)+y;x)Ce$;$&_Cz)*Y!o>Q_1hc7t^H8kc@!s9xCjHoNrhQKe?ob
zX^^n?u~_{j|L`HJQ91KKYy60OvlLj7RZF*riIx$9_fL8;VIkyZf=~xOWB2WHXE*O9
zcN+iNoUIsxRj#j0Ddn+|6`V&P5*fUk!Uyw~#d{x@3afiOK(vbtOw24t36??9M%9J3
zToZ1!k2?hqbR<Hl%iSmJ6c22)Kq&Vw4lINIk|b+Z5GF@}d4ygwxosG^t(3J>8PUsn
z4NQMkP^TEhX!5kUI_LNrT?oqg3x$F!o_XrDvB#!rz%!XFNA1m&m|-V5mX46yR)@Z}
zB&?G}5o`+^QYYGk(%vn2Np@pj2#rxiPRNHQeAkJ%^0Na~)<W=hLRGM8a(S(2m?hna
z{wZ4ouKVOANBLnCpM$%w0-EdV3^sERH3`!#E-F#x0xHP)VRvaV)qfdJD;%i{%|)0k
ztxA$6{IaDI+Qg`UQ>AohfeUjWG?Pomj>J-QWX5uNk}cYCZ5}~&Lzji|_#VdAIcic)
zM)sb{e!RSYSDq*Vc`j6Lgsy~rZV%cAAP552cV#s~EIlQ*F#G^#9N~~`AHS$)At8Ck
zTIa>e?MJn5CuRxYEu$Zsvtd~yFHZnCn0oz?v>UpBv1Um<$xCVUTqZkJ_&m`(UEb#{
zknBt}Y$Lp77eb}n^sY_h49buR4elj96c;c}e1OHQ)Eo2dAD<+>wsJ+xCMiq<RnaV#
zre^B<(IMFY$9!0X3oDbpI}%E-6(7+)T}qx>F&3yv_M-CsHXbO1dqxdC_tBIWTFRy%
z94!J4@&(!<vaWL)KY(9R(RcAg2V>9UkuG1VgR$rF$d@nGLD=*85Dq%0b^vIbM~O1^
zJluS!0OSW2gnHG{?t7h)>R^=na08bHHdy+vfJ)J-y~vkyKh&)thu@!$uTy43YdruX
z!}**SS|uT}Bk6{wvu;2D097P|bXwQ(%=Lt>yH+qtfZh*t7=2rV5Sm&PCLdaM0HRva
z7k7s9%-kR~y5i*nIa1#*eVQfXum>lCu_sQ&^~)LL_tzPnvdvWTkq&5)s``i8`OA+F
z$xwvV{bNBe04O<z9&IuM<9f*@<*Y#V)N7K0py-R|7E%@pMqYob=A^!phYCg6RECni
zF5ese5t1e-s|?!>mHrVVprrJi9=^Aye|yfDQ_)8u!^kcl#nBD$=%aW!3FzOJmtm1T
zY$r@`m$B00u<pZ&-1^DZD=dnCB$y!}+#mrPz6KClT?xo5E3KhUYwyRh(~xjuw2T4+
zNCx3y8B1V)k%k<pt}nei7CaH5=#yo&AOx+axJ$rvL23!&FsiR%{?wFuiol{8^C;JG
zCa5!B&9Zhi99py*V9%Ew($!{>DtJRIT$WMFmhw!uAE)@S=d-gK2*5bVU%6bW!gtj-
zh!sy7ga<&mbB07TXF&Kmiak~Es4vXHzFJb=YK=Fx0=N}V1>H3slX>+e9+P?X^bi{^
zv+RQoW#ul3cQETGa1?X|Z4U54W;zSB&%_2y-~c8_M8)#tqK9%5&zQ>JcKpKWC;SAe
z-tN09=3#Zj;D8WBng&-M0MKp2Li!s)pI{rUX;sI8UyF>zJ@E=bQj=|mhVJT}<Fw=K
z+MCl}eiT-wMo^hssV)9G88qt|q#}=|Ny|L}paty^O0`%7D&<zZ1)3O@Y#ZQwB$WVe
z2knnhA^Uz@!+Jem4bK^j<#>YQ8s^1pWrjY_Kn0{A;DQ%U|3f<fDasGX!xR~#dsy>Y
z>EV-1HEH?hgR*BiM|ojPT#BI*KKPhioXx=ygtRHhV;n)VfVR)9n^cxQf8;Zy2&i#@
zr{`@xUfy1FXdumqJFySfSnb0<5AAyi^lo_2?XSB*WRl20xgQO#xW~8!M^WRHPCDSN
z6+jEd&sJ#!`Vo2X&U?$@h@8yX{&>zt!2b1_1j)n}=4(w~vTuF-R7hGU%EO_&mZ63C
zQ>maeSmpl^vVC-7J-{A`(JD(?Pmv{v_H%W0dj-FhVK{hVRvaWd==Fa_q#(byDkVP?
z{Yad9Y(4uE+yFX%r5j=l19y{c8`LmkpVWs*F=rnr009LV_&oHg?xyiGkO0LX!qt^n
z3IYZf)*id<N>AX@Nac1Kk&Uq21^L^1K^w{q%IM`!Kh4QqtDi5}05P(?&wjj%$^Ze2
z^h&noV`Q!r&ne7I-+xQZ$(HpD*Zn@~n1i$OizDFD8seo=E=wNtql`TN`BkxzUfDjt
zSAWcH#6@g&NcR=VgJ+V%{^;>ER%IqY1l8w~VGt-1=Wl1zmo}>d4b1df^GaRVT5qZK
zmNGPK=5wR|>W91V!Rq-4@ATdn$Jr!aLU(&Z>{}ZLw|P*W#E%xN%TcCra5C0g**N)8
z$j5VjLopRml22Lgsm-M8xITiAFXue|&bjDx+PYwxny(zAtfbLRgB=Dt9k4hR09A_L
zsl-Sjs&$hxE>4kNmiqOg(3QUytUZm>_iO19*FBY7T(y+;r+brNtGjINUaA+1LV}os
ziJOVzCQ0Ea7EQpU#qu%^1e>k}ki6oP0{jz0zC@oP1b<_IT<%v8cjV53m>Ky<RpM7m
z0$gAMWL5!%u2~|OxJx01nOS6@&Oa(KR~W2gkk~YpUpOl)$*oUaczO+6wGoSkENaQT
zQ{AT;4qj7GJ`m&v?%V0eT9)mFt^j^pp?PDUfH_;P4JKiw-l<;oz=gYM`(XmueH7}U
z!diw)CiJGU!Ikw_Mhh2HYw=(g|BtD!rk~tLc+@d4y+CBH)xIQKfT#!(K^t@tb%9TT
zfpQbVjdb!Lqup<)V$#xumbUPV3Mh8uridq>RQoR_1d=#ICiOqw!;<_E+d51LKC8$%
zTV2gu7Y&wOB;{L0(RD}@lO6s5V^<_iuu+z@4#X_gT<PbY#OspX<&Ej$;zQz)T1T0?
zYY#-89kD0h%MWK5{>e%B^iUGb6`3;^hJ~Bu!fc|JFg~s)@@S@?s>1uH)+X*tS<xbK
zMbEmUP+Auwu+%t-sh}4x9hH;s@OZHRjw@BPa(G&uFW|-~zyNSf62eOyN#4AjVZGxk
z2ZhBHFD5=G)2@@!-0S~z)Ce1GkVa;1>QLWx*>|CwDn6nn!U`Q~`i?U}G<x_X?K-Xl
z5uNmIFTcdy!m1KV(-o9ldYTx5w*KE)ocT7V&^lT|p$%iS`OPuyt21v8XSh3FpIcDh
zP|9hJJZMB-=`*ggI+MQ=g!EmCBUt!uOs<TO?yArX5p6_Yw-Q&*+ib^mw(tSk)xD`6
zJQJdL?ffV@aax_$LK_qUs1o0ZjGO5VEKct|=(t<MitkI<kNm|9h;Z*NC*o5AA}{1+
zuPd`a^b;QabUE{MjX!2OWwabI>?MMuBg&He*ujV^07pE2rkkSBAp}4IfS2^jGb@s2
z?2*gandPk04bHSP@t?N;QB!!C+rY^inPLDm0F6(VUK3vqkO5)`?!g4rGxxcc!{82|
zEy;fchW-}y9Jb*^Q~t{iaLt;Qo`RHD6Wq3tzeU<J1?)Sy1<d7UHvnG!ECsNP@a6Wd
zn^!l<2AO3S6%#q2)xf=iv0hII?!(b~bt5j_OaKsT#>2*lsj0#dD#&bhefIzL4xIU~
zC1OYpzLR}ZSf1TTi}+@{hA=*}c?uz<ZCY5Lz4}o&wJ^Jb^|!GwYn&CCTAn@-^1*y4
zJBHyc8DwNus(ibWJW6V@9MI&1yK|vQ&pe1uch?xT`3@C|HweLD1eWksa_n}0{?|aW
ziJA&fhLvR>bU*vlM=eB<4wef-6vo;=b|7r0*&~PgX;d`&u*ox+rIAX+wAk%?J$}5C
zN<ZuQ&bac_E;w>p6o}rr`+kaxFSdt%!iQYX?O@y!y%x6M#+n^A<p~5SyeT|^NP9s`
zQHBvSZ(wvwhT^!Rty-T>tR9NUcIxGl-p_TTi|)yUx42bb2tPVNsv4@utUSQLAVlh)
z2J_nUAi5$K_n1Z7QeE^wh;8!LaI0<|IERoRI??QE!<=q$K^o@Yk(0X`=YMKjxtQ6~
z_>hO0XaS`!3{R1^Xfa-_w6zGlc?h6XJ|_~Sp2CEM>q@~sm!yQB=Xe@&97D?kzXM}!
z->7NYA1xs%(;}r1jm4WVZ|wb>=1nbA&+K*D1Q*ug_GIDgn7||2_Sd3EY<{0#y4I-j
z(-qt(0Jl3-?(swfOANZrN~lut-DQhb7Hy}yUl|>ab_zy6S$?GnKb|?o>{9tjl&W==
zpif%GQL*DoGu?f4E+Fw#JCtM~tFa{u=MA0y(y$s5Q1KvgZRGju+7?b8o`0SJ^KbZj
zh%r@WTZydc2Z25b#K#tPom0ZWb=u{z0Z@nFiD5WmD}QVT&q5&loou6E5lxRDOoz-v
z1ko@Q^j5?xzg{dEm;xj0^V-V23e|c3TrnsW2rYP$hF$9M-db353vZ>=*DkIoL1mPe
Ww-Esvmr7I57VXYE)|&$J@Bjc<hg-1#

literal 0
HcmV?d00001

diff --git a/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp b/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp
new file mode 100644
index 0000000000000000000000000000000000000000..9019b5cc0ec3db761fb1d7340300249438b898c8
GIT binary patch
literal 16684
zcmaHSLzFH&v}M`0ZQH(O+qQknwt368ZQHhO+xYr_uLnKrOp>geoa7A7-bvPuvXr<u
znJ^HLhM0(=x*``5)_-jz7T_FU8X(YmU;%!D7*S#{9y>g+{s+FAJzr7nhik+fmcE0f
z@jbgu-I&q|zlS%6i96&i%mY9a0QpPdNANZNY$@yO^D!+*u=#h=k9>FU)W7!$^oel3
zZyaC<p#I(Zx&r_J2BCl(Kn(!+%i#(06Y#F^A+T>y)^{k_>v!Vs_}@6-(Z4kQR`7#g
z$e-r7>NotG@y=m}@LS<s@QQ!bzX3r0yY!QHmp2djG<TKf<&T{^0@&)?@dgGE|L*;s
zJx!h3{MP;Kz3%n+OB!ql?)c9Egugxjtk)7Bc`tXLgn4_9zX5`e{(x5?zz6`a4*CYz
z?pyXB@vnVRIX2i4WCGNGDV$yHW<?tIw&vLiGXFeXF5SPq<lXY|@58>oJ?=gGulYOs
z)Aqp{6z=Ok_~(Bg|L#22ya>4b7oy4!U@Lqb@pA9WpY{$Opz;d-EBrI}JNEA2N%+ur
z3-|}Xzmm8V{N6kNg%HdEm;oYxj<$+6DQ`I&0M~bb2e7Pw)4zUuMS8fQC^AE%0iOaf
zK=RDm7OlL^E&6w?2J~7a1P<`3NG}-z1Njj$mb^Yh{hm$iuyZ?rwds~<6Uk_yRc%};
z410?({R_eRt6HUxfJQPIY$xQxhB>9}L>EsT)}1Y}ai_alcU#XD)fH!j0RBZ~jsL7g
z4wqOQ+m$`kQ)XQ0#MN{amG{iM`AFH>iIP41zGv}8dN|ft&m``tblpoBRT=1E47K*6
zd+B9za-=S8Uv{23MRnXczK0JE^>NfZXfL6cB(E_`vNBM%^mLA>>bCrv7E|2Bv$GNx
zZ9(~_b+w%{m1Y&Qv|Z!g6{#rYNbB`e?ai}fv%8+uee?s|QU;e_Lr{p=_lbu8V0$Uo
zP5`j-e%un4qnD*QKeSsS*0;^4EM?R#q`SyDNsG7tY*5KENTVmBqAtcVt*2EDNg}(s
z>DJ;hkr16un=dP=*POo>Ns5Y~v>{(BB*^=WMdZL8B=;m(L%wV^?7HSd(n)ott=t4d
z-c9e9A1=jiL$VIxY89vNHqmT%VQJU1s_Gflp}w_@26jcryU3@1KnUq1GR=s9vA*D+
zTb^^wVL48OCI$W7Jj)Yh>5uz?key7Ns(bOtKD!li0g_ePNA)2eZ@)LCnPED;1|xc3
zI7RHYy}-ZESCs2MDXZbDfNWGn$J2J|3OKPV8}}g2h=yN{wN`*>pX*7)mRtJl-^b?e
z3(m4~)%8XS?C+3u09CK#V9IWxm7=^_p16+vAbKc>c>gyagg}o-VTE_v=e+6L&@5%_
zbz9Uwb5-8is`An%`b~`-=7gk*-p%FadOx*8rTgD{?!G}=Ev9`ER(k)kxPGIVu;<CO
z(+qEJ?MQ$yCH11?4!6-FSb3t}Emx_6`GPx!WPYYZU&!|8J9f2X-rMW(Xb|SPkzJ$}
zhKh=fA4~UOND$%6WiaJv8{y;sE_F+=4l%kGI9YnR#qZe-<3T1U<J5v{BibzhmkU`!
zOPMTTliC@(P!0xmM1?_kS9=y5J>Fi#XhX^aKty^#eg(tIl%JNTE~MOW4y~iY!>M`(
z#lW+#v`FcuR9IH^PiHi=bc8cO9qKC3eX9B@<MAq2MrnMdNz&a!<W`xb)NtLu$imhx
zRFd5f1vrtuM$KsX(<K_fR`M{a7LCCzvH}Y1i+<k}ZFtw$h3KA^2{gvkP|+JMu((^{
zRLbgQFx}W2^684R1)AbYe`W5ASrvX*`%jEta}cKLr}!sdQzK3}7;wq128s5{MdQOn
z*N*LUytc-+8Li`x;-8PWFZ7_+k1iW_oB3DnkgN2C>_zlbvFw9v>H}Ge!vi`IbwK_s
z`5xh<)?=$PS{33!nH}S8o&-<$8fnbOZAGpTCv4l2Nl>lYhHcqd<C32Eyf;ZU8Rg8>
zwRH$UX{iBkT@;BPVz-wZ@_7D#`W+l3mF~5{T+Fk`fMikKBK)KJZ~A@t*~sYRns5dT
z5Kv?t!Om2h<*GA*NpREVAT9&9Wcgt*`@2C7_z#*T1YL3-FD@_2S-eQL=N&CeG-A5`
zZw63lwGHYHe2PPYX?SAT_v|2V5BP8=(UlBQ+W(SV+Fn8eYx;{`z;lCoQ!ih6dg5I9
zi(K$IE5e&8-Wa-ypOR1XY}xthaOHmzTW<V<6X~Mqna$xJ(V@sg>qpvv1V)NHT4gEX
zb+>dcy+#Sm^}p@7WG6(EY_$@y{Jh{`s8^!QrvIJoSF$Y}27s_-!kGVVH15}k2Knu_
z!%b6aJMMU{cFQUK{F6QgSz=jnL{|Q1Bg7j?PV2$i7!1v2OG77d(VqBvkUxTg-%xTQ
zXhfLVbIDXIDI>f!A^KzdId%RQ%bI1z=)Rz3avyvqt%>gxtNTvoa_ny-5d7?8RL*E!
zS=0a9#~lq!96i@gudUE~9mL#jq?j!XwT=Nu^J0!>DA8=dMh){0*GU6qs28cOWIv%Q
zqj~3l*8MJgtfH+y>a!A3?cx9HteP<Ol<wJ|cVod%EG`(?`8PfwSB?3Lt$KFMkw_3s
z6Ao}>@xN&Ie?xJFE#T3vlUBZb1-ERyh4Ej)1W~+tV;$bpu46sX(^QBPSAl!58hK7M
zZ&vY}1e-{2;N;wDqWlxAX-xWdv3PNY<1aYb_aEa9?bES>hl0Uj6dNX5zR3VgOlF?M
zXw5yXJzM&tf-2oYMh&%Yf|PB`S^;2FyZLh!y`3Hrq7uMF`wN?}J7kB$^Z|xZ={b@^
z@+#8Ylc+ZGN%%Du2nD*5^n>VEp+N4A_`)V9MH5$`ExoIttWH9^bTT_sm|dN9ncT;5
zLaXwn7)S{(>^XzI{b#QU*-ECrMO7_qYqwpt#ae!@CxZ;exFs5%@{L^jE$El52l63x
z1+9;LpKGQ!x&N`&-S_d|8>ex><{2K7jJK1BU!n&mhvlk6klu`lHtub*bAIPnkhP0p
z1Luyvt4$=_FOIQ#d3?l5=s3P(x!B$%(7$LCdtgHrtgos@eH;-mU+!Wex#V}3dr&EM
z1Ht#T=Ek<(B=hm(f*LHQGe(rOUplUq?AMjdi{Fq3-6Y;{A#o7*%B_%x@8bW%p^Fz=
zi{f@j=&!d?p?os?q+sJs=uk*+dIm|bgLE24awW(c*eB@Q0U#6BfiEV*=8IJ+zP2gg
z5*XRYPo<uAHkK?j@`#w2IEopGJY?Lu6Y~kDH^)G~0A1Lp6v4A2z}(pPx4#5G56MM2
z5HD`LkPhWjzQ;p}W(Dn^MJ6gg=3>B6GP)|i|2hMxp(|A9A5u3hH2wXSxV^8)jc53b
zuY8pqe1!2=`G7^cOZUs8W5u1Px)ze&z(&?_HE1ldg#m=a#nN$H^eC1G<?P+?l+5}e
z@*00(FJ@jZk9SzXTKGp+H3R}5cuxT~HBaOEl)u3>WD=`Aju0i6vA{}s{rCAx#_wUN
z-PZpY<Bw96uG{7f{i0yXdzrv7S<uFUAOaUEt7A_yDmvGtv?6@C4AUWx_;AH<L82-y
zMri{ceOfd4(1&K=gR`)DA+G1Ove7A8a43ohlBl)62ew2Ya!E6JA+XFYU1E}zbaHVI
z@{KFkp3}}kCZoyaX44xW8F9iY!(Us9d%aXh3=l}N6{BwH*_S|y=rKIlG&=(!2v}*Z
zK1G3nO{k!YO>b}=wAYCB_4Vn7$vN46r8mky6E3zt8f+;7Fb?s{v4DVhueGwZhPpE%
z-~(_rzaOOS-cm5|1uGM-tIN%@QX+kHbl0peCha8$+VDM|#owPBEdtMCtk2*Wh!Pc|
zk1<NIe&tROaO9XX;QAnlqVdP!v0ZWlDp|N#u<!=AIx#}W9S=a5u4Mi>E6FVw2YBPb
zx~vpRG$)H4u(UV*ap#rCKhUr=mG)C8ZX>*7(lhpyWu~}&#WH5(j0G57y8@Y5pkl-W
zH!Y-QNcPW!PGXnT&dEsF1@FwN9I-+)`D`SHtGGV{C)j<Bi2@n(nUgf63jx9KVx;T&
z6|H$P6E{)bgEc_njZp_Z77mrYDC4Jc)Koc+FRH44hWw!ktQZqeuPvV7tUH(L(ypRQ
zr~j^T3lRqbVu4&(FPS;kM1ZxnzD3D*sspzFH?EbrZ3;w?xp!4<b*ElmPjp${ESkys
zRMfl4fP5ULfrx0NKl;O>_G6ncqhuYU2aG6l=%EIwXVBma1=pZzu8UcquPfF9Z*tID
zgyq*m-BkJX^7kKbM8JxI1iL0B7sW6>Fun83LimYVzfTXM5PHTs^|=aMl-s<J%1*Kn
zh%w_xa5Mc<-90sAH}yRbqM~C7X!kN`cOaRNE<CuP7=>x4N}iX!2Jc@XhU2mTqU^d>
zMNwX(=VEEz$S<;g_l1?gDCh=YxN_DeLIruGW~h!diqfTk8*Mn5pSn@%i*93U!?EIa
zmyi+xePgbkY%g`B_vekvj?6hGF^EVJpdh1t*hA<LIO#=JM*F5iEOPvgi44*F<&^{L
z01O=mYy6=oaf=+K40RVp7BWf*L-~m{(?hbT4wZ6)s_)7+X`8n!+fa{qXaTK*RsCtc
zMMz79slo@?_k)T`UvaATC-x9|7eTR{Av0@^fGjP&tMljF?q901y?_J53Z#XXVtYW*
zu|6iR?$f7C3HXE^;GF{3eBi2AFN;v(F0B)3ni}~UAFl28D+<e=_ZqbCxZdp+5CG?_
zR^!fFa9n%=OrWg4zQIa7ziot32cbKG)K|{-2aOK>ker5!(*R(S9kwsWu4ohV+>bUN
z00p*iC(}6mIpJ(X;y`E1vpA`;Ap`^j-D;ua^HmA<U=b}h`#5Jdf<^qdA(@tu@paiW
zHWaf#WGG_+rME)DA)lvHc-*qIh_Y%4nGz0Mpb?3BL+BkkeVer}utdj-B3<1Z+sp+O
z%z59ln?3#Ab>@{Pt<M8W=?#wcZ>W7jb*b#<+VSFd?m{=!sursv9OUXUq!1Zgi$>Rb
z+Q$ZJQ%2ihlT68}E5oY2k=X{#gGGIcLW44)+mP6=&mp&-qsH23Yv`@wAh{=Ta$RC$
zTE8TS3beW(Py6FEbPE7)B!dD6HJCj)+2+*4#E=PO6^K~|POhY2&b#8~<jL@91^Kj}
zM`=(6!Q$AYBT0XptL2zbKXtbbnFOCf)nh5M2HVJz{eaEF%@iL-yWZ~hkiL$D6}uO$
z0B@_rdqTLOl>O6Fl_2~e3sFd#SIy;i$PdIBe%#_SNJ`}Xi2FCiW(grMV;L;ur0mZb
zuLN^x9!sZ-Q(^)c2&C={@%nMhDxnXE!f8fFF(bFuo%|RUT0Wh=a|P#w53NA=L2!r|
z!xfiw*#Z0cr3vAO(;G_|C75(Xu1Kahemp%p(r-qOw2&ud?=f0~Uc9Kl&8tsVEC7tK
zcbJ^)%Q!FMfZ-mcr8{1jPrOW(2s6av%mXpkD4xZ^>gV;U#D8>izrFUaXf&*O%pm-<
zA<3<ZdO;*)4eK{_-!FFeWMnrh+~~<;T|&;<FV<`7!JlN^Yh}2&u*(^drd}iVt-wQ>
zpv5l)rR*-2un(J_vMMaw9)h7>pw3K7Y|`fv`cDYX%cBqic4gC^O~ycQtsL@}*rVh@
z_l$Jfl+NnFk&5@6be%YQ`nJPzEaJBmO3~2fSVp8!ejC?)?|m1WYURz|oNPlb%T?7o
z+`lP`p}&VdLXq;9J1o-qwSO%bcnFFI&w(HNL7Ky@Am;`?G{6(QNh;Q_@AmiXhc$2r
za#G-;Brkp_a#qhNP%$Za*pMZtbLz(%)qrBNCv8khpGr(>PivV<X+e#}Mwpqx{?$CM
zQ_x;#5MiSjVJ_}Y*bRUE4YfvVk|vD%nW0-(5#L>t+pOtWqMu~%vzChIIL4*og^}cS
zMw*lOr&7#a@n#M>TwhCtt*c%MI%TIze6LPq7PFZ)=m-Qv&@G5S&nR83t+BsT%bDof
zM#!Wsj1Z&=xhXM&)3w-0O8w(DY{w-_PumoQBjq*{0c+}Qf{h!27672$46gbskx*2`
zvX?P%vRR($sK5fX9sy^Lc0*K(@+L!Nq>FLOlI(t?Ia@UhMqR-6<Q#}q_fpOx*wxj#
zceF}M3@P#IaR-D99F}@|c!1CLgDKo2R?Edttr*yPe&RNKWp*bS?tb$#Hcy5T$v8&m
ztAKc+dU3z^iN%+_pB<HMIT;FP+Y(nil#u6wyKFbx&R8L7V0bwtgE08I{c=KO{V7z1
zv&}PfW+1s@{c9h;*g2rM9q+=*9ZqV=7)Z+0no$UY7Z9Vo7EW@VEQ`Qafw%j8DZK<{
z>Jg|(R@iKQjWP(<tUhMX(3f{=n8KEwI8bj!35FnN43BbbKht|aCKzK2b%+y2AO1Wp
z1?u*xe}Pn42``B)-upQX)LHd;%HM5Q{I8wTQpi2ElW~HSG45xC7Z)=`HBxOQp^oLg
zpD;J*YHlC8OcUr`08k@-ya%rV%3<U}#)8d~YL}Z=CSFAc?QU&v&$XJ2<PQQ1VD`(6
zK4~)9e`X?920wSvz(PyV{|P3fTa1|!$d@s%uZiXgub8~*kDkTD|I`ou)5zOx@mudx
zxHTxndm1@dap?6p$h0n_ebGvntn+~4Q)fJS6#&Lz#EX6o-Y^&jP+gB1rfR^|4TSM@
zl16dm?OR7ft#0=JsgNrvW@V9^WZQ_pmlNl(f?3HQWJZ+XvHN+LCeIi3;@qyqp;yTB
z3%CVT=KggU;kjlGi+AI7#DeYmqtsrT2R8+A7O=ez)le-H<!^i#wkwBn0iQ+zcDnDT
zigsQnx&p?A2ZIqXoJ>8caOcuPQa#O~mosFqyH|iZ_%dd1ptrU7<6qUa5Ibdg;`^BG
zG%INUzYGuGYUod1*H(lJrbab`M_d8{#a_4={MW~EmcAVhLjI0Mi#xtHmpnV}=aO^6
z83~%oiS(oBpVHh=aNB~xK4Mj62^FIlC$ZmB_KyEpL+8Hr*;$GXNK#=rBbsR5Kur&m
zJ(hm5L<y$T&FS}NiawygtMaiqmOPs9TqbowZRhI8KdNb$M-Z#tV!mVBK$0OKX2~Sr
zgv80U<5>jn<+bb;vvvyf>MFiiGJ79PzJ-py^CrfAfGjABXN!~ePv#KHVtO)wf9MAX
zogyD5K&p;E&O)`%-?})>Dhl4_dG^`0eCN<AhSYzx4sy1BZ|*S~O%TJH6ORs%u`#sb
z!!_nz9IoYX@fGqq_RMouON{G$m7F^kp;ELwfU92}8HEPF7>`l<O+8KL!+k|$e|XO4
z<YoAZVTVn8IuKO33>c=A$-=ZC%Zn)u2q%_l@P`u~o27WiQ-8`=_IeWZvqfpi5)9vK
zBGsUFrE+i`()|#sC=f!Md+R5?>M^HkuY=EtCuE*GF1Hl@Nj#38AnF$V1AOU1&Ah#n
z%{E2G-bzgydm36JF?**LFydJ4HPe>JK+=>9UF3hSFcsujiJG;xPA@Z0m@IJ{SU|@-
z)k+leC(31U;oEBdD5)+S1FPLTw8bzZRr4{ZtutoY!l{n?TUY+Cjp`cD@T-D^|C%y1
z0kQ|TL$MV?!&BRcCQdX^C88Cdje|ys@Ka(Y{Vk$Hcy<)r2Xy+6pX7MUKk^RE4%FJc
z#R)i1hN}Iz77GYIPwn*$0`iDkt>|ql<H2@??DzRESN*5pVy}u{VU5tO=Vpfn9@}`1
zp?tOX+%Za6xxmf)LOVm6x@PfVZ@e_`syX+;^t<NpPu&_If<Gkcrka5-ZGb!qY#<!(
zN4elo+UGZk2Afu=&(WE3kc@%QHkK+NATGg8=VjLLZh@I!@QB8i>H+#UjmWV3n6Q65
z#rF$>xWY|D8UTjvd}pE>K)jdjM$^Y@TS&nSUQ8QR9suCnr?sI%CUkCnZE)%U7&=nJ
zx?M33eQlF1g-ts@zb%M~Aw8F&EAZ|+8ync?otxXRMAW7%IufjD{5H0BB!|nEee&@6
z2t6KkO=+=VjyK$H)b?S|Wr$#}MB<auhmu(<hj>~XxkKMbBYglYGBI)%y>Y3gJAmc-
zWX>{elFU9xoZ`Qi#650zlWvr81Ngar^B)4g2p(%BJVx#k>2?W`S;Ll=bsY#V6t7Bb
z^tz(`zm>I$E{E)_6B~NM8uhUi4TF4<eUQY2KZ2XW=F9aa)L!!M53>Cvcf$Nq`Os|K
zA+6Ns!WHFxNr_>e)oAw5_$xo#Hy;fmV}W=QGmTNsVMg?etWt4U7@!8Tua36+C!XU!
zgt_+iX-`UJyD0?=v^s+K0$IaGOMiwEoz95ok#{x3nF(^<#k_eLApUjU>*p=#>*Sc9
zl}axQHgyI=rapu>(Wn_iC-*f0W0bxYWKwsvs_?a`piBz4s^<iHzN$g5<4eF?u5m5&
zxK5X<FKH-==+6X^3`}xhOOLsWU|g9*4x)d@Q=K!Q5$$DUL#$eN^(HdmdhCYl?v5-&
zyy(Uib6Ceor?ydY+V2IZqvQolLYr%j*pqy$4@8{26@#3MK8+HG$$@Onn6Kod#{UGJ
zWw5v0CV-qAT9?9oi%~^YNyUHG<uhxqgK4mT%XSWPZ~EJ$A9%KUk`rgM<}YZhQe<>J
z*0_Y>M2SVS*<bFi5s0ypt2FP^7023~>MVT?lVUC99CCF6NJ>U=6a>j&{|>#9{V?UZ
z{c!^Y_;0w>xYPkl?e4|Qvv2vr_*jt%#VunoQ21Lo2Z%MF&_7yG^QSQjD?XT+x?A;#
z<3C$DH%!5EtrTdl<?%<N-$#iSBVweRUX+Su5=qF(s3eX7z7%8y?9fl;_L?X5kw!=M
zeCQAm!*FX+%LGm8#$FE;d^LTc-VfN~0*e&Y|LJV1)RMV#r{cTF{G7P<WaLP1p^joC
zmSI3E`;{&jLS4Yql0N7FRq&!!y`7rX66vz;;3fWL<PVLo?FEAin)Qvvgfj=$I?-8O
z<}*`v-nI9l0NX54Go1*~xA2evbsmk~Z%Cz^W9`Ddt*}M@6Ik&%fZARxdMHnZEmu;=
zTq=A^>KSq<xgjFCoz2_yL{>@#MWhI4*6^4vUr5D%#`DA04V#J8ke+LI`d1FLg=%%O
zc{ON%QkXFg(Yrs-zzP<99h};P^?75)$2hfaO@rYUPk0VA+2Qd-!XW?Ueds3xVn9Xq
zE=#T7HIG7|k>uvd<_6cQX*MFAQXG6k;4T_1xs~(5nOI27f>^U66=l*~1gD_ln}mR%
z{bxDn>Q!$YxK!c8vjv{+Tr|5(UMHrmf>K5iwD#_dJuUw7?^e4fe7aV3908Dd)!Onp
zcbMl9)+WEXupTJ=5@cdGm#{{4Qby3pZhPX|8y}}mY}htBRQE6~n6(Rbpz%7XUL8FB
zB_**>KM+t5zo3jhSE3eup~%zK_>KQ^r~Mm&Sl1sZ6MiOv*l0T5c`4Uq&GA#Z&W^m+
z@T65JdmGYy>(QBGXFr*U#)KNLY{_qR#%kt0JYL0~1z`hS6v9=n)|vNg;S8S*P5opB
zP^?>P$jBLKS!7=%<$a@fW4gqQ-J8(Xo(y)kQQTZk%2_a{ux~OM@xyqhpn^v@bn+h7
zMB>Y?i$y?G8=}$!S!q94Ug+7T6{fEwRSpDLnygD&kw_<SGvB}8ZpEYWp<mMIAv~;x
zu%D+|NRd1#Ggw{Ti@)ViAHx0WxWotGVo@7jsHF=vrh!x&I7*rYM?+!H-=I$wC{t%a
z&^S0++)A=<-EJ56r1r%9WM!>A^^u4BpvrpsDb@@fJYlUT=Tc=`a<w8WT?G6?&B9k3
zD>6^R2>8JO@GCl?$uR+a14Q<n+~m)Hyn1HGzm&vPIK&j4C7(@!B%@?ShC_d>b~}~^
zW6@)de@vO&!eU>G3EClVpW{KNl+1`dvZ%ooQ#HFR#q&lB6lkdvwtoBAGZg&{5TlSs
z<Yn*@nCBGswOUB}CZ~VpaGELa#6MG_&zx_$Hpcr9KzsR*iKBHDs+Pdq8uRoWWQ#Pz
zev`?avkKqWeMOGnWO@??*wVu0jqc{(PX`3LjXeBMz=E)kWg(hkkt(N`<Vk%D760yc
zHNM0AI&}tNk&H9^LtN(z$+VQwBaI0&V=AD+G!N-8nUpMhkj77i3!Z}gvu%q^wTaU>
zx7F9qlsvm=6_&PyOH%GEs>oJ;i+HWZN41J?)e$J|43h-r?82cY;Qr1oB&!OG=Z!t8
zd5w?w95|fNaNk%z*J5RQCw?_aAND0JB<z3LXZTL$F4Mp5v4Ti|$5A8C+YM%HP$TTr
z6It$ZbKCMp9pn_o0G^6Yu8lO(J(9cv84EAPA7hx50*KID*O0vQ54EjdYS_nLiVO*)
zH{y?8bQ?2hLTt9WzqA4+CXd4_F~C!c=q@*IAmT$Ij!G~Vc%|ifMS0DROLg9WGI}cm
zAS8hF$+Kq4LL0W(LCh9FOgNoU9+V>8C8Bo~dB>;-<{<5u2xBr;xYM)`BD1=&{Y!!m
z#s#*|3c~sQ89qmJSuQ8Dk(=4)cvy02F~nk4G4+2^9&*Y_%EA$Cs`|CoDe+wseW;l*
z%8ZIS!VYerj7Wbq#0%)3wX{`hW5U{wBX1+Gc7UHPUjj0}42EBru=PvfY93sMtYl?p
zrDW9y0y>}``RDW%DqAJ}tKq05aNeD6QUD*Ftk(Oj#j~g-5;0!uj%_*S-U4;V)g$I*
zYVQ^eiM#ceURdAIBF%3&v)=Q%^S8_Ml}dplowx;PUeE@`3E|b%)9aY0I03Etq`6R}
zTuLt*gsQX2&eP{df?*FF<QD>wwuEq-X3cDpIYo@O$!O)34_j)%6K}QRgX`hXTs<_C
zbqb7fFDD<h@rm{;O~UEDt{3aQamWWJ=|y&6g)9zD_9@>WUinpF*GG~v?COBW)Yhjf
zAGeU2KSI9TOLG!fhx|@?thmqc=a0V<JG_s%mtM0CF;YCU+kK0)d*BjsX$@xCh%JX@
z-XLAKoSA%^z&@LU`3d$Gc{{WiCq6iYs~}&>d?~=-lUfYp^K>MNcWk4BFK3Ye^AD2s
z&-xz7rZ6n+*m*81kDA*<pLB14fxp5K^Iq#IiBL-x#@spW+D!ag>H@h(F<Gio1!^5P
z|6C?UlTL^9UK|5pwFLL#x4@bCHg0eJ4xL4E5RR~J(WjrSmu8GCg6`DYr<=UIm!>&1
zSCkL(3NeS2AXMkVF^oY-I*;xKT<+q8vx}l&7IGF#UoK6bH{?_Z7x#~-d)V)d5WcXq
zx^~t;M)@M)hkna5^nEyFIe+hC2`nGi9TVB0RL{lTe@C-f-rs~)iyPRYX}-c_8<nGN
z5myC-+;d;EJdT%tZZjJc@gtn@VF75GqdlTM66)z66~r|f3e@6g{da=FH?dAOpq;V|
zV~2@C|Dp-#X9Jn;wn2^7(+u-x&ZUnDTlHTbMV4w^?^c8Zqh;>@#jw&-$^s4vQS=3~
zIBrqd+zNCqNqRzC5h;Q0ndVK<X`B}m)=9kexXzrxReS1{I)H5i)^_=Z)p(qBGWYEo
ziLTx_R6YgAM=pA~0oTQSV2jTJpXHfjnfslCg@SSj6lNn7hX8}|T(~JfUJ0Zij*i<w
zLl6#GxAoI^$BytY@-Hp^3wXei3<FXqwU$BiqEn2fnAc!qpv%ERB=<7Th7EL*8AX0h
z`{3-*ndDqNF!YGbuoShzG$XD>WhH2e0^~Ew>PvHB$H|1}onQAC+EdS<_~RxavN12g
z0T+j3Uq|gC_L!3XYwx4Gh*omf0nKJxle`_(vE{PS04Pzp<=&_JaSLu!{;)fJUPEE}
zx+F)nTw+D8;DnZHwLUbO&^>fOvqi2g3Nl#lp^zKKpdD2IEr>fy7nbMv4*iyNjGqZb
zbVlB3ucV7A%a~{hk6!>ED(m^<!gS0$=r0PgfvXVQ%<gUbAB-=E4CLTMK{kg;@#k5V
z^+{NL%LF!ZaLVKawKP1Tm3a|jeJu$8qAW3tMz19L_Q&O7Rv8b5)2g><39Q>yeB<b*
zRf~m`3OTb3okR4?kMUZ+(q5X8q2I5+xw#sgYz?dCMRekXj@iq9rm@m~90@d?X*9he
z=sl9qByBH%lwlXvlmEb?9B6T<1QQRrTc`%GweJtpnB!2-V)Z+}2Z~bP#1+KNsH&mw
zP^M7P7N`;961sLvOHBO&bWkItip&RnbNy3l_G@r5*`rYl&0P>mCpzJb_(j?wMi~rg
z6!DEU5Hf=*+#NnBRn}>Yhu9FZt{~Z+q+zOX;q~SZ$TFv<vnFyp{Bc;*dtrkfE#-mB
zdh+mMult8$0*P>I4ah&1?#kd1pdypt?G_pxKn>MQfY}SRq{|s4lQd$>g)XW5aSE#N
zqsy`?AM`?ryz=;JU!^mbuDH<yTIC5;@sJuqy0`f~Xaan)%+={v;2+3KX!_|;$F|m+
zpdNfc{)JwnrH~9U*m;tW9}55sYtdAj9M+GBnJdKjJ?#15_3LcUH<0H}<>%z1O+=VU
z1Lo2pfk#JK3J4J2$w|&R*0!W3qT($QkmHymIAiJzKRf9a(v5huD&STX$a6ZkaTnDr
z>70anc*^R-!si<n%Ft0Qkb@fAq3_;?h^G9c&*4l{Pa?CBUE6AiYD9UbswWhq*+`ze
z%d4#W&EVxfpN?Bl4@#R-&SEqa<6}5@xyqDm+zS|bX*b&4j%^1$3X29XhsbMbHGqVu
ze<~l(di;rEpE%?1tCPcpV*U6DOs8ZAN*&ZrI;f=+YL`GFH{Tnl?Wom_FZYusH8Q1z
zrf4bPl++N8mu-W5B`lc63;HSyua<Wc1s$!Pe(Nz0qSf+!{qwGA_abvKaN0``U+4+3
zS$ofe36wNk<O$W7t<sy8ZNr3<Jo2{9Svr<N(n=XE=EDj6;+pEad0{mXyFQEV$-kCQ
zfqKwfyW_;+=78kk@WeRz<ho4j0NbX;)g53VNmGoG9CHojX`P4!%CZ^Rrty|4M~yd!
zzTaarW~H?$1x|K;u?p~-xe8HKg?*-pHum^9KRcvyyb2}{*>4FYbkyhQr3)2h_NL=!
zZ(7MB*yD)DgzeH+vnEup^>%AE59>RA<knqwMXK$sekA6+JTMLP|KRVWB*}>%EQQ`$
ztfI|+mMSB)9vwH_{Y6E$GYrgC2S%4)=<d6DQcQufzr&zN%GRpnzI0vj+`Z*WGAVPQ
z|7`)4R#1{^9;x57#Q}0U1!#AoyOuszM2-{=7-b<Pj|%Pyn=o1lhD*+EDJ3}cH(OsH
z!J>uI3YYcWG9B|bZMsdkWSt0eDB6d=8M*L;Z;N`S7V;LMSQDu-Mt1Myo*gGQ|6Gsm
zFZH2Mo5CJ}?B1=Ik)N<nGVs0J@IGcTa=7HtPb7Y~$Q1b!_bxVehTT?$rL`o4dNJ~{
zi**va6Eft3Bj~yqfQ)5AV}PUE7_lUEqMy7z@CX}o;7Kzf*_PYDK`(la>_O)7e+S;N
zJVug;`nsF^03;i#VLC5p&2O!f_pZ^O31~fZ-~Tkrb7(RW8o(>wgm6mbd!}Tew$<Yh
zBt!bjIzrV)Z}N6oCU>)%(BclAA{DuHJ&`8joleTPK5m1e`=g^mx_8`^)-hpJcrftl
zuV}hwQYM12LspD=;?C}vaO1@6e=z<9O{?<GOOPRdk`V<J7p1uiX*0A1YMlb!?zgnl
z!8q=dq}md^>ir|8kKG5sFeCTFio8kWyRlh&vXw>r!HGL#rLGny#r9{11n~(00zY7$
zo?vsXADbM^u)=IKs}~y%nR4$mwJl@7SteFE#Q8fP!_OCH*R1tQAEpn_Dwfxtjlr3#
zmZZP9|3oR;6?3W~Y)!%+H{*N~D#e*jCs_S^8f9mxsMKv;Sw1@&3e{z$)1g_WyEF#|
zk8lBwMQq_|vfLk+sM^4**2y?QT-8-{K1uT~Nf!C>zVsKm_0pibI#Xw6X|^y#O;`G(
z#VT#(Xz@3~MOP84g)}64cK<`qGJ&LZo5&`)Ca2jb7raw4RKAQMux3st{aI|_kVr^F
zMBoRD-Y}n$JV*O$1XkgS#9p(uTtVNiccK){l0UsUwzYC39t@hnyn*#LZnvi@lNg{F
zRswWC_&A!jp}Cma?FZ!~S*RpoKFRPhF?Y;dVUD6~p&q~Of&_OWx1F%Nv);%XImEJQ
zvp8^5SDQ`UXg^@gwwQ**Iud@6AnXQ&y=T9B*is<pfZmk@{!%>qR(|kzYqpVYXHQIK
zaI2x$GgyG74zu{MrdeJ2MQzi%g88l?jWmxXRG=1BfbtW}qsKD#mA7D1F(*_k)VyTZ
z|HqMXamRS~Ei|&=w^Vr#20yYVX57C-?wO>J0%r5lQGwtlC1i3R#>L$9mc&$~A<vyw
z;iZe_gg2~8_;V0Eq2<R6S`nL@g?_peJoB`SQlujCRGu3*!tbcz-@yWy9yy?%e!TZr
z-!ZMjO>mpAEVsxicT4f2>!w&5yN&9&)sj27>UR_Qg>F*^F*4PV?(gjN)ZA+Td5xr8
zMR$gIPUw~5J_ONz_~&<iKb|AD>cbk(5&vZHKs}poIgE$|T&dKd#PjI~EA;|raKd>v
zX-Mow<@oGo6M!1KvHKRBKJ_X*KpH)*gjn5ae8s>TsnzMnCP!T>?1!8xpR+1ARG`94
z3djRDa_m?@c%uli&SqAL)rv$7Ycx9ga^e7Z)u@+Lvr2|wRz`tJxr<&PqCGe5QmHgy
z{;839;g>T2gWh&e%cKG@3D8~yN3$(nCX8%cZ}-GTB{54&*ERbLycA3-)}9WOp~Kc(
z;FmDxb*6@xtJ7vakO@d?a9{+3(s5i~WtV(}{TMPFF@l^<n?CS$96b6N)4u;RFojd0
zwCXT~8BI#F>Np)duMkT%{cRbOLgE^d-Mi!ps3q1<DcOl~PCQCRC2alFnpiC=Tj%I2
ztfK4}fyQ;o?<fH++(+*B#MPY+)-vU*ZtI)(qC5(a2^2ZBgJQ+>0t#Bd*%A%gx1%`p
zSHEtE=8PnSzc2jJvur)I94LYLSKzk9&dhWGU4f`zN>ioAkf)bSfNnWUJ{Cgq$`<mR
zmTbmM5!<%hLssP)w44VBM13Unkmsd4Q&ka~k@3>wv7jcGf@h}Irzj9`_VzUbv{Wdk
zx677b399sY2V2_Nb0~89=ILd`Z?&>FI)<GC{dG|IHydr5_B0}jF*oz44`SDjX^fn(
zu~56TBk#>vG<nAGUY2PWT8!n_HsN$fJR2p2MVwb;3GcaX<Klj~m+O&-jY$LEDO|zI
zKOT9htCodTvP#^8DfUw*hi&G)o~&#nJ-|QV7{dg45-S6-jbVa(1stbZdNjsq^#DnR
zI83cU^RepD`DSF~tF%va+uFS3k}vQ--NgSC9v#%~$Yaq^WALPMT(8$&A?7nNG!B!}
zjy-fpUl$RKLDy0@9pJ!|j&bZ^0nT|Z4A^Wz5EMfjRURtFplbeyA_x;qvdVptFN<-i
z16<xI?3*?oej2;0w?-^@ICVQQIaBrGcvQRv;m9@H8q%Eo=%X6uhoDzCB1l2{pxBVf
z)hwajL{5EU8gxR`4w0=&w+60_9;_Jz<OzyyuL+4!c*4*<(h%1lU{??xWQX}Pb&TwD
zg*~I+bT&nXs*N|7c?20z+9#P?9_5$R$1weAJRWZe;h&<po1V`4*Ylnw9w;(khRo7C
zw~4h*ebOAIZHgymtWdl|yt;3h8J4R?YBxo>8(GCEAYfj=%Rn?wKO})(YB%;R10r_N
z1*jJM&+_Yh*;!sL99=5ZvCC9kkx8RwXCz%DgEp!Ca6V^T2Fh!wCp^aH3>VXISoy^y
ztT6+j9E)01qe7>#lvV2T5d>4d(iTB{GfS>1vDc{bA%E$j+~-hlbjR~hL+=p)FDc<K
zlNys->IP))corCND!yp_9HWnQ8P`9GLgj=cM$1kVr9Bq&yCV6c49%A5XRMch0(p*h
z{4g(0f37YW2-LSlbm&jHa)<-v>aFuH$Lx!3B6z+)k%TIl!)?7I2V7Fe67Jt+;vd#f
zEi$iz3$kH`*DMskHE)(<ogju0(i0R^Il|h`v^t+KRMkz%YoW>DVt$gwV&z|-uY%Pl
z{l1z<?ADjR>_(-y-&)qqW$Lq${vzw%3L*jlLBuh09@0Vtg%IB4UAl*H#VqyE4*#P=
z1s4AU1LqbHH#%+%!eg&N(1mnh<j!MY_qWf25-|!3RjD;;1<x!c_j7G$fo6{PQx4Mw
z4=>EOf+y03VU3`F*AE<GuxvbyAy(40Wcvtc1KDE<bWA1!2uB9QCnrp0kvTGkb^ZdC
z!|3GIR&Rj0yrg&t!o5nJLWZYo4UNf$nc$DljwTsXIZ~~5DBJ6TNd_4y=<P&Y0*uya
z`5wj2u6uW*iIMS-zLFlnq&$qg36*Yb{AaIr{lWLVuojPHhAUIrVudNM;SLTNpHSHc
zM;YX?w<)&WE0-5i;TBJ#Xe6nA0n51&C=&B(tkQR4KY&5xH}nVg6Y~k&K|vwbU=m2h
zktJ&gECNZg(lJ`Y#zKK@x`X!ev#H_Gu=Tbd@&&rEUZbFHQO*dKFlx%lO-a9mc5AR0
zfeu)sEmRUu6Qs@oCV{ISTz?mx$jK0<r<+FTuy5>LIkM2P@r!=CgjJ|_m`lD-b*&b-
zF;g_;n;qQ$CLolRyYDEh;`9<AH+e`LNR)g~W{Uvt4#`OsuC%eu&;3TDgaaJu!i=pu
zJ29!vMSr!8!**t2L;a*jF~5!(7SyarbfR(f_C7n=#pFRXe&Bu(;m`ZQRXMNSImWm-
z{^MmcJ?bGd3e|&Xbq%-;#wEJ_9f?Vu$s18-adeh=<p~#Cq34bd)Z#^f91Iwb?+a_!
zUE4A<LE*@~q&jpLkl(Bq2SY#n)4$}2h~L^B1<xMkR|$AGOZ+2{ig&6IKdNR}&lG;|
z1HrpfS>LBYeiGod(0PlqT`D?ERA4Z~GPJIu@`PTjb#PjoI}`ekH_mBXCSop~jOCWS
z*Vrqwg(hn;7LfA4kft(aDX9)*>tNV1@3!*#5~z-Z7U7ZKhA1u&z7^hm;S$5`in|*o
zT=WmMA=U?<fP0b^vpgl*P8uoDBSNG;+9*zNbQ-nv#k@ss22H5djg*m;L=$j3TGUUP
zz4x%;3dpFLh5X=rH`8rlFs~qOY14mELZds~M}$*w@N5_b(y1*c{VOHk@CW*-mt^hK
zplXsGe*SqdHW-F7-dnH~6QIJs@czp<KT;KxyZ_)sFkU}8Tva+X)C8o7uYPGr5U_;2
z3%KcAYrx#NhAK{1l@#}b!%Upsn%apd^+)+=vg|A=V?u&N6>EK);w)R|bV$v-9>409
zjCfYsPm-K}SjHj1Tx$`(|0nk2?;}Ihc<#|@E`;$OKNj%HwIIo8Ch^d;omEGMYsZYk
z>hp<6TUYV)|0+6bq@$7l6g_yC4(32Wn0Iu7Ds$Of&1v%j`6w&SMx4^d3(|@GW?<oh
zP%xU!^-TD2Cu09b6I%P2A~gUzV#xJmTsycT9GY0emAnH&26utCk|&OqQM{t!c}|M)
zKX6+1iwxDWlA`O~#fw9z{d}l)lM8++bnQ%Rg37{^)EI2ZM^{8IC)yAb)s=CDL4o}0
z7=&;pKx%=_{|TbXI&MzYO4MaqbSdr!c;g;S+m8$iFH^I}%4h4Mm%(bNWxwCqj$nBq
zZ0~^>i5EpBSKBhu?d$d1CBCUVSM&FrtPi8u`?0HnTW|udf}6juE?Uq|RXzBX>h?iN
zg`nzTtTdr!lzoy$+=;{BK3U1X9<(MSiGZ=QOmpShdUz*XN@8e<xA&UWu7oN_w7cm8
zwFL4m!zLM@_Ex<m?IBWayk)Zd|8gsU;t^9FRqfC(sDTmH3Ik)4z$h4`Osk~^Gthbf
zakl+RMW0xu3J8JTphAuc$k?|F{KkY=MEfo~*b8t=V6df!%`|+lf&SBTq-iT#zh!Sy
z=K{i$q;C>B{edN85ILJ<X&U$`O^rCq7eeKV#T%|`H~E~7_R0vQ%x@nPb31-dy|Oj|
zE?pi4m8*#HGfr$qMYE%Sp`-*R)Hb{)-|2%zF1_Hr*Im<7wFGXBfC!H3#?+3?RD+e*
zpRX^4pmiWuIOklhojt9m6Q_|Fb~hvA&iq=ofuQgg;DegE8$g(DBK29v14Vd(MXFY!
zB=gGfvU!-CjbI2#S6b@_?nUB)sp7+Qt>m>#|GX*4&()2<!!+;8pyD1#WjOk)I8j}S
zx6^3i?}t~#Ypznx&sks45K%8UKSh5uno&<|Xtw<K4@yG25Y=r&&6;wILdG&ahQ7nB
zkeJ44-$egsUjMo3FC^!6^2SEn%gnY)l|s@z1)oBxiL1OqvxSe-D=NV$(vUk41IJ{T
z$^eihcjN|U6A6teg9k7s4YqrO(J427o#3nR#6P2yG)AVqDg|It-?KrZH~2}C=-JRL
zyvZAFEa@_0e=oG4>Zi&!h}T9rM}OEhteg+5$>K<53M;9X>Tpw$9V?1J@-~5zALE;W
zus3^E52Oe5X%P2hC-D8}ltof}iRl^$#9M#4I;*d0Qc;|ND_h&wX*w<}Z}guN(vo>b
zKZNExo<_PvVYO1(&=tN<6xugKx^B_vlWH6Ej0K-3qy&Ut)Wf5&9w2|9{P1WOqbr9-
zw}j$O`P!1Tnz|9ndW0+DcJN%;F;%v(-M~-ZW>uhh)=N3(3W|@TXOj73`DLlWmYnHt
zD|@`sTw#@v*WR#-rAij2Pj!vxLTLFcVGa=xt^@It+gOIba`Uvea;ffX$td5^YIKtD
z6c@catqvhU1ZVK_j8nUv3P8YowppyM8yAo&a#m-)03ZjakzH1w%xMjG!H=VOj}ZkZ
zWaUET(+RoPJx82qE!9WD(P|x`9<j6apPw#EnV18g4%0{0z6?erV0qUp!sjig)Woyi
znl`~t9Ad6aBJqJ9+K3FB@mDWBSy(w#Avx%BMQwR~OvMF^gp7+SW#t}US_-Cg0FPt5
zBH4qHfr?p(T((`m0HV{wLK1ypAmwp&gZnX3fktM-iKO7NmZ_+?H*do&go(OR!yEKP
zn~vvSm|N2mb-Qf$DTyey{_S}e&G(uXV|t*}LqfYKIz%9ONfqb4^d&2B{uq-_(qlC6
z0cq`|?pone3F%I{t*T(xe+2F@6ht_+VZkPi))6mC^H4~^FnA3np1S+}vJb0}q;`%g
zSRrfOl+LFFR(C%ngTs&JJO#xZ&xl98yQKQ}IG0=6=^itI41<Ly`TbM?es<O>Y>o-c
zjEM%>ptR#pU98)FAa<P%Pb`3;ixPQwHvEg}ot;q%!f3w(vnf}7$3BQ&(4x0T{Ar2o
z6lv_E2=(hga)m2JPP&*p0v4b_mxCaOkz)s)5rXj`beWY7cA>>J(hhA!b`3JuE$h?u
z%jbF@pJ6SO$d?8`N);pao{xx^tULW4%l|ARZe@Z^TP|)JTum_36<OpIfyKm4!-q5V
zYAfRj1*7?7z(^+5_ZUnoPPcw6d9rc=cX@?06{m|FGbtT2>HX>86fs>!D$pV3lyp}8
zBX;sdTS&@LX!c$;c33?z${IArB|Ak)&Y#%Sg{gQ;@(DE@zcJ0?#TYoag$V+S-iuTC
zWWUT&QEn51(CrodV(6(g=OKpP4zNLHe#KNizc90`6hOswl>sTrJ0qUf3Dbv=>Fv28
zSkW$oGMcrNArO=^KmfL>2?9~Tm>`N=jF|f!Um&n-)ErMMNxUNSO}OI3Zbv^BvsS#u
zB6@khOdd)F5*^vp`&Zo6b#?c@3;Zw8U~H!2+(o%}fnigzRdja}Ll5s2lFZ!N@I&87
z(zW!XssN^<&B$z!OnPLi0J|;ZqEgsd{+O;>oC4JLKdok!wgjT|gjk83B16?NR`EJ(
z<Rbs!F;FM6k)$%1D1(m^)m4G`z&TN5^4)`yOUZU`=jnm|j~3spQ5w#IsCh;dmu2L+
zbPL4*q~NTXG^@U?5&M7H0m8Fzz+&idfN9lHupJ&I(*#@}6t0mK?d%HrcWE7dkL%#S
z^VRxdbu%t9pv^BuWI*6>NL(u;fjV%!U_{-_s8k7;*~=gjQrtj^tJUV>#BPUuxTr0V
zwMO<fa@mw7HdNHOu>Qa`6c%YA5bV1%iKxUHGK}x}92hYx8CZJ<e;1~4aj3A0gIQyE
zS-yI$jMa-n@nusUf4SV6o}D7Z6gaL5h)d$}>K_1#kFN2t)bC%yzPnMt?d4<8wHs?W
zcNSwYRnu&Hok}-q0bsrX=Cq6L_Qet?WFvdhyfnWM5i#xiQP&PeWy-mZtR66qmNL3d
ztBv%dYJ+*VvZePG;UY5`5jC+eIbT8ub-TReBKv_!&|2rKamhAVSH5ZKJ3_Q<t_uop
zDn$_9O3Im3X2$3<7}MPVKLoqd6lSoJs6<ZmGxmpfSDUW@uEDY1d9$xf?{k={u8EEJ
z#XSdkNEDz;12}11&5DlAdV@L-m0g9g*^v!S%91tTqkSM?!T5<FOtNyc-(8cq%tz@h
zCJP7>6dBG7_N_;+h*JhzX)P9T`L8ui)WMd5+z8N%u7T@}F<g(vQ{3J3s7~A_mCh;c
zbsxzEWG}0ImvKRzwo@r+vGG1uE(NY&t5ctPkZJOW8HJRy4~d><bjwH>D{T$<M&oim
z!Dr*A!>Q4WT__{Rq2lsmseYHK0O+_|pf#e=p~ryNs1pJ>C$r;BPsf#odc&BSE#+2k
zR2H8oeG08Z&X}WzcB+EX*{4rx-d)vTooLPaHxN(>&S6<<xPAL0XnOlZbk}noJmm>c
zjaQ?%8|*wkZt>#({_`>4WR?8Dc$63Psr?)GQTtc;5n&wi7v23)PqU^`c+?yW(`tHR
z*RnD`$h$QqeZA7gv!ZHfg(60EiBOC!)~R|`oJcTMnh5h^rg{jijd|O~R)LMUCb4$t
zy37Iu8O%-T`Ht1|o)3HKbu=Fz26r??5!8_p{Tyn|btQuW4$8eb_9ge?3UMtfYs}I(
zV8r?_P?8Clymmx&chRmOYL7*+VHFA?6hYDAUXeea6)E9@qj{g0sKKbi87AUt%UQDF
zy8CPLsF1JcA$-Xd=wEe5B=|@APr~Ss3{QxRWT2&p(Wb%gmz6zPfiw6%@)kfKuYhHD
z5fYr8ZWpE_t#3@3j3~+6&vn(7pRp4=4ia3oxz$p92O}FA<)i44#3Sel=7kM3K0dam
z=&)mjD>^UeBo~EEA;lYik0{s;C9G7ggAw->;$1B6Uc#ue-eg@kT5)IYs5Ge@8Yl=~
zyfOLTQ#j^J<uaD6g=^RGt;_iDKwM~Y!urP|-tLx=>Cf>XClxC<xQhv5ULw<MT|>gJ
zA9v+<+7gP9StRzmU}vH<rhIH^fNtzBy5lojVI~etk`NGjn6_Pq3x%?!*@uizzePIH
zwpw2OED1rU?IU0^ApA=~jHWO?ZX&<qgsA;a?#<FQa04`-)uz~eh^+TNJR1e>!fyS8
zXC>ysiKH|V&k<X%*3~v*_dT*W_*SBBYI3=nhd~GhY>sd=vR6D2-=@s-x-fG^)FYO3
zDJH@wsMKO%DZ8vGY>TYRqt^{bOE4TW-YSWdZQpn`@MED&)a_O+nFgvVcZ$@hIJ|nY
z`do^|C!R;zs`G*W`p0%>KW+~Z8s;K(=6-F!x^C<ukThqvK|)m%frV9h$~z?X#mPHk
zUi73@!0*jqlWu${eQ@B~+|f}8svTkp#!)^ejL?PPYGhci>z>D2sXQve!Y_}aPm-zZ
zoJ-@cgxhy!gZVxf_=cnoEK{6xm#5ugE?9MhEoGyaUeqAnp@tJH!3epFQuV);y(9WW
z^{ty|kyLQ*1%ABzHjMwC+vF$D=V+gCJ#DCbI;<sY`{6MLIqJy9L06+3%uFt7%}y8p
zPXNIHKL5Gv4CcJr)F|-SAC8cl_SJfk7l?8GDRvuMDEeS09((5g$<q&oF`Ns6YRP(r
zxzv^hvsp@=4Kyn_;e~<q@JK|%tk454bz=8Ko7#)qL?&arh$^!y?|E@8Omo>2+}4Yc
zKvmTM_s#ZoafOJ-hSJw0y^9WinH2M3XfWEKm9WOc-Vkgjn6=izYoGuC6tpbP<iA0F
ubyx(oTsgYLhiRw?b{K}*dRuVtm{!%u=62!s(WaflRa7QWFxaO?-T(l;8kipd

literal 0
HcmV?d00001

diff --git a/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp b/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e9bbd3204f98d14dd427cc7c1c7def525286e01c
GIT binary patch
literal 22944
zcmZ5`Q+TD_vTo3^+3}2R+err<cWm44*tTukwr$(CInTe=I(whJ&$z0a@s-}Hx1O(t
zqNKQZsyYaWs+h36iaaM_<Uew36KEDFHOLP^Fn&IQP*I{E-uyp$@A&ApC$~i0gj@>p
znihawmrUy00&iz-e;q}>-5z~e6WVGPzH{y;#$_X3eRg|#zGs2<U-fTq$GRAv8!x(Z
zKASxT-j4zkK%}mlY+&Be*@*65Pb)AQX!-^G=gjo!Ui++lt9fRA*M0as0be2Bt-onL
zfNwjmfGq(a@clCbsQV(ld2?Ozb+e4*t2^CO1MCCBeY8A?e4Bple8g<kB<x)JjQG?5
zje$sq;O`+%GhH{4F$N4bJvRau9{xb)@1F06hnfSqZ{Wwwj_vD?$<CU<zRx=F*T=&n
z*B9Cc;Nxb-_DNR|@GJoQ0P#5h-d)Fhg1;<m0Tz6^fjLjc4>5ZJonO5lt}8ynwpmsf
z>n-;JUBIaCqic`rg?<8%o_L@DFz8M9&G1$HLlx|0;%lX1X5}6C)AcRpb$eG})~C*=
z`@aA7_|x_?Mo;btunoNO@p%dO=a%Uk!?RAucL{Lq+i+LuZRSPpJ-h9DqQ~YRQ{ulT
zfIwIb(nWhJ@&b16$LH!-xn0^Iz$Q%QM`2gfKI^9t#<tUae!EkY0J4~CmT2iBPNDV?
zZGn!)?aNhc{S5xYS7&fT-+E69hW*s>tXpD&!eC)~G_IEle$>~gC$*>GuBc4FuaZ%>
zJy2^23oa?H&w;4HH#@0}IPKjUa9uqWfizd;q*+v%U#RgGoQVk%(|gbtQBVH(<IpLK
zvfiJ5)0&2o91W|(eMOIs#Kd0#s2fRfe?=wjUYYQ`?OR``v!~-q_Z4M+A#_*5Cemd?
zZToR3AF_kAdt)ikf|8f>D<-#QKh>gIaN4t4q|)2xGnq#B{i6*<Jtj%r2O~u<vTdo<
z30pHGh}{Syy&Vb1E551y4QZF$&XDNBRA46tHC}ru8rr+d!r2=-FMxkXVjyP7$Y}oE
zD&mmE`5rq(Kh5z^-sm?-ylsx5_sXabC`$k~k|x*p=RdKK%<mWgd~Er1=n`er#76Eh
zWO~!k_u<yWPOXfZTpY46K?zg^k6w3+yuxH+js9JmI)R7=S-J8?@cy?N<5iM>G_?2m
zcf!jSNLrl=nB27^p)#0C{3~4_7TO>`DxPivl1D90d8H)(9R$>PGmGR`U+cXU2dw-n
zqWJ#y11{bwU()m_O>LBtYD9Y9%{crNkC)zdven}Uv;VpV8+H$|F@_DWUm*%^!8bsu
zh*?aRv`bB_<_cI~V;L=vW=T}un;v3Qs=+h~wOv2BEktTGo*Y6zyd8tGyDSF1<+~h$
zz2>uSp@AzRgxpXYJ2ksCfZ*QEl>J&}ffN{@Ih^vG==h^H8=;I9c{2+l)uZ#uxr3aS
zG?OG=5GKin_aF0NnSM(M6E$A)gmxaL-|1*59LOb<j7(or;`R-=%v->_iafRT{TQdl
z>Dp!e@yNsvTiU2Gyw)fB43qD&7*_^Nwm`n4<?f-*^@-(gAU*0caM#mILs=NP3ziM&
z8VqhYsVROudXT$T2(GTm|83ceLXtdBQLxmSWy<_7==~eHWTdmxC3S9@zD)S&&^kMR
z7mV>_C8nW_!L?-sFw^A+?@ZBM3U;$Y7#<CDj70jf@67_?7#lTiByh}5650PYgS~|%
zRq{<l@p$6`an-l}ET8mXsksx4thsJX^)LFzpC}AjHlS=%v4}N-YvW_wuW%f!{f|^Y
z4>ytM(l56)>lq@MbK`cGI36ZOB74K%E8@^BKKi0k`)<KOacibA0_ddoQx}g}`N?WA
zZx_2U+T-p9Gmw<RpMr;;{?@|rz!ZVR6m|S0>?w@L;D6!~FPi91bT=+N4sI~Q7YklO
z_V@@q{(6~C@cHrs^!~g0%x|K?i5W){iOfc&oo}s&Ur~*oSMOtWhDeW`35ESAo?rp6
zbMuLwr=?Ci5P7Y(E9b9fyX`pqze_A^FQ=u(NCZJ=lswJmw#AN#n!k<fcJ9<&ptn4O
zZMsGNh5r(WAE>I?Ugo<j&WPF8<7W^I#{zN+Nw$j2?vP_CXOiU$!J-k7RO59AOeHa`
zEYER2Z2LdP0p~lMwH|kPcbCpemTm6b(c@4xiNRPQuS$j@rM@&2`^mQY7m~~FRZ=O^
z9a_)R<s=Vh`&p17cFLj>IF6J==hD1t^AS2s38DPnvp08>fcPrgW=p*}>gk&g&|9U0
zgLCl2f~4;LEedQfF-kzgM@4H40IKNm#Jz69Io^Lk<ZZ@1hCowGEU6~HHWs`64gSA9
zg6-Tn^f}mOu`Sf^E=Fx4qj@IU5z@?=ozdbh#Pc^&jQoj6QY=U25Dl*&K#Oy8_yPi6
zO+?EgxY+8x{f5*oWN}Q_L0sLeblz?PA&7Rwi7LvQ2*xkl2gl8-T8b!C1E8521)C<i
zXml=uXi8ZyFCIbmRTQRYK7ZdWV^Pa@+DZu&@90V|qUbawDCUc#g7cF3VO2V6@S#Ic
zy_{dPTRs(O^{euX;`C(ZZ%l5eP$W5PjLsb}qtE1Nn+OdF9OJKnWrcFju4x>zaBCkL
z$rUZVRHPkdKpGw4J+rgZ(DGsqWsIO}J^CP3B$czb3b2q4{qu5p1k{WxejbU0LiM+{
zb?A8*Q;#RkS6BYJ^v3*+Mx!iUHP_Bzhml=KDHDmjg4RL?nEeYbt!&b0td~4_HJnq7
zbx+B6t+42*Uiob!+&+~KR#8{YIMQ*QP8bho{nk#y^Q82ex=`8s$XpSkZ}Tyl5^GwC
z@Bi(W|LTTy@T+a5D9SfOsy!GwpUNJ0{}GL2T~l)-5{i{f*}AIK`6+99{|OBm;Hs@~
zzp@_jh<-#X;`(<A`kPsiT!zcPD8uIU+U@QT^nYQrCN`vslsVY0!{HL;f2KO4JP~`R
zec}<nQS5dVOwzo09OX33)jIiI9PfWObaqvp1&e+SrvG)hCU$b=_W}-5mYRA$d%OtE
zKP(x=zbCIVlpmXS6dc3F3;BOb<iB`<(_}fWapmA&-u^e<be<2Zrxm)rizm0h<no7T
z7$m{#dzH$?3rt#JQ?;1|95_QD^H1#Azjm#CJNe^60O1q0;{Q<0zdr))C^^>Nkyz66
z<9}(g^^#U|DW|#{{+>zNE-X>JoK<Kh^XU{Xkv5ZW5{A;_v@S<j8;@SWZa+A!4;OqX
z>LZ<~;H2*8ega>ih=nlua@m3G`3L?Z`}LP7V_Is*3f*$6kWu&Ey{sD4<Bd+dcy1B2
zZ7$PC&>oAjPN4~A$M;&KxOJ0eHW5xKr=nA7=dclGGqdF5R}*3kPX|-eEhvx=KlVyX
z>|ZN8{>#+*L>I2kb)<i$1CBeV0Fv8um?!?J{aD1r3@1yHzGv|F^L&5T+M)REw0?9e
zR3j99l6kB~Twev&;QzEW3!$jh$i9E*_kUo>d{OIKhBfs!CgaWgDab-1ZYRCQy_X*w
zH)0g=RtUNeYtIk7RmXa$7(&?p5k>f|q|kp8@_#2q7O~`N$;u*-6a}jWl9|94Or_CU
zJL0PNUd<0%RW^@>%<cbAE%!ZB-Gs`2hKP`6YLJ^<81nL9=u)oj&jaPzbEyFT$?Rqf
zcBd#2oF9XuLvje-5k&pqkukY|t<4gno>!kKzhvD3`e;;3KZ=$~ZEK;7?|)~RYEdUP
zlHT7|6ZM%_U1vJ3+bil-w5yPZG~=qw2}Dk%7xlMEvZiiO%ks7nmE2{#S0}F%ER8W^
zWAkY3Om9D7*nKBTx}rq|3hAPCaBL%F(^J1C^6MQH^@s^b>ru{d=5qtJO#cplZ_GAn
zS^!ssv0O<L7~{N^f9xP@+b5R!t6x0RK<=gtv1IAq4UTJLB+GTMuyZ5)%`hhM`Lon=
zXi8&<QG!<!y)Vr9<gXBRVYP!c@}YK)P;_+sBpsr{)fU1|d2jvg-t5L;tDpHL4TTo$
zhYHQ)d9^%&?wMrE;m2Ia*(eu146QpBb&+-*Q4(AeR_5xT>ac%Q>KV?fF_0h=aZ8&>
zktt`>MI`ItbT$u1MBomCr>g#_w*=a$eEkOvu}!wm!o%oV$9-vd%ZaDEH|jG7vL5P5
z<a@Ttz4E;`8f%+OlI?uy?I?>*S{wnJi!C#%@iDsU!_#E{o{=+jmgB7Uc7*b;Io2x;
z@#qf}5gj&gR2t~9&`z^nIA{9JD{$HQ2eG2^V_SXGkb<&Za2UgGy?V)gzG@39iUTfh
zx_{klrc0fzmbv-<XYSc+ltM84p8<k}TQij?rLlwqw}KH-b6y;j5Kl7BDB>mzh3e8v
z*5>Mg27v{Q#=!%(lKamjSm3yOped;d#j}%X(T*>vGr>Eb%$gvdd_*)>V?Xn5B*6~^
zfG4nGCgy$Y8tiY!&3<!0X2>)ytj+&>@Y;OkT%K3yn|?XLsSZ(8t)F2niXvV6uUhsE
z@CEt)2tV6k0^<7ko4%6!z?e)rhVFt8B$!G`@t^6rfQ8VXigsc#CD7{?Y1;;KxQB;3
z{G89UTT1NE#Ql{^nAau{Kc2uQ0hUG-r+ho2Epf$k2D?@DL&u#ikpraMV3nH6n6O2v
zpxc*|iQd(#9C$?N17xFM{ScZMvrN<DiYG$?y9Ux2)s}Y!rVB&jpWK?qtRC6m>ovHq
zZBnO~yQz^&U02FCJ-u#&4Pg!J5@ICT*$Z!8GJpVz8!6q<WdI870!0h53Re+4m7&Z}
zGn!5{F<1{}n`23=HOMC=JzA%$V(sq_K}X9XHXYa%hnKFKPY|>UfBQ>m%)J;8yPFyW
zSLhuQWnOkC+P0RZ1MJ@w6g;oeDW`vr`8oFHM-mXD28IWR%oTu^4vc`;=945=3Byri
z{yOI~=h>*Ya6CEL!u(C;?|YKO@4;jo1D*6VbtnaUo<*1ob5q5<1<l3o=cnK*obiMU
zR<NyOW$K&OlqoYT#H+u^K60pQuRbMl#?scO)BH+K#Z;3kr~6{ju9VdY0y=`(i=1Es
z34Nm%f$+1q&RJ^BcA=euR-}1F2+U+esneE_LlYA3SQf9}^Cq9CyD*+?-`^C%@$Ws6
zK_1S|K+(l5)L#R1^J(b(-EzVNT9Msg-($mL?LXaFY_FjqoiZZ#Wl9Jr<u*;ROxO*+
zDzJOgDuxb_iz`8p<FKF4t1oF^^As8LxpSypZZLjqs>{uSw}2eG-@kP`D45aoktQ2K
z9C2_LxIHQJ1-gs4K#7oC^hG7$y<#t<h8*;l(Cd*ZIo3S|hZ&$G=^CQSp=TKBW!r|?
z(u+x4CZjH~-Kn5T;EF~#>p?&is0JN_vWL%L<1B&67??&HX3PWmTn_p8Q&s>POJ4`F
zpSGM#_kQ|fk#RT>+S<rSa-L%>gj*(GJo(G>i{J^yQU^B{yM5}fTiJd=3vi3W<Yk`}
zG=5PJG_hE%lRNHaOfbDQz5AtgAW6|ix6mGN@<=4>CcXplL}k6yOw0|bI9GF&8x-sn
zU@x;q%hdx&>V&gdWQ4iEKzuRb9Qp=qwitKjPLyI-_y}X2*i0qNvKxn=M<lfJ>}c9x
zdC{GI9;_F%gM+Gmk#q%h3(t>Gs%8znOyNRz&p4;@Q1iumM?I)Kr`~oTnA_Vv{m5Gf
z#BsnWj=<Mua2|9VT2?(j1KzYG-qOq?#Nx?=73?1fKHNqJIQ5%!htA16xYiKtFk^$%
zfi~4{G<9KrTp~b8d67M)LBO;5))vAX7bnnSLX&(c*a_Vi13E|WmF$bmH}*di!bR$d
z9v9Vn$K+G+0vl2G!Vt0CVWD;j*)_TsBT)}8GC}k)Ui}G-b}`stE|+cjWRtp{e+C5z
zmIP87xCw0_ajCXBQAI|+;1Q9ICj0icBlyxTGPiL-DVap_O-V4vHZ3~YgD~Myd%AS!
zT+kk%nyLkrLdv0|yOS%USBm<$Z=bIq`huV;_-Z{_cu9PI9)ccY3XTL~k^&-on!UEP
zNE5mGzxrX{!eb#c&<phQ)4n;sNjX>JbD2^jkHYTGr?Deu8w=3?7V_F8{!z)XH4}Zv
zF2?`~7|YUQmQ;H?g}-_GqqsPY|Hw;rMkig2*pNt_{23Ymtz}M1@?{J;8IuNJmK(v;
zO7Lje2v|;MvPaO~-CboIyq#qP(WQs!#8I>Kk~F>q3(XRg$gY&d+d@IFTDJff@R@!b
z2_StK29`=8#wZh|{X|<F=Y2~glUTw`t+b4u!D4=Nonw~i;>DRUe|N=QzX;R=0Rhnq
zyJ`zS=obp`^DA*%p7JTXgi>K&Hu9UJWE*K^K4$!ocB=_hA^POMK6Ycqv=SHW*!h)+
zM`;~|f*!EC24GtJ>>Jem3|hX5OlJEPIM_M>1JE~Qi^U&`=6Q?-OslqN%6dJofgCQC
z!JX0DM@OGyzS}~kMuM0=59W7Tae{gEV}Od9-jEbe=xX4=)B2nfW)w4Qt=qnI`g9_%
zF?p&#6WRWtS;|ea!OP;G5i3|6C{02hnuKAf^a0p{fHs^=OeAs}DgF@r$CrN&#z(GP
zU*9}*9AhJ~ZVs3epvUp;v}RGjvp7?xXe>z>jz}-&8EfYpoWF1^T6Vllnz}+5RTz2s
z8A2HLajaF&2zA{2*FNUZR$Y0t<WTQ^dx}|Z%@_e8*6*@hrT{s_P*vO_+(NbK7M8m3
zo=Bo6C#<LOjC(hQ<JSseQx%6=J<&D*YRuhVIYC18ZthxGbhz=kvLh>Q@bCRPo~K&?
zG|yB3cTz+s>88ZARY51x^&iM>E8Mc;AZT1`VAv(KT4*T^Gg#}{Ivwohv41L;sHLG#
z{dfcJgoEXGhPWe%NgV=&g!T?@J0F1G*bPQtnM!EE=m$IM>N%0Y;gHCH8#K)^DI|=s
zH~$Nt)Yi7^C>zvd5*7fzMSKf52yOKx@lTBOn<sZ7yls85|G55i$+!gr)u=+j4H=Hc
zb|dwOP|ef^i@#g>GsTH4;yiF`1{kZqE_&0Ids@Zo-g$mr6Q8O)@|Uam)x=>2@Yzwv
zd$0|h+$}nx7JESQdzwa5rBrCbZH|LFF?1~n?QX<p-`VDdAb{mzxi5&KvzxX4@}<Q+
z;c<vSU`P*R0GSq{xV|kARKg7EH{~O|*L*zk{6@OYYEmd<s)Lp?lt>5h=0UI=0tt69
zHQhy;F;wppu;|FVut4mmvsqtwG9u8dBW-<^fKvj~)yNs7^RN!xkO#{mnbGQ%&V41x
zTULwWx<G5{cjYRrAFjC!NLYoX&pB<f!OH7+k<N>nsrZdih*=6Y^iDaTZ3N$$)yOQX
zO{c&p(j=M;xb^A@eAIMI`^j-jmRS{y%#m8pM>a0+8myMgvz45a9uFn4uT}jf73Gs;
zYCnA^$&p<j1CKOo-eGFFS6;r8lcn4!(ylqEXW^!e3}7qduMj+>5X=FQCX0Rb^6GQd
z{zHyALUG76ZX;*M1vPMin^5bS7%|hMogG(-^#y6L3ae^<_L(7$7UbGmywPZmEbem>
zbCa?TSOIBzvMiv=h$Zy?-KUB!c1!(eBrPee<zkrs<%N}e?{O{<W0HiVUsKLXTqn7w
zG4xs`%kyb>7S6>#b_}?Ro_KWeJ}eahkfq1{Am@sN9OCSKS3Fo;%;s-|XBoM@&Lg#%
z6BL{9dpkc|`J4;vMoS<E?RX6fy9%#fed2$8_{^Shzlus`e6zjmhMk(qxf9!K*emb1
zxBZ$WIv&m)dKl@Q#%k&{d$s*;0kVr*aRzfjWSxd*R_MnX)>y3)-&523@I5B^3FPLk
zds>XV=Gi<=?Z^q&nOdKyVO9JD?=DMvpzZzEceq+!#@xz0>|>SMLF@%ZJZ)HTr%L|J
z0~_p%3m{4b|I`Y^*C3^$kk_;UjKaE6<?1i0U4Pq)aGI76cWDglcy%%=28$8zjwX<0
z+zJ|Fg{kHiFBdsfo|rC6l^630hRUc@!2*j3blUK|T7T(IR4R~~)E77X!oEHCl!xzN
zgymkaC~^qKbq|Lr$wBmU?j%l@8y!5z=`ta@s^ziF{zhWB0PqgymDK+g^8o~;E8)(R
z^0Ji~ebu=^^4Sr3I+`Hu5^v*Ks6$FQ4$O4=VO6#o{3S=>p-k-NkgUSpGc5f!5r&FM
zr&hV43V|cd)Y2G$bDf{5Sdv#)B4um$WSI99(Zt>LO}C%Fy_M!A=fn^Vl6u#Zc3dXe
z+B3Is>0u>~v4|2Yqx+oD<ki_(N5_de)tGwn@PLT_7DvTC{!^-fV)BBAv5~g|CBk;q
zTfb5Vf5ST^b9GPG3{GtfImP}^lh!2PTSBKC-5*HfPL$l~zyaTJmjWgzLGz9J8jv;5
zTYoOG?s?x5I$$lVwJ)i~US5uW7BT)iy>8Oj^?EC{pkpRO-KC;>3LqD2SgO$1vu^wQ
zC%j(-Y_IwRlLeoGj)qs3M~GKvOe`xH?<P@Y+9n-O$F26;{%8kp$eV+%hNth<-vpav
zwWsAe9nRm6x!ZC9ULd@LWl_wj&VN}wyKCR20TxYpt@YyRNvw5TlP-a5fjOH^ltDC0
ztEW6cvI0su0c%%oS$94mX)%rT#Oz|mdf;gJ5%PiWn+ZK#>&b{BCRsJ5fAH?YzA2HI
z>PA%xn1wd_`f^Wt_=_k`-ak)KohS#M+Q%KTTsg&`WBg(qr-AI=%<D6iqGx3ugdG=<
z{kxY@J_PsDW9YLnLo~>)TeqgC32epfHI(%Y-Y`F8mPQD7AtAh!-B7Gu8ktECP(851
z-0NnBPdG4uHV1zhy`KzcaHMtF4}0clFs2>}wUk<T_;+jw8}?-2I_pB2eGH@o$;pDb
zM8e&U3RQbZ9x^Soe>={Cd1_#nZ??)o0O%)huUW&wm<}@a8+&hZLCYmzCKMo=;iX{o
zzY9FdKWp<^6>v)?)|2e!ZP4v`f>VI^c>H1(@vGp_Cu#IQ>xi5l<OVu}W-8U<ex7}D
zDLv**Y%lOL2eZiT1UV-OlT2@k2`1|HlSOYp!51d{&}9sAA{(A0GQD66D8dVe4(G~*
z{+=ZL)3NUI=K+<64;Q)Yqk$%KDQCW`^2R!aEGFnFkPoY7AOa=y7R!*Gm5slWkSR2v
zJn7UZmGhyWRyP37;2+8XpP$6<YF^l~<#=TQ*Y+wl#oxci=*#-v*G>2XDmZ5y!F<1*
zII3bA@7*%$h5xaEm7D`QC(fEZ?<_hNJ_^jb5|{`sm7PIVXx&;<<>Tp~gl(|Js<-dN
zkI$JiODuN5{?1N5fo`@cDFSn@)I_7!aY^UDILLV2lck_zUPAuZJ|uv?SF?jYShnJa
zO3N6eF&kVPK@(xFjLX=%l)W_V8A5U-Ff(B-^LKT!%K8@VNeR<Tp{1;mx<Jt4D*G+O
zF;>L=+4>r*_nprmx?7}N6Ry5j;WqtQ6J+Fl)D#D)d7`13y6>l*)&9$s{LXFOk}$+I
z-!OE+a^@mpjNN+cS$d;<GNAt_9lrBQ<=><>Y;preA65zQHD^hizgq|psU)ge(qDZr
z$>f(8EMVRx)oM@`lp$B)qZoQyDUC0AUW!|bLBA>JFY9YHYQ*3-&l4z8k%pS;dwX2a
z^n$~z)T;+Ez)JCPr<BL7aiDA&Ti!rMOeK$mOiEqVUJ@?c+^38;ooJR#T9&p$-5UH@
z>Exx@kqg_=&90XYk67fUtOx{zm$4Mt;OJ@Fu6NPKW<e<rZf|`!>|(F@KYokvqAkS2
zUCHaKrexLIIdI6|Svy~iD1fJ3G}X&Q_GgK{)QGKUBtSl(42af=h!P=zgejheg-Rit
zy<trz=y3?iM#c1*WE{@M&|B}2S3Yt)O$Ey-V@mD_D_(pcr4?#Vr3J<s6=i0so2&*M
z-B;7bgIX*Qoe8|URw<2|h(`ENANjo1h+*^fI?MV{8qta|zBLmOUdyD~tk8~go_=>h
zJzzG!f;CEFn&NbEV3q~JhwB`62=@f2PUX^@@wW>amD{~tt>ws^;l_29WS<yjeM{Yj
zW=5M&3Oef$0P2{TQ~eRi$$z$un>tJaD!>?A#_u6xn-{(`bvqUs*1XFqZ63X<u40Ve
z$~r0JrZs_@Y4N})ohjzutAKh{DNPe_4>uf5I=i_r$t<wlmf>>Am8QZ&$1sftx?-<a
zZK?;}AEIgw6Hqd!j{0?N63iKnEeV?UluN*!o@64mmk3|s?<mL@`9K&V;s%!k@qJ}%
z1)S)ro|Mal%y<q<?Q$ZfVZnm~4sY%1w9ewkO}vJO1tKIGFY;NxJp=w;1<TP|Q+Fi?
zXwZj{v8-qZq+Ngbym_zGCcn7S>Vu$}RS)AFvE3bY%=7!Bh;H++6?St^Kko=_(*rei
z(Fc1duGm+c^fY}dYdJRv3^@DAgh0?K%C26hfR(+P?YhnOO_8G><$xQWjmxB^*+l>o
z{7+{Uil!m2S87ItFacx3a*Dk>zcS7k-bBfZF=IQZm}N})K&>I1J9*qxs3TAiHNVpg
zgHa6()5{u+R1y-M6!Sq7N~|-meulQF!5I~~90Ugrk+1Vly7*I*6MGL{twKE2((+x<
z^?o?_B_Lp}MdZHA=XTt)dyp-lMdw8J63s`!e4taW>>)LO@1I31`Ien$9K#N}5oirE
zJy~lrtiGj0Zts@FU)*Y4c|kZ!E?A2Bq4gLg<uVOXvAU<LLq;MMPXy}H+0;Od-p;rm
z+5&-&2W*&H8Ak?ehfq~5=w$lwz-BvQh}r5*q&|kK#n0Ob%l%=D1m$9E(=*J6h`1}Q
zBeF$377h7BjL*dtS$k-0wZyHE!68@-H1X#?>&29ooCp>fF}DT|Dka7H#K+lxI^a^5
z-p%08?njDG3(BR$ZIwkpR`h4jci!P?gJL_vA!%w(va}KM=w}=13nNpN(S1|%^Ba$I
z$wrNy<liSBWQ%ZDT%}-~>n0^9gR$4Ymdgb{q;{Sl@Tbg5rRcX&!FCPOgPB5)1Q7f9
zpDfFo7L&hqtrzWD{zN(WP=&d7J!jP*NJDhQrdxx}#6Gft*c+i<xiYy;gY^}c*h5i3
zA1$W{Ld}Ne!cEKF9!o47DMO6dHc!@F1^%;_Pswy7;VzH(s7RMo@JIFI@6qXs^EY*g
zPZ!!9=5j6YKCsC7k!yiaKAVANPJ#o#i>1epwZzHA1du$>?jC9~e-&(+1x7Gy7W%iT
z259TWnCrVXDR4qAH3Z4S{uEi06I7OxmQTmetUwfU)kHaEu@K>@3YPD6iSPC+Ri3K+
zln>&`!_+iJ2OLZLJ3KV}uq9dKe*8Q-bDy=p4(d4aH)@;MiCgoMV5z73Wu9y}+~Uz6
z4@z;l;lF6_N$MbJ@N=jx)r0#zCigEw2j~+nzpgQ3ixjfLtsa}BQqrGFfHAO)>{JEP
zcU|X;jI6ebZ!MSwyDb$=O6fRpo-a+cJi0$7W6yNY)$}9tS&+u?eHl80sDmZoB8PRZ
z9|jvWLyGMf3^QrXhWZbNR}6xoEA|Z_Sl4&!_sk4NGK8Gh;XR6aNYCE2@w4TgMQ@r>
zt5^Zu-ib|^nit!&w^B2QR|?IsNT#V7j&eR#*$>L`%0$M4sXw1I>U|ZWwxa`Lc7Lmr
zRO7}qfT8Cmt{oSL3JkdFJv3pv7j#Qf_a+%nhEMGK1;LW%eu={vzsLJry4q(i)#G;0
zj!Id~1mRUitAjj06T7lqJ3gf!jNRiP!cE8L-{s}AaITyueo!hB;GN=RV)M#4d&pn5
z#{+~UzJ4ZCtC1U?pvb-og`5~(QC{)cqwOGori+4olWM*hyW4-J%5a#$HNp^jvEddi
za3t=i&36RtGC&!fe_I-Wa`*`SHK^H6Xi=74jJ#0I((yt_TM6qBr@_tgPw_kA|15nd
zRfZKo=S>Rq$eMz^*|CtfyHB;2Q&rJsXU}o?0nJu(abL6xO|sk;gm|7u2mP3;P%>Nj
zPQpXOC_|zd_omPUI~!j83|LS+lQuWu4{*rQj|`*{<0q^v%ROwgncgfd36ti^EtLGD
z`cQ#pol-thoYLA=4p+#y>9)O#rCylGMY)#8tJ`_j+LxH87+l?&l|i^X8|{rMAdtYT
z5%D#`TH8>GqJM=-=2h*<@KF&o-LYya0ruG}Z)mhfJLEWzS^seJR33?nJC<7=dq<m}
zUclfCGgZNn%>DFop?a@25k6~m8BC4|^tvIv%p^j`v$N0jn~bXxAka3Pl4dt(qF#7*
zX@(>qolkeCVp;pVM}7A9e~ZMu*MqVs7MT?g4~qICsKDhCumcFx@HMmy`vkdiOW(fu
z%gf=w2knmSIo<DqJS*@J%OaCHy(SGVU@MP^vQlgz6)7UM?8WUji%}4wApEFIg}P^C
zzknJ<$ZBXx>Dt_o@NBo2*s52~uMU@Nv|iq_orbH1*-xLVutCC`Ztq~Ih~mP7sstzM
z@qffw<jaW4NB51lhb%6+!<sZHY8>6#_5_M+Ozhx-N<H1{C_{je<R=6LOsdiN{L|ow
zJbnr|=La5|6jO)QGC2G$t@?9A=a3WNkUG4uy*v7>w`IqusU@2pT1>O?0Rls`@3~Ly
zH56DsHwzj>M-mC6&2Daoq<nBu(nKdpYaKZrD4||(iutEKwLk!Wunww^-D-U^P+YHz
z%VOEScA<u0u!CAizXgp+1G^o25WF9w3I^fhv^zs*DZJgmo?6QJ_q~kl2wX|=3jIe&
z)E&Fb4Y7|P*jfwfVuOL?-o!vG!9-lHBdH-wPiQlIAE?a8Nt(wF`o%%cAKFE}#+lC7
z#W;>uB645@n36y}Oo7kmr!Fh*C4%Z_2nIP(v_9-2?2$e0F0s4!Nb?ZxewDPq52tG*
zh@pbKd~oH&As9V)v2v}5%X334dx!b}9t?z(slRh*dX$D{BB>qecNBYuz9g6<3fji4
zJ@VEX>e7DS*bKpzzdVM#5}4>@7)~W_SkAw9CX{)Uud}xV9o#35F1$Z!_tdt<(HqoG
zs@kcol?qsqAv%zsltHsf{6hvfBgDyw&ND{bW8@%%OUv;*!x`po_`#d~k%f@JhkerE
z2zPOFX^+f*<-2{^$<O?y09`)Aj7-Suk>-6lZX}7Ja!pw2-jg#x_4}RK&gE<lHs980
z#J2`Ipd8qH%j|Dk91{UUuQM^hQSRdhWzKllx?@9Kr14F>ymvxbiWq6CKm9J&z~XGF
z#npXnWlxI7*qER|dIXPt9w)yFqx0P`<J(3wY>dQhF}SyWnN~1E-X1%y7_$C|rhWM>
zamOg`N$048MF3Ozb5GQ@?Rm-GIvzH@-7Oh$wnFCcxG6r$vzSzq2;<Rw$w~T!v*FW}
zM^>3Ov$AMA%w2~ot=q!=QcE7&cf}x(-5<cd6GRJ!dX&<2E_gefDr0FnzMBZsrXF|W
zBac~(qYJ0KNj?PEkQ-fQ8qnL}OXY;GQFDdH<^x~xP@xIWp}b*CgMatwFIuj!uOjai
zvGK99bba&+uI!9Ga-OF8hGk~VDJP(BW_s>tQS-dE#nbSXN}1x09MM)#sY~y59}ON=
zJHg_SGI1P9c2$V~gMEsml6J0KPl)h$ZKUL#_5m7fcp74*9aV9%PC`in9s%ckaI}7M
zt_VR+@F#Zj=ggYr=s@_CpWW+Xedqx}fu%se2jts8pnO;EM$^*6N!#yz!`MB~QcrIx
zwxyfT`v7fCc#Skxq?Ymk*bQ(UK8%UeGDn{V<eFE>;CD35{)$Hxq{uAg?E>QtLWD}7
zfqgNFo_>koFB918(%y~pEG^r{KMaku=X|y$wta_O94>Cya6PRh>^p9cS75UpT=GLG
zW9LkB$UN1<D5z=bYs~n;^jnq}-8X;E8Iw`6Yhf4`Unty#MxhS05^ZHh+*Qiq0f$u$
zS9-y3;+wH}EK~$K@d;f=(r3BRUXsmo38XQA*sbIVrmCT>ql=_SWzy=PgPjELrebO9
z(#=NdRO>B>-%!es>Q6U6cmV2CAp}xgX6ub(CyKlM`|j*II9XF0jlw=`0~~dK{s?2?
z-M3oa61H*-_bRX!S;zZ#s%MldEp~m&GlGB+Ky3+2pbC|LK6`Esn4E|THJ^n{Wv3&3
z_&b0|g4|hwK%5iek}DnN$0p=5v$2KtTKIqWi--?Y&5FPompCSruzz+twP#>N{i+aV
z^}$f(+)Mmvn@tB8xy6NRW)d4>j-Iuk+=_nbeX`59!zbJDEB+u+%Og%9hYdZde-KMX
ziFBqydFF896X~6?C@<*J(DzT3cf5LwR!*ej4W}xN|H8*Q<gLKulyXu@b0oE^xb*ln
ztBK!SYH&6@(6$=9Daj9aR@U4Sx_%xNtpA2VJvV1bF8`)%0d>~4euijFyfZ06`^V5w
zYzU1%oBA-IPO(s7VU%mSa+)t!w|zbqs<=STH4IJx|5v`VL1b9%Y5mB%E9729kBL*R
z6x81$Sa^bib!9PSYe<^E=Mv7LvWt4ptSsyK9*BXo?$n<9+N0k_V>`GB?(=bsq&lzB
zEW3z1Xi&nfuM5%oMus1S%3sb9UfniPE(89mbETkqgqee41YpEAWfNPHLwE5Vip9#a
zP!uef54Mq^=TM4=F{HZs`@K_s8Q|=YR`9FXwJdrjJuf7IGoV$p?Ym}}doE{xRHi0s
znhx8+?%am0;Jf+L7z_jSyYGBcHkX;wM1E<BO&n&t%Ti^N4~f16Kjg>$wZ{}ty*@?-
zj$ULG22*elzxIZJ+{M`vdP08EU7?ozRo+EpNpW$TONV}vjS>GyB84_3D)JSk6cuiz
zBg3vn!kBQ|SY3u4t`#sK^Gv>I)vdM9k6t|(d4eGGY3WGToS9QVcI>@atL>@Oa9R%|
zW&6BDA|IqV9Q=DXZ9*B{sBCHZJ_qClklFlZD^hd_Mi_zC+6Tzxp^j+1(!f4P{FFps
zx{6Yb#2M7VZ1I#gDzhv@n_0*%opFJ2qtL<^F{91YSJC`%XCWlv!U<#RJ`AK-J3(Ao
zfOtUMaz~Wvtk1M~yZczqo~nLchI(8D#dVZI7033&T)nfW*YjRG?hIcC9SlHUJddJS
zuIKrpWh8cV-w_nWf+Kv3c)wp)yU~Vz(b8tmdRaOLT28+(y06-aDA;5JRG_0&&g}3n
zgiT#ZUeo`=?6Y*e{wX?BeeZN%v56bn;xE+5J6(2e6`)d`tzWTy`dB;NM`M<a-!6|J
zYb{Dp0-D?0PJWi*U;H>$q@X~iR{aw2pLWfla`AS-QQg=sX<M@Hd6dn=z{q4_W&{qE
zKKQJ@YIm4j^QRBR-nf_rZU54AZ_E&y6lo0Bk+hvpYuFenJ=O}Z@`@~wnRI7Vm(XnA
z=6-Aw^U^mp#Zw|iI<Jd)%#bTaSG(;iv{7zQb@F>;s2dT%%Sh#*R;q7BB0xQ=lT^rA
znyE?q>~&dC9}LPoI<U<U+bCcE$+{Ag0qrjEVNbO&Z0S6emEPq{ZhhGJT$=tS`hpKF
z@y$E4cD)fpZ{*^H^=dBpZrbR|jucbZRV?QstyILK9M-k%-LyTv^#nR{)a?F%p~fK?
z)BdX^-^eco`eW*c4`vpmvezjqSm5?oQDC>WHf!jD*AL?_42f$Mt#{VTS@6Th>6_~8
zjt=-un@T_&xkFZ5%iD5TamE&I(3xLA$H&PGA^Ocy)0jh1%3f29M~ccXuCJ_?o-YTT
zi4PGF+S^8OAo!j+d-x4Fl2CP4V9$+;Pk_%v8=J+1z;Y7sVB>LtD33Sy29D)M*%m=Y
zetbg=hBZ?TWAkNJKz@@0E4`bc1<JrgojR1k9Kz*x;CLr}JRdR^FvD}yWmLvgW_6qC
z?b!p<-}Or$NZbo&w|~TITtS#$y51HqVg7brJa5`>PTcGnne>-6*u8rAou^>rF{#kZ
zX=fQEK6}3H=zhytXUz{B<;*OZ{E@2tL6D2xzvw}OgYT?#Dg?2ap7BFVt0uXVq0Lex
zhoGlov_fJups+IHZ)+xsAe3~$C@1P~3EEbwk8f9Aih04XC`O`ly=h}6E=6SM02`C^
zQMYS{GmIk{zd8|aefZso-?w#Yoj$MYw;*RVfJo3^xFtBUX!v<{AKOL|+>^?a!)-ab
z4DO+(1FCFEaXbe@=H7NIlFP?9ISc}v{6<%<v6LvzRNtbH22E>9+jy|u`>akuZo?QO
ziFY(Q^h>^OmT|I`V)J($UecKakDZOgd^UzD2pvufUzyo!q!6@5^QkSAS|&ZC+gio&
z(#Kzff4!|R9e?Dj+4q-=hLPzy-?66EPrZ9VixPk$PgzxE_zzPDCMcK-y|E~USW5+&
zl_c{iTt|DgdN&v0Ig9DWb1QBp_T5Iau@tZvzR6>P)hRp6935C@w=3ZbY|p;4GmgJ0
zf?vl)uTn2@{ME0Ffr<H2?cK(z^$i{DVubLs7@D>3)>tK0A*4$Ce)>Rj{dL_pY3$={
zol4)kz|#+Jvp8GG<yS{~1?uzcR(!f6C~Lpj5*-Rwr)%sg!hL{Pp;)<qsiH<@sOq(<
z{A^u%ucbG9NI%3?2fVV{j<$oD4S>72(vFTq!*472sgfo{y<5l8CjD*pMwf)`CxLQU
zyH|xme^aH85QUjcpNg<JNMB&1^rR%h)h>uIIk|v&K&`FY?o_3_=poop-G81DSnb5}
ztJav}@D1m)gC0Apb0H#;W=%LsjY*r~bw+o5;}!oQ4{dXMQjCm9k$tLr7B0L)?O~ys
zAUkc6wIp_Hd7OEi8Im^gZ@X+Z9-tfCIaL%h6Q`462Bk*bwCJ^kNx}))UoJrFWn8|v
zrXw$BaH5T@?~@)kF{PujLKumU3ETPbsF`CDm3UjvIvI~V+Tto~wo@Ba|9SXgwTP<e
zW*ZpY4NG1~sSR^^jWci<G)$Mxr__Lb1a&*>ptCYeBew8`lpyULAMby0NEjNsE9~*7
zs{oYs*LldcZO(wsw9*4P{qU&$M&F3XlWgCbeJkVfk@{)sWp&Zfpjdt`P2++44kwR7
zPvYbI$zzib0oeP^?61?m7d6Z0mJ}+9N30=X0!{-i!9Z8j8;q;$ehAke`PloKaR}#@
zd^Mo4;|oi921idFUZKI{Mm)K7^A1ANW`s!YlfJOz#f=BSfi?(Op2gK@Mi+MdmH7la
z2WRA$sps4lb`kkff-8G>j<3qJ(AZwU5o#a;JLdXLF5eOvWPCxJI;OqYB+`&~uRwOt
zrbSvMU}r?%Qr-MF=1?L{I{9^=vk5OtqBke$U^tapgz8+Tgrc}-*S*s+Is?^`ShTDD
z)u6P?_S6Jo3}q~Zb|dw#!;`c4qjIyK{SBwmM%M*~syBjN`zPEGmE9N)gr&so1|rO;
z^+)i}-Hfyq(ce%689)x*PbysIXg6&qB-%6D!V7NS+}hc<+^~cFZN~I7!}Ma~BcCQ3
z+yW@X6mO_>ud+S#0#~-=GNJMS4kj3+S{GHU66vM@wUbSb(f6#CT)vb7LJMSfC=|vf
z2#;YzgO@lmMJcF3JxJ0oXMLC}l-k7PcpSD?^CubUsx<NSqZUzXY#i)Qli{4wp}ChA
zT{{Ao3goOE!K}dp?UJ&Gt05HUAY`v%pJz_`=nRpnUvz#I0m8E>at|E$TQKmM-WX}U
zcNkcsjS!CW)Eg$;D#Dpf2>m_khmIGdQztPPmQ0hK8>T_>4KA30A<Na~y+U%|=yiNv
z*+cY|>#^&6J-XS&krl>?)AvU;d+x(j%^5l2d&bzK(cy7X{za19!HS+TBm8@DE8m^?
zRX{$93?jIQ`ywm-72FCP1(k0|aesf|1mC$+`ZL!}^-QpKHMKilwI2-ZDBfSx%9(DE
z?p)kBW3my$`;!PHg0HLR@&#Sz?~SdSx#c~Z)rPIy!S}+q$iPyoN&h>DeWO6zdbP!>
zc3}_Ey|$h`gZ6tAPsx1(Lx2y=*#Hb1hrwn3wX#<EPB{spwFj)#A?i>XA~FzWV-^&E
zIEw)37v6Pux}3rMm6H31`~)PH+QF5U)W`}3VMzX=J{1GDc+Vc*%yggL`oS6&-jF{}
zVNWQKok3W+9(j|&U#X?MT~49qg8u?Oy!V+`Us+NG1TE?*4clP0R<<xNB{R2B`sKA~
z*UJ}v4caYY{%To>#*$}o@N|J>hH>8Y*;`S0XsqXQ{%Y)MSNnojpNlnF)(3eanI~PG
zn;jc9)hQ5GLp0$}5HIV*(0Y7q#?D~^Wlmfm_zgO*oWmf|ft~Qu?RfD^JO^=h>*4U7
z1$Vte^xkPI`9$Rvp6)^oqMD&~)|46hl*aP@F2)KI1;Y&*OJoN%25a*oryH}K%eqNq
z_<GjSO5FR2O8$4pTb^qG*@1-6SIik$Fq;3lEm)WyD<8&#Zl8(rg*r`)=LhtO%L3U`
z(Jvj5sFcbs%wyb8U&o<71SG`_UAVTBrxq43PG?dRZ?Rd(OuA3x^=}F>$v#-L<$kdY
zh!|x(szQ?>k=5d^?|0kfc~a6WUaYsB#pj&DdG$L2FXCipt_4g31OHiO+Rto_+EPbh
zu&7CgyHt?OqvY?c^UD>ce_pLeuzJ-JgKg|+7z}#vwJ`4zir^+oJpQThTRN~Rl?7Fy
z==AWXbu?8#>Ny3Jj<h#ZFebGW(XQ%e&bwwg6D+CH|JqSI+1Okud=snDDO>$aJ}?=x
z-L^)ILCh(&QL0bwETZ-zrlmDYs&sbcaFmB&EF(zpYsd51*Nd)fGj1lIPue(oYm9X3
zGU5N;hS}cM<r;iSQ)oRqMfpjG{-cRU4iZqOX58DUVv3Ln>6ajA2?C*pkTBM&Q{AG}
zEaX>OkuvvKOS{tmJ$;3x-)*Tx0;WP8p^k@j%&Ow72)g?R4z%-d`>a_tGYWXa7CCcv
z{fcH-y)R6%PqUd%r;SuoU~l<}9mjN7HC2_Km7Ou&U~?yO2iKa_uUjW~+AHvZD!{1+
z^D%RoYPDwZJs=bns-$Q)>-Ac&;?5)OnqYLK{pre4e{f2lEn$VY*c^=sP%MRm(F%_-
zqwG!fAbBD;t49Q+vn?i~ix-kRNC*CPOy(kv^D9OuNHq|okXR+qBT2flkxEJ-%0BRv
ztx6<k@|*uiR3OYSo%U4fBpR5P%(Uw&2K73?JNs>dm%WlS9pj(n=bg-!fhOTOY&u?>
z$y8+ZqH|*;CvCag_FztFik1Kno9cfo#P-{qKxFp`QUqMVJq@G6$E{T7_=gI3pC4Es
z`5CkfAc3~V0NG8oUf$pJlA)r~MV1O^E@8@gwNLgV^Uvyl9WPRoF;NG1vgwf50wP>4
z^L#>jDa(|@ip~>phug*cXdcOa)vLj?t#zEt7Q=V=K?+KL7Co<A9_@F|0)Ct?oGFGv
zzLZskY6v5>IwZ@YOO==bkUsYG0{V)aN*yk<H$A4`zIf&@w<p?K-a>BCV*Ct@m8PFj
z_;euQDPXuc>{zXyKYW7OUlq>X`=!-c07r$HU_pyoW*_N<PH|fyv#grbDOL>Op<^S^
zcn@7YYDQ1tTFh(_pw&jMO+D2t!gB)4_BbsWU>=-vKb`FB#C@N~+sxz>homTmvrFl_
zV15SdJ~$8Mwq<Gi?YjkG4AS`WUHSqF+d8Y9^xDln>u1nZ7ibb_3bI&GB>3ijI!20&
z5Zmyf(naj$c%gbP@lUY-TDAZQKYkVG@szW?%9v1vCGH6kSH~EGxtv65s}SM`=9-g@
zvN*5&By7tkM>6$Yrn{BclKB9Tq_CO_{4%m96B)vCpH1V;f=R!wlpP%7Q&<;U2r(Cc
z$GxAFo+Nhk+4_`HNKN_1YSNV!v!Yw(&U2R(Ul#SEB`Yf6&37;I$$lbB1i8zzi^(oz
z08qZ*-TWjB!anOu6i-ZpI(0wzh2;>V5Cw2w-+gRn0{fC^Qa}BBJOVz9KQ4B_b|tFu
zu1+W-xM2pLh+ht{!~r{0)>aD%yqB^FW52O=gPD~f1(N3BJsS-n_0F8Gg;TTsghz2~
zU=uEI?21^xyCP|&@==Tx`W;VZcMtZsIu+D-3LM|NARCh0f7A^{nuNVwS6qQL#eshI
zo<`ZF-)2?L$*fl{L3UTKw??LnmlselHBTqhsQTnVikN<-+~DoLCf$J^D6vno8?>?x
zSkhx#x{FapmVsC4j`%a{#p<Lu>7A+kkQ9!dLzUMec%(eu3w;wfOO1Z(MgNW~iyDMG
zSgShPc>m8o{}k4e%_!x@U2I(@5sFCuzPc3(uaD-|PJ?5VLmrK1>uk!hfP!P|==+A>
zP!SYuaL9r6&e9jZANO4jDEFsB3deG`Iq0kOuPD9)PNkE6Q@aiz3v!V-|B|<j<j;=b
z%?8uTAFP}kP#%fwqU}FBMmugyPqgRaH3j|FxZu@7ZcNH6$>7y|pYuJnN59l{85lN0
z4-a_al+=pWs%SOFAAL3yUilKSq%h;;(!H_qz}BNI>72l_vTzziRe><oVzbrXi3}uo
zew$BUwx_<K-^aMfI|=}k6G1qz{K2@2BifoRUhp&0t+xxH?%!eRS>P)6#biCt7agwv
z@_9xE|B7-OS;6{X4o1*j|EnH3-Jf|ceAzmlhU;plM%)aEX%?{<bIv#yINF}CQ6c!Q
z8BK8b{wR|$cKC!(p|Y2JcIu!%$BDlz8uwNixsKEDDbWkmi*+LtUfaxDQ_19_je4{p
zhpy}4&DJ)uMWDx<6z-L&KxSD?DCMZasQa36g%G&MfN+;diZ2<q3{+(M8OsX{9OOY&
zzF98&I7*P!lm1~LnFt_mPVSi#CoRr^NxNrqLqL6U-E?`~`6EZCmx_^u7^~}g4C(Jj
zzsXFiPPuP_Wp1U)osA0Xd>99rtmtZpka`K@O-`xB;mm_EufV^#Ty0=7;fmC8F)hgh
z8m`(-@^e#&EAMw20hon!+}P;@oxSW&?Oy1Jx!3w3lXqG^O6}LKrY6TRf2beUP}hE2
zcFi*1y;?ZGzT9Gy(rHS-TU6~ylePIAAyFKt=erExd6n0Y@}_$r*-xnkzh+I>D_0DD
zmeHGKUs@3@uV0Xuq<*xq!$^aBD=SJvtb*uvG`Z`?F<pSs`SBttkpAT%?Opm^S#BAS
zKR)*5<Zi5|_oJC}|D?D%j8ey?v$;}?<H9ks?6_Ot7FZ{t1Wss-`)mZh8VjR34l4Xk
z)xr^t)5$CwVPkiA*ez|kwj!}1v@qSBYDJm9b4aX75;GOdep9L*H*!3H>$<45?<K5B
zvq>#6bepjFyKRqp0VC=nO`w!!9}5H&EcW1Wh-lQPVVQda<IQ641a|LeLH#NGl}KC#
z^{)v3n|1%()zKGQ^DB2_(C@-|CJdo}*4O_$FnvQolAL!%?ww5Yz&=vCQLS?A1{k1t
zQY{Rvjk|c2*N-_vvTNSO=c0@}j};h`)DKe&^8mTxX8EVr%tN%j&n?^cnH2o7Fw$#}
zXE=hxD5#QF=yi%hl(DeXPL~N=iOgSitAIy*Qz*UR1kgAdD0BS|*mtrb`4Ef8nSJ+*
zDl!HW3hHbTbYe!!v`rZCugv(!gcRjAAM$}MSX-5MD8j)N<#08b-D+^$&GR{wK6BiA
zW2?g<Xue=$J*7xljvBUAGzPpAA8!{p@HjM|IYa0!>#Kj1!Ag;?UQWi)YE9GLOj>of
z!;yCUqT)7EFhBgC1c-*MmM5<r)oMEnA}W1se2725x4tI6c|)-C3_myPhP-VQO$ss(
z9OaPyUKs!ER17Q}HYt4A5GOY@GSf3dX}+%_5xWJ+KJn*sok-r_2iT}SVa-)0^S#8R
zzIyy&_i+i)ZxE->Cdr#Ub>hZH3=#Q%!V=1e1wjshYPxkMYKr^bPp0w#MWbq`?Vgd;
z(I#kKQg45FoHey5U&zCTyBIr)%-NraJhBgv5~e^RqQK_#zdf;|y(eB$Jv~LHZY!X4
zAeb_r6V$m`*^C(y>gM7?PQMa4)Xm@c^}I;HSKv+%HX9KNH~Sq#dZq#!&a=(>G7za0
zj3<|WGidSYc!@kP-|D7h)p~r%lLBpDJy{K!mlgg`09hEO=R`qqd%Ou!F69y8T5OZw
ziT_E!@5`71Ob+isFNPI*>8*>-YQEX^M@w(z(dub#o#JTaBFurY)u&PZopda6h@HRX
zg!8Np1gCnE-C$8ae)ujcCst35QrwJcc(=RtBw@Ro)Bkrjr~dA5PyT|rLON7cWbX3V
z0iYV!1vr(K-Ob;i4lmwr_-gN`)gAL@o2#hN6n;Tl7C0_A>^h0luqXW0@l&zJxCcF-
zts$vaxb!=Yvb1LjIGWikCk<Z}2%7fl{Y)U<rEGz6slJMv0ZF#aUy*NrjV}efWAC*g
zpNZhP+BN`LH}wJYu4}4U&B&`73*+f2a59{Vs}Mm;8)b2Rr0BqKL<J<(Tla8!!LpPx
zY{ZgA?~eGY*OS+qLGI}z@7cYYC_S*idH^Osc{Z&ZxT60=ISCVewd8TR(AC}Ou+y;?
zd0?Rlg)IBuCyjc!LiLQCEIEcrjfR3?#vQ$VJ94dQK<oKpG?R5b9=^l`*sVjn`4#{H
z^YGE`PTgW|pOKxz)0x>?#r}B00UNCjBfWH4Gsgn|sJZ@N8gqY&V8tQqlr_{%|1$z-
zz?f*v37-OCqcA3X35JZoneZkWGXjTD0r;#lTA$hGF$qTmpLB(}(u9;toZg_xd#MCD
zl_*MiZd<59;S<RZFH2_>jD3MbK^`3^n8}umw$ELK<C*92&yamGaJX>_e1VztzQw6Q
zDeQbCOol&8eg&@hrv$UG2l?BWO?MCL&S)Ub`32WHM|wf5UVD8Of4hpYG(JgMu^I^4
z#&cTze`zs9Oh#N_0-wSvPXGxhOlPp$BkI9}ygoEi$UdM~=`5T2fce)wwnHc2CcS$Y
z*OWtaOR|iLjdRk|Af}Gr<Vprk&8NL}U5f3IK^PfTZE0R-XIguYBAPPc_9T87&nX*!
z_{ZO{AEpW;kkf%Rr9D@$?H)?!l%$^bS#wypNq3ticbH#j(#rMZ0uG3j?E)!m^xZyi
zJWo(u0_7I~&%ZvxawTJ|b@jy+)KO`3#Hn-tj9|XT()<<uX<N-RoHUIik-eMo(+%$E
z^!!(sN$)NhrT&09CMF`L9l_zK_b_?utC9c#LqOz&wNoiJPGpDSB1@Pz`b^~tGedAe
zvOwdguPw`4VZ{}U*#wW^@P>=dDf}Tw6xadzR*h(f)lOo9Jaid^rdTp5`&$q>f1$w~
zzBF1)EHtb)_V!C<4+2o-3S6_nv_#5ep$&HibkV>d+ci%q{4ZC&Tyz`$lu$chMiH@I
zH}8k0&1cXcnzN*p<A?FMC`o3lzpm=u!J6@}SfMU7Blc>L{x=Ndnc}&M%plc5$0jW>
zb^ioL$}MKTs=8uq)ZaxIZR@Y<@`FUvLbgm#?6^Ya{jQSsW6HmjQG?D?uc(d5#}YE_
zo9mOZf=bg!XH?}_p2n6-UT0^=2p3D(4lB5IW_{TDRZVju0##C?48boqV@_Z*2GP5U
zFZ4rqN{B|OO%Dj*iNu+~i`icCVRm%A-^q00i#sI6IIA-W=y);`dbQhU2ClgZxa5bb
z+OeMj8ThIaAWfqkp~UJ)dW3E_`1zQ*7Q}Tj+eCNHZ5IB#nO=xT4(CXxWI^mloWR~B
z1&pPF72-hca&ambBoibEszv|>8UO$Q04<279H;_T_WvQekG@%N4M6;4ZjnKc?8QM~
z+15GD`N0c)_|J$idTtS=5Rdw(()8|tw@uH8B>4|U_d|ytY>f!Hhk`hKh?nv=fT&Ii
z9dqU~-h$2Jo9pdz9R!0JkIj-!=7oD_ot*5XCwwJk-2e-=KWHAE+~@Z|W>B8Q5sY{&
zYmMnLWFHA>P}MF1LJunX7?j+nT1A?GFjKD2k4v{8-&X#h8(NGb!k+2Khf;oVlm6^3
zf8(w}y$b^@ngy_+`HBv~5DN0@-IHIRA0>?glq|Z64WW)XCvkVlXq}9o=Mx!T_>4`|
z0yT1<;2PQVP{i!$UKotO_L}+ayxMm#a;%~v?De(`JuJEVNT*~$_t*+ReS(!vJ8UvZ
z$VlDBq5vbz01&noxM=DSt6X^w7chscu5BrQvj1iN%l()8FZN&TzuAAX{Ys>Kj=K%u
zQdkJAdzhY$wr9-2wv1uU(`cytLwN!71=IvP-YuFz0!xi&j6k$$+ZJ*-W~INZK%5n3
z#ou2{nmv2;12r~VDnq8u+i1mwS_6<yT#e6nzU(+NT&;#&OK3&zw6X`K0zb4p&xw?B
z!l!e!MS$vfdp~zCYXHM?lE3ooZu7x*Ib|B4=O=tYVei@BiBX~vqSXTNBrAFjD7_xm
zlRq|HRua&^X>!2A26%x=*le5~5(JAFi+<*Ilt&1A;+Pu)DfX_<0&|0985vnKn**)P
z{z;rzn2;Mbz4oY;=m1znMdC^e2&lYCL17gZ^-&YsonC~mNRipt?40CM34j0qB%69A
zXKfA#0gRp*?m5baL{{4DXxm?@t630_gM1tf*fNKv(H$H?z34Ftd1LtJ4c+^E@^4v;
ze&vy44g%5Dg%q*rI{>H0kr_L3F~YVuOl8B0p17#SM!$u-kpS2y$2u7#p7+|yquCYr
zt`qLZ$@a0E9L+(LerR>loFMc;3Xc2yn+;9^j*9X1k8iF+Y58K<B(O4Q2%dsj_kaKZ
z002)p#fRrNaz?Z5Y+xr}fhk_<B=D;3;@9Z@TjKdSbrKHbm5b{`nY)TksWI|k`yvl5
zV{fUhb1;pt0U3V6OpkLqcA5A9VzL5ariI%=esUU>Ufga+ezjv$nRoR=cBp#OA#j7(
zc~^yJ025Q$ZU;$?01RPU3TeL9;1?x1)Y~)Zy<QnXUc!o46D-bijl<q|x1f6hCw3zA
zU$8Hnt^ZE0-AF9uBV;+X(6{=oF+%2g`(M;Ee@674ub^=`x#7B0@5Ut6lpg6Z+XwIP
zwX#SDX?hb@#}c$YAP>e>LvH25qRjFt!uHA|=9>)sD(X1II>V*AbWU}Wox9DTo!0eY
zi}d5>KH)Vd`bv2MHD!zh&j`G5k^)u~%lMS;9IF9LD*V^^f$1fa#$XRbri<<PJfG#r
z<z;2LR&Ji|oj592q;d8~LXJxcTnte-b^%Lc&RlS=qw*s8xQcGOR74COS}PxK`jtII
zRwiY;&Ts|gApO*`fNJv^wZMN2M!}dfwDzV(^CDzjRGTtiLx+nTRY!2JT(qblw%$R6
z$nc&+d5TbOd7{sHH?evpVAp<DSVC?btGW|@<-eX>{yngOS2yAWtsPy(ga{+jK}6DE
z+jO9Q=%@u4-qcKeyFW)Uj3{I`Z}DsJhx@k5^m*Ke@nO;!tq{iP(==2Qh^_YUteGh-
ze2HD83W&tc@dQR8NWI}u{C91XoNTo#CyU6whA8n8Y*InAQ8NZPyxwv>z@P`=cZU)I
zDpcuW+i1(?g!g|?;<|@klvKAqyP6<{mw02z;BxD<MC)SfD1l9&BQhKw2d8N@*TKt=
zWPx2!gaB!EO$M@_iZkU~F@3#pl^0}J`TPN9(I^T#xxmg}PpNWL?~wt5O;Tl`V~z-8
zWCqw_+5vh3tIK+WWY{m$)zeqcqKqR)Ib?O2&SI^o(;pc+9YVcDvM);2%XXzy-q)cT
zdBb#W4HyV7vXEJ6)x!Vf1Kg=`;89A$>2IvPsnnD+b-aTpFXfYLZ?eIQa=9`VBy9{1
z68btYy)xIoipErrO}izH7cMQe^{$*^r%1a8Lq@=-nADmLC+&)V^1MR*>>uhbtCo+v
z8s25y*OJX9kTLcxFIqZ+G38WQ-WzZ*6}vn<3`L(jpiazlMQyQQqt#1DKdT~rB!dl!
zs<khk1yPGmrAlQkj-1a_)|pq!YO%;Ra=Zjl())zN0cCT~DpyM}QBr#@$uP*Q(|=_u
z0*fP)t>+(gf@s!(O%g_&0z9zk&}hI~{gFb5E)EXU$i7?g3RHabhdtH6F&gBs3=6CU
z?+yO{#3)C^ah%8k&(704e<fIpEJj1ooDk<@3J2;`uT&=|1(UC<yv4fDB&;iaJ~E<U
zSu>GBivSG5*tc&dSac{MDX9>Guc&%{^oanj!I8`xx>-ahB--F#U#8kJ`OAKvQSOnZ
zSB=%u_`!YmQcQJXR~MlK2mZgNA_#jwdsJ2psN?xEhZ>0#?=s~}(C{?+U2MgL(1c^&
zWM|8xca7$ZuF?@>EAe_8o10!*hUwLJ+{5s%(vawxi&;J-8E#k2j>XvZ(G0Y-&9X84
z0wo~roE-gHnpiiND!y(B&@Ut8*GXN8I)_OG@u+%;6V_IQ!4`e0E!q9|@4MQ{wh$qc
z$x*3U#UnCY!-5w+$NGG@4-Z~5!yyJUVa?0u-VDpXIrqotFWpQ%7Lxi-)5rAUl{-q9
zj7v*Px{eSFO@zX9kI}Pz>sPYGHqrUMvCRp)7K2+n=5%j!y!N1<(LL`k$ww8KLjx%l
zkbYfz@Q<r>Ql^GDHFbWC%@1O*(DjPY02Qdq@GaU~QqB?P9RMFvdrkb{@I5<8uD%XQ
z<gc}7mak<WVR#^f2!lIAP)|}H58SS{mT;0?4gVhWuTCAK?Z{RA)M07jA7Fk4V^{7w
z9$DEEI(=N>i+71FW-qs{M^$on7Q^A=HxsHI+E5;o=Rh{l{9I#&rKtAc7@q$zrMp=6
zVpf#ucgTY3S8Si$qhk6>ErlrS6ij;*>6sf3Kby%~s(f!3eqFT_B^nZH<JfYG5oVc7
z{@tZ6s@i|x;Yl&Q{nEu;ScP<QQ9Kn4O5~@L*sIEbAyu~V=mIZyB)|8HM6%&t^pSCb
zL<h%Uz0~RhEp{faXE)_FmHF589G*$wm4ACr<cqml)qsrUg<B$h|7Bd^>wJalAOopp
zYuT6Y{B)DIOOKe7Wp)enml+X`)3Mvg0h(@9D9lxbza$pyE1i~3z|M~`9DFlS5YIZZ
z-J$f0Avgw-VWgRhPld4<wq7B@8el;P-XnRG$`E9qnriwdj~b->7yzh}&;S<4lehf@
zkLSeq(zLj&rY)4&7?eOggg2|NvVS;vSEkhHQZALSov2nT?gKDT%0%#?ke3kAo;zG@
zI-_R{=XZmjB9EeREFOCqP0QE;fDFp`v<nW-IPR^4jNa>x!ib2zYJ*ld{!E~Rv%{Z-
z2f$-BU<?E)LvQq`pVoUauB$75U|4KZtdKBb-hHS)^q@1^jzSsDL#R1wXiuGaVr9vQ
ziYX#JO+HDlMnjkrwn0pS*LDz|qrWN~M#}S#>=fDBk*zLEtyNSJw^VaW5>K{yat9Xw
ztyQVk1GHcblar1IN^eq^mc#s<Tvl&<^;}9%_*~!{3c`3_RoS@wJn7;eU}H$b93Djc
zqq@5X+)h%0tRhUNO`3LB=&3SeNu2tTBnZ#wEn_Pz8>KJ0*Y^JS1v2rt8G|AoBw6pg
ztN>z0a8I*<u=~leJP<%u3KuSTD~$)WS^`xF8>xQ&7WipAf1;+7wcD?^tA#XO;Hi~m
zBzBZ-WmG-3SfcttHTjf9YnQU}9R&<gb^*mR5>2|YsQy;DN5QG#wqO7N(!1X;axvy-
zPMjQR)Nnr}AE0cWsO!wE!_vZM&4)N++c+qBC?liF0~VVT?Qf@WCq_%~i$V5j2&+O^
zA#DwEQ}Z)$K>=mRQVid`<TQT%$vd+c*q?lA2K{tPH=$h|4YioQ-nkuB`>{!Oug*P#
zLc$IS6}rEAuXQm=FVHzQoT%L*z|$3MYzEXk1fgR8tt7Ouptlj5K`^Yy+ByTol1roH
zm#O;{^U;9xHs(q$?G2!@a?A`o`+nB-I5kXI4Hu8Y{e6Z26J+fcUTZmxMXWvCNWk0s
z=~@wRm)P=zV}1rbfhyGjedQ*_pE`BM_diLf7ZO`~b&{xs{SwGV0Zi7?E)h^CL6!U5
z2LyA~dd-)?0)4-$R?BbA7BzlNI^Tomj!a?Br<R#5Wy&gznQP~06*rvD8yu?Lz97<n
z9u9jr+^!+B*8bK>FLrYk6%7R4eP3#RXU6epa|Ba(x%rBk>eFO{i~s;U0#s6G=NG(>
z4O2X`*ih#O({lDZj#KcaNQsfzCjLG<6xBbZbZZO;oW)u%G;oBp83l_<`OqD^0i@b!
zFlVV{Swy0k=<>9K3@MJ}$8$S<hDV-dbc8LLz(Qe*;gELaeqy3J9%rBXFXCXV-$V4x
z+E)FATBbX!SHY3RsZ~dVMk-&qiIRrtY-<mFPgqgwKT_mpf4uz&0a~}6q{mt8gHw91
z?}*D;{-dO`7_aKwcd0zJT6KW<Z+i9ncW;m>f0@cbLKlwo)`;7DAef9k&QfJlo0T&-
z84JnBANDoK+O@Y7i7z(=g)r3zBCkdvn}T)eU;*%pI)1!o_JYBcyf;eO5U;Eg;(dP1
zR(M_PjDs3<NEv_~o2xl|qj7QHEA0pj?AI>KWx1l8GRzI^s&yeY1MXVa7u6=93{$>o
zS$MlYH#y!BW_I)1>q_gtiHX@LXs$q1+J_YPS76-RwYAUb(gQN2Y1!S@mw^yO&NT~s
z#aQbxo-sx-_TqxeJSwc&?l;SKHd^ox3y}J0QhzCO5Fc5#v4t1QCzwd9L6>bIqMWyh
z7{~Y`drZ~Y!{Tpy)+?Awul`7AyuJHf9mAJ+6xE+hcWiS7x^X*=O=T<5a4uWBli_jI
z@otCcOUXB0b96r7cv%HJucqBwUQ#N83WjW0Uy*rc-HJo_E7VVRIb!x8tF1*IRndN<
zM}wG^r07#L<xbbEH{$HukqVo6L-~!vhBatTab>gr%yU`fa>r?y*1xkOLg}#C&4;xY
z!RjWR6}qCY(5$ML(eqQ|0Osq`kIy>!%4m<Mja319Wv8Mgwus^vEWx!y%5Y?Tq)sk|
zXZO%Vz%<%hkiNcq$!GAYHtav@8K7`Pm{db7xBQv@<|QHJ#O1UuT+VU;$QO2`9wD@+
zU{FyUhT=e(Xhrj0#YrIjZauj*38`9Ec*yh*Mx(G9uen%ekjtw3gC(uzpX_F}hon{b
zHygffF>{p+0000P6Z)3dlAz`Ea5mOr`+DScSEOp2WDj@LQHL)!vpqLPhg&gz^nDi2
z&t*MFHC<(Ik3#)x)a!+Xj=V}Pw)f+ESB*6?9g*Jwuoj7lu2v1)u;C+Bbziq+am5Ta
z!xipWD*?v1D{IQbDx9Ze|AzVl=6C0bFZ`WRdgN>Jm5?Nr)?BPT`M2@ZJ=wJdv^*)t
zmYgR}z5OIhxJzH4q0D|?xSn3c)*OfHN$}hBC7Z`~!AfOEX^8BilR^Gu<2+2Ou~8t>
zPczz4YOHj_riDe^@%JwWB7=|M$99~&cO~ERw*5r;&7TgNZ?s8QjuWa77t&k81Udjk
zg&-JZp`EiSXM-786uoG6t4B=LvJ&P*%HIRk0w8@VJg6TyN2GDoQ%j{YU4c-^GL*k+
z&j;OA;+A=T!LVuejUM98;UT!<uD7_tv(Q1=<-kW1=FiIwn(=b-oe<lkFD)?$ppCu8
zE-%Ox`{;gQOm_d5LNK0eZXte6q<UDw4H)>Hkl?YI`&>{e_ZE!qVtPThA2>ItX1`PR
zw`ERHFaahHi8|0~swmw)Rq<uZ5zk6HTx)f66fVVA?6GMBl44SoI2!pEb@)FLR8T5@
zrR#9i^?ACV*m9&+JdLNyDQ}PCwE`pS^IV|Ka`Hd`0N@}QD86^N+>Sq!C^}O?Ynnl$
zX8n>zrVrJQrMHrusiePd^uWqenE4Xk#-?hQ+z;4Zr2p5ZOY@jexKEtuO3L}9la#RO
z3hH+LEc1R?c(<YlJ{bRH{$8l(WKq6o4DZwk%J4#jnoZz+p;?=B%ZxKmMbPG)8bLU*
z2MXD_C^~ZEV5%dSfN1zfi2MRis#fT)$!^EcFz+k$n9YGmw<Uw4uCns%tc~haJqlZ%
z5f^D&9N5ivtwX0V#v{`3Wjkx6(<%Psx<u6&QbD-we_5|c+*oyVdAc!2`jRX2{Gw&=
zbmPpLf^!l%{DZid9SOhbbaf+XEu;HK`H<AI#Yb%m0+)z)V5q|$EPjC5YXAZ7b!^&&
z2p}C)^hiKJhR1@R%b5v3SovIy<nh;pN*g=4GiV6Ra!-plKKAwdZtm|LlFWkwm6wYU
z^g|;&z3$aOh@*#~=ZGU(s*yYRK<^>^Y@ZL#zbEt=DL+v`EZ-WRTAlN%C2U8XoG1#q
z<#u*t9FVbTAs_Co3!V8ica>Oht9*v^(XxsKIG|h*sW%nsOs^~j%fVQl000TprCAAu
hbZ|D-V*7gJby$9+&;UM#?Tp>#g-Dw)000000043bF#Z4l

literal 0
HcmV?d00001

diff --git a/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp b/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b21e50543243db02fc20836e5d5c53f078012113
GIT binary patch
literal 31756
zcmZttbC@LWvNa4hr)^G~)7G?Yo71*!+qS!>ZQHhO+qUbQ`R%>W+2{G*{G;N!swy)h
z;*MDNT2WaF;vynoo<KmqgazbO<k$#aJb-`@BSC%xQ_6vVg79$Tg$faZ8Iyzc+;Y=w
zPM#BjhNN+PJ*nd#jn^<4R;#w-^uToz%NB2Uecj(1ys;v&ihfDnIlRYQ0H%NaeEEGy
z2L^EY^nKR@n0!v7dUb!X&O`Lr5c-6D?SJ8a`n<#d008fIpB8}ASHP3#GvLDIL1!cT
zsvAhBn0Mc&!KWU;`Pu*HJAg633$Iz{xc8&a{1f=c{@e9?%w2Y;4rBI-&y7#R=fkV)
zSIlSjNA?ro(3_99(#P!m;$`iL7{Cg^_&RQJxzoAWz5;N2Gy2>D+5mQd>o0`W<|o<b
z>}THjuMfcBJIYtsXZ2V1@$`Fj4#EfTm(Qh#ug@mn^eXBD^m%(zXNGscr})w0UUrwa
z->cpuVY%JX<9)68?z*cx3jqAy{xbOjQ@;g_9}5r!IDEE0BiwDrZvcJT1H8^+9sy6E
zI$wex(;sv#IyLww-RryqpPe51K2vuXA0eOFy1a*g&F*7>=||tI8KC@Q`juDHr@*Hc
zu>O_5qxjnV%=@9U``P*#<-O$d^8EAD;ZHt73Fh6#B0?=31nW{IHWKi2<^pyzincm*
z?c38E+p4JVXNN(s2sztcyecQ*mTep&)8%*t?Pk0dwG>Ctq%a^|VeozN%3DQiW>}P)
zl}W<*#M9*M;H*uZb<6&_YCX8(@ItmnP4EfTBvYlEL+!P9lJ**2k<58YQB2_0vr$6L
zX~yQH-mfN}9DzCnlPx;9cxUJh*Qd9M#v|yGmf&V4PI_hG0p><G2&5{sCY$Fg9m}{S
z>#zrxAacUUz3-;yfm>d~UZ<f)28?&9?K=C4&vV{i`{V>oC!4;KHIwtMlzDqt8#5QZ
z${2`C_^K=xSsElahxU)lQeb+Ql`C57uj+f#haJawxD{m!n2ER|4=<q>fpOpKwq;RA
zswG-(rBT|alr#l3(s5HM^L8ymYRf4@_?#T7l%1E3LTb3BelOEW<3n{`jbTTt`bRAr
zH(#s%xg|V^GX%Sx)yUMR-756IPKK{N8IH-<s<suERA%fnKd(#ZPa0tduAGFQ#6JnS
zYaGlTcbnqkR8uZtAm@lWy+!<UeSM+j-a1&-{KsegIZhxMY)|w}PJd}(8<d288~^oU
zTk$3rtzYnpsS#^`L)282ku;cJx-xYM%iC3SZ;#x4%|nQA5UdA>SYgNooyf|E>w>ZV
z-AjeXI$poP@<P+*0#@PrVyoAO^0x}C5ERLr#^*)*Y&`0M_mc_oomT%Q=uhOyi*52@
zPj~ybm{vC$j+bAiYO@4h8pXB}{|e~8OckjDZ`_D(Fmalsa9`1*%lH0!fvwcW=6{`e
z1*LlXVA1#=1G4TvExY;09iAxX&i^tIyTH;@;3DcAyR6xEJK!_Nmt~sVDaz~rNq`EM
z7uKbR|G$hm(10NaF7TsWR#qK{Q*S%*eGb9^b8GIZe;G|Kj_DHf|GPf_uBd;$K}%RU
z(d8N<_-^*L>IxwU8UD-(V|FR9@4+J9aj06z&bZ`_+fBR(xhQo^NiRtGqFD=$T{ZdN
z_5HUr;+@VJRAr6>dFP1Gi+Z4x1^P;reEMt!>zvJrp7Jt!sWR*gvlUBKgP6v<OwQQ=
zV1zZuM0RnL1h7A$k;Ldk$q<JseAK=PU$<PEAxQF5wFROHnAgXOehNOsEC)-i96`la
z%YD64<Fke-V~{yDY>r)k+CQvL^Zlt1<NxjwXLWzz84K;pg2A+++fm{MLlsq3+5)_i
zD3haj6ffckgbqZ^P9Lb>n?Wqr>5q3-4QSdcxu<jEUGmynhEZhFtzMlHB#F4$U#;{)
z()KLZjCntHOdNdpowJS&428}tD?gC=u<aQiPF&bfbJ<Iqg-Lt#+3hv3ZDCT-N|(_2
z{ZJx?|BpkhxkE?D0%H)_7E7iW$rkNMbqH_xw)UBgzij*$EHDm{_~~$^%lr8f!N7pv
zc{h#eE(qvffL;lc7OS(X(*%cW!OSUWEc4AJ<dHOaXW(=%RmSCSl3mX(VUl*8k6eka
zjE2g*yp76Yu{L&;l>5Ke+%a|B=kN9iuR>`h{B5BB^+ss8O>NoCCRSTlxYHdNl%33S
z0U~PG(YN`qHIURe`8(9eRThh_0idMU%K&fXq01^wa4$*1wD@vZZ9CM~xXuHMsNCqQ
zfDIF0<(x$(*6f~Nwn0HQ#rq3cdSDpPdH<Rk1HYjuF<Y?xhDY0ky85D+BR5$MN*g44
zoIlg;^gn?3FD&s<{S;kDEkiJtw$21dHF9ccHt1dLM>EV4qjz{q58`$EYN?vxk}smd
zkc?)CR6Ij42D@SDXp%gg?dzw#IR;+s*$_{#KB!e3Btl$<%@h^zE|L^E&`At4y;h*W
zzy}#dc%iZRV^gn<6c%2ceQ8YDs`KO8LV^S{hYUmsG1_9=5ClWVeV=RYLqhs!&ir4b
zrE_Yu3}B??MGD>qZ<bl>jbI|d)?QnT0V|z##6Q-lG&*`S))1-XF%jV|Hm5W<LE(W#
zeKyR#8SFAWY}KIL#HzuaM!83PbTIIvJd(4A{zXrvA1`PetZYTZL*8%!%=Q;S{sRF2
zz=1YIj=&JE=KpDGe-#8(A|*Zu*gAA8-aJgwJWlQ>E$l=wmI;x~tJpyoZza>EwsMCy
zTMj63i7O-fLUTr=VJ<1nlL=QMxbZ#6nqeZ0H9l6m7hmCe7<930%wMAlkxRI-sm%y$
zg#Prc(rkpFiB5iByFyAidZ<(;TZq(aK0@>&7!<`|1oqK2yc^`<iLgXLmhXMw8L}tA
zkbQ?tJAndnCtA7Cm9fS~!+Z2gk6e`7m};W~)K;974=TK85$U#m^v1PgxyrAD@HhMD
zP^soU&DtHk<#JRdnBwb$hKQ&tn!jl!7ZT<}ZnFG1?)8i)q;jV~DFi<nU2frI^VDEh
z7|9WqO7n%%l@|l0n5FuzSl)$i*Hn3-=h)03q&_ke$Z-K1xt2y3(~UtHP%)c`7WZjS
zP5F5`!I)-(z8MAJoE0+5Vm{H2Z__z+6)<)=MI|?zJ@tw>bs~F1KPO?QUT2!F48Ane
z$%lP{&2UvchOJ<<z?xa@ltZDGlQ|FjQp9+zz$MaVXc?)oyJnObe>0+8-4Iv~@S4K^
z<|(5JbKy^Q5_j&xb{epqR<)CQV_tjyvxEG%$=naPp4-aO&Jp=1N%wg)bKo@d2Ums4
zqm1L+>6Mq@#PV%HJP-7&)-f63E$#GqIk*un#tslH6p>AvlE6GJC1c%slF8-Pis103
z9?UJ3{-~4a?TgArirX}q);^L6DD&=4F*-<Ca0h3xppwRj({A`nuHQpf1lWwdi94Ns
zdbI7hT;+Wbw>Wdg&3jZZYjD*hTl4S+rH29O8it)H#!CgJ5JJbao-z9Q(04Mp_i0wx
zYX@UW5DudI0e7JVMhCras=IiK{{-Vkhj%fo+GSw$=CbvZl9Z;HDoe4W^d@6<ANto$
z{NFX}$Xt6hu(HywX6_8Wdp}#!*K~LnZ7{`2;$TDUf_v;B`f}4BV{(47c-vDJKF>7E
zWL5?~H7Mk-`h`?`RC%c~)2K!v=5R;QmTam#<^kFAfv#T?#$KRq%X=|4vbac?#XA+c
zTWrcZKFNaSN_r-}%O}*1-zC*lp0jN4<;lBcJ!0PzA&xnl2>R~6Ylfe=<q;{&^Rb}+
zQ3}**AV*_yolnz+@gprdk`1uG=>HYwVS-b@s=VRk`X;1-c7d=&yrm%@dJGG3l2?S^
zuwqWlFn%DG!3+C=JG!MDfZI>_#xZ)#Tb=T_obwL}_&+V&I1?KT+4}Fs?mM-*f>Np%
zIB&eHRNWWYC=gg$Sex$d+hk!3Qqq(U8giPMxW7lCdy>XKW2-6^vwZL_^-+7RYsq|l
zeggafot>l@e35qTe@rv2rtXa|*}r)U*<S7b$+E=;@;_$zDY9DXA8tj3$k^|RetdmB
zpx4}M?Txsp6E)v_$qD>k1J3ioQ>BZ@2ltk)|M?#C_j9ZH7E*)Z*{bD#nT5yZA9}a8
zk!SzniG~;|KqDQa|DSy24_w_4fO0GMVj=9&ukSRS{@aoNF;2l#2=E)<?s3Biop;6$
zI}U{hn5x<E6(fOc`#>Pz*R=)z2U-6+$aVwewY1#qf5_c`m((AMgO4MA5Ptwddn^zA
z4K4+5aesV8`k0dDgfw{xymM#OJj{L6Bq#bY{2wBQ_wSJY*Q74BssE*n|IbyqJT|*}
zGS|}xeeTLL*y!iU8Xn8&Yyv-B&9Sr<5tp`!QjyAxpI}Hz+SGk)Yo3uBZR3R4|E8>x
z1F!Ja?j`a+-0@H6KLK{s-y9WkR5ZPb|3feT!{;KNmUGyk%H<#V<JrcX1s7KXS;beK
z!O~4u19I9{Qd@$Pj;+z-S0Oqznn%v>in}`>*Zs&ETN*-i&EO&1b%4L8;D`Q;=>CUd
z4j`<<>-T#8f2E4Tqes3&R1!q~l(53b1XI{|Xt7sDB^B+cO5^d$dudK}o{q-aq*%Ry
zrvqjELx|A9O^GNmEP0QOI|Ze_v8&5a%NK*qCnfR!-tga)z4s338*%b|(jO7=msDUq
zf=@<eFzk|9)SAk0YDylPQFgd4T)fllZd>%<BXt~LMr%ebR1T5}w>0z8&(OkHm=y2g
zJBKs8)W42s{9MsQ`!AW46#QRIg}sUb*UC7z>e`b4?=$;~G{tblPQz}PeJm1cnyv+n
zX@Y&w(JzK^iUYO2qVTmhA^pPrKkDYMW0fI^|0chGsO=>5E6Fx0-j!KF9b(gAe8QS%
zTZcJkQ?t(TPta-=@wWJMR(UlHU5;9PQo279upazBI;ZjK@`41;<EEJx(%~lLzhCS&
zbt!azOIGvYsFFP9P8cO#{J1}D&i1a#gILX8E9lDsbp#LnZIKE-{Et5Q&$9hHi;mW~
zUlt>bKmR2pSOYUZwHp8M@BlR%7axn~lVCGY&6$fELu`bAHuI_j)==+yo4mi`t*#(K
zx5MJ$w}v=8FM>bjz$o9xfp1n1TVG;Z$s%glHsCHuXSia(e#<^ysAt=VoA9q#%LmOo
z#>0;~&9ULhaC?F1&pbHTkeL4)qf9&F7!q&+y@?m;h^iaf?*5B}I>hbjt&)H}bqgxW
zZ*WM1f5Q+ssHDG{j>rWVu{tp#4u93gw?BfEL7j&%PCl6x1Mx$$mAv6WP_u&mk5J`s
zGI|$E<y-oGG<<JG^|QFpdcb0*0p~Lf|B?T#$fn_=a_8N4Q>)xrQ}i0^bgba4O>!ud
z0jD`LTM_W_yJGNLc3A`Sg4<ucdZ-sz$(^iNlQCVi<qdpu%&vhz5o%#37iN@4<~Qi;
z{3~i`i^~xMwaij78RWtJrGGSV|C#S6k(Heu>mM!`@Ssod9hYY))JgxA_v`O1_WJBK
z@Uog61l#A^;;OWgL?GD5B7%6I8A6m4+A3^U-MT@5B+h#A2NE~%8H4UomxzP!%)(Uu
zYUZP$($Cf|L~Y?dJup&(zA;<<wh<3|E+DVr2w5TK)^6kz4Kb{vP#&75b5Xro7)0GR
z$E`w`!SBC``W0_XPcf~|nd36^KBhtxyx7+gEtj1#lxF@q85{&5(5(2A!4iEF5-e=Q
zPotAy6f3pon0+{8-`y1Ze<R1G&sOU9;q1_I=nm~3udoE5AauW>3qC)BOf`Y)KGAR?
zc@n*B)ZqNH2!E#q{X`J<qq?Y1oCFZOIrP8&PYoPea{RI#BE3U2BtOYx`cp9K^y^EP
z*K%j-g<p)0VPz310cGQ;b1MG`;=f~&1wqw)(mAsAHFt7G`-JgXxV-s2Ov2D3NzPKN
z!&N0+#dq%BAqesSJ%L>OG$}#qlu%VEkW-8Ad$eNZPkZPSEyLkmu@>}})_?mEegaM2
zw#D<l2_weDOKHj>24U!7hBaHd;{$Ye%D%}Og5sf_Qd}`t6?jx?i}|?^f7Z_r3vCTm
zkXV3bSQ?^=+4MB<CEZIp=m(g*BfPeV+SKi@SnyQXZ4is{tK^f3e<k+s%;Znh5z^Pr
zYU)*{&aOY<LI&ssk)0IJ`^spncHjh-Ji%Snduc<TRXYp?&jK&9?iEh=dnUPx>cIYY
zcq6ue@IM0qSLw~HWdud!hR61F+!TOrh622wpn{ssa*%54?F}VUd@ba7-3+BZ{sPBB
zW9<Rgak$Xe&qGD!{M~<+`maY8G3Y+D{~k}cyC^V^*Om0b*0%f^@vsm@iBfXxOHuH{
ziqafY{*$O_TJ7}zx65jQrPjLt|90>>AfT_02Aew}-ni~w_7^f<j!hYC;~pU37*H#;
znhcDVDXWqw4t-(UZ=CQf(BMAZ4b$07n>aC-h<SH-7FG>@k2Hmwg{#St>ARO8+ZZ14
zg@hx^P0FpP2W3_atbTNXP4xI`7_z_(ZgU1Kw1`Yi5C}*fokZR<RYb~&nW>Ma8k&UD
zG*Sp-fG~9gD{as31d)g?U0lot_R@z|l7Nza>wXvGYu_>i)bdw#0768&`m@x-EvlAU
z^_e~|#RkgSp*dTH0-N+ifT2*;je-o&Z#+rD&_-Wr7`1&#g;`f7Z;t^rD$fr);?htW
zmb(o-2KZI7%5v?uP}VvT9l-C85Z{))zEgiWE{A=3tEukqt=0WC_=U8y<nH@qocdVU
zz0O&&7MD8_3YHYV6wM{itbX0=B52`umkl?pyUB<P9-PGOP&04Dp@Gls_oU0ft!PKO
zt5KteFZz&GqwVWhbZ9h(uIqhgf!tu4-zm#jDz;UHs1^wDy%|n3#;Cy&4M2fq<#SIm
z{>C9=e{}NeI8Lr9%hiV`{(Co-LZy3U`%FQyXIz=&S)Uvhdf?hs2qE1k4UX1v;O+QH
z_e>u?2Lb3J(BrIY@sA?@+AbDyARq)>bRby5BZIt<3Lp=0989h2{dDmj8xRt_N~)*O
zNcmYm`8h=r%G;v4rb@au*z8%%f$&I3DGgbqU4|dgLmyy9I|tlPmX=qh-K!<San9yX
zFN9z9ls{)EROskE%QCKLBvgk+kPJg1*72{S=FLknqXmXmPTU02Z?sWk&ER}BXM}%8
znj!@NVN~#bH;4plB4*PYmeIyE57d^EWc?6bhB}MUibHom(nL4rF^p1qj;yb(`|u@;
zpUF`N+tr#FITqld6Q*~Su^&Lrtw2v1JF?ve3;u?<CXk7x>5Nc9j%DpQ0FuCRT64dp
z)FuZ61O&Y0&sQ-vEfz#hy?AkUK%5(-Awcow>(qnAJC7XDRn%3aX*#y{)TrTSaj5c*
ztJl%0oGLSyHzY%)fSZ~A=1bns^q?Xu&de;pnmnTYxXyBr50CQ2B)UQno<;vp-~*!g
zGz`PPK~&|v44-h>XMjxZG0z6{Bwxg8gR&%e-L-E&CkQEE9WbI_AaUWy+y)`6_CDhG
zt|(VN-hG-~`GpC4W}U&K56Hw^VopFqU7>YYbc;oE$fysIrlIhuI<ykW&hmS`J^(mK
ziMmdH*Pr23+C=g|rFyD-eGZ$y?}&H*1o=$>1eV^mCnm8|mP=|ZYcD2{BYe#z#$P|q
zfvDx4jI<rIqZUgdK(F|;>mZX=eWeuh;ubndTN>w8C7R$gG7u3ozv5@VFwlc0VO|!!
zDoJke!F>1VlYnn+%DBXjl)&ny(0k2Qrk{^Hz}3HJ3YoO`K0$|tF^uaIIOxtCYUo8a
zab?`rz=BE$V-))@yeYOpLu;&ai3P`58`ayEQ*8vJTgP^l%GNuS&6iFBNMwz=Ir97Z
zvs2Pq)3<_9e)$3cSs@e&D(2KrSWLP4eMYhkjK1U|RHD<?Yccm%Jt!7`FXYnQ$AVq(
z$&MeJ3g+Kv-+e3E0gY_dNp8Zv)$aSH+)ay=M!FmJG^}&)7|ALC5vmKsdEk(FHnswV
zPG3JFxc2M|j%rGk!!g=0!Mi)KM_|v7al&h{$gf*k=tW8%mP{%*V9Gw2!*)gFvEn;-
z>FM)B(VV7ZL)Q4Bp_$T7)7IiJiY2Vmj<`5p-!vNB7g$TWn`^j(#r2J2q_x_P*>E*3
zykC^0^+o^_4?u~%k$T%f*}&n(D{`{(G)gF!kHN(uYh~JM-DzHih!wRk5?l3slBxvz
z+&}`(7Ba+>NS;w|t&n8qM+dOqMQIiI&?T~w9XyiCN7L`N=t~>O17efJ^rwveq(7|#
zTJeESC|4r!ZW_ZpHwvTv!lx2d$QNW~+e6N`iDweV6N7yZ+fZkuN4VzEu6_C5et=rr
zPAYJ7JSv%r%X|xE$8u(h4^3|R)F+wB4jF}nzGGnG(g!JrshDX;e7W%;YCr*Md-Bqq
zTEIpJX$7Cn<N5l4;)%;Bvy|6W|4e^AH5xy~rAcrmU-fOLmL3SWl)_kdM+$MQp>pR-
zGl0VluM~ZEcImrO)V)kf+2c<vx|+Fp`tBScMJF|IND*XeJ(Kw9GF~9ybr}NsSA{qF
z7m!>|y8)vja>V=)D?72o+U>&+sW7R^v+{!q3DrN<{qy=~)=9s<V3?1E1-*W&D^+y7
zm~h;<C|u1F7uAj^W<%aa5eh)tU9i+DxOP_uB=%6YySec^i;faENN)%TsPcWlMH?mu
z_e_Z}x0F{05ty&*{oPzbPYMhl=sPs&wI3f%te!Q_=569+#XTLNwm?Ua8}uF8p==2Y
zSF7_gUqV?bm4@kzv1TR4TT|i#B3ypMsQ$0Tc(BRDAYpW1znqW#`<N+SWFQpX&0bIR
zByID!i2mHKhszg|MP!}Qb&Ooyq1wXh@F?sbCEe|+ncjA<!^ilU-i)As4<t{PngLIv
zq~DTJcGlxJ?N6h%OWHWJ&VQN$2#BSRKIv%|&!RAnM;RQBdD9gcQL@?|`<+uQpq-dr
z-j_xh{tYG?^k<-(S<l1iLR_UBZ1&Jfp|z#MTNL|D3J&`;woEcBce>FwuA+_xc^g}E
z_PE%NiiFl+Kph$Nb3p~?BUVbR4fyB+D8S+7>U&Z3_=Cmi*Z1Hi3}I(o@up@jC|{e8
zqy)JmBmt<)%d`oT{F5gIX}YXwJ`DWfH40K#K#l<Y#fC9+!7D(I16oGY|5uhcpV6Z@
z5+WbnYsc>NsHl9*i{+cFpFHMn$V8Kt(R<<3M6FuZ>v@OWY@>FIcZZ(ZQkt7G<np?a
zF4VUbdLppa9ihlwMpKpt{S0CtpyI+zmsmQ)Y+h;c-N_vm?<P9%JMJHlwVDkyi<e-M
zXtmQlaRxA4$$x$$1p<N~^Ip`Pkb?Xy#@*)g@XXvH-)cUDjV+|r1hQUim^Z3F-l+Y|
zt$AJLMJ>c%j5XgPr<GeBPtJJVOszRN0K&R3a*U3c3b%Y@_Q+DT0Hlk}!t!fAo4Ij5
zCLcxHdiwX{@rqpmocyDjPxx-)zi|hu{7M&xmy%ZxCMBsaxRZg2I$r$_dLN;85XX0f
zmoQ_tc88f1YA3Kj<73~TYr?2iM}WHQ>RZiiPO$)mzRJgdrnFjwn#l1L20QR+RB#@K
z3T~IM!;o5a>!orF&+*`JTfp1Svq7!5<@^EvDg0}@Xbw-3W31OWXdiLPu{XaxY_top
z)+})P%Lnr{Y^7q_-EO>*Q_Y-8uGZ5h!9J0r8D}scHJsn`I1tEL-$Xs0*}nv*;GQMU
zA{X;t05bA7ZCFW;hR^1BK4eL&n{GHtgic#{WbyM%%*DaE-%{yavVeamct3klmy^-W
z&-c={Z?QIkuYtGmG>@!iLV%n@v~Tbx9|kqIH9`o<v@CP9rV&#h1OQfW#c}};D(9KT
zvTR(bCe-?$-FooLE28jLIBF7wDrg~|SXMiTXHxm*VBmy&b6u~6tW3R)>b-#R{x>h|
zap1`|VTH~kskJ*+%QLUYah4CpK4j9)OOMC-6ba7==+5nrd>SF9?Gt8Qvfe8RLJ0SE
z713_c<M+&@D5NuNuV-49#o>)Hv1xeUOWpLopdCEsFXWwJ>`jxYGW<*fr)bGY_uWvx
z3sTff2=)(%>2jG<DySuY%vcv&)v$3{TKL~j3dRgp8;7A%+fGO~#F-*<#1)0Q0QdC$
z4{|eq5YUCXB&K}Sos^MC*=#WgLI(;3Z#R_iPJP_FqRO!4D+@QJ(At&#ECaiB&hXb4
zEl<z1U{Cz!Vw}ocRWXmaiZR@&rK_lL#TiGa{zV{nUJ+ldI0$iKE9#UaAo1pgY!Sfy
z@KTSr((n&BCy_s=E;bk;W^LNN1=Txi)Zz}O+=D+xHe5c6z~jtZHW84Rw<=@lpH1Oc
z&m>X~6zsaN9Y9f6TCizNv4il7*;OikHYvvhNt<5(aQmUgmd=@u^QPS9!Y#(^ZSSTW
zCUb|pk$$b1uhl(SewZIk6Ow`rhq947?xE*Z5;{bP&hADfpe}m@9?S%$5$?2eoP>?a
z1m~0rHEb||{WuI)3?2#HTJdHJNCjom{9rq5ULTPBa@rskz%c#YowiJzlm~{we|u_#
z(jut|d8cVOB?r_V`oixLQ5w?_fR)R1C%kxlXtMtrOF%BIcGrHcX-8{<`Y3iKt6yZ0
zeDv`CDGQL#^I9z<Yklr)HP_afDfO76wo5G$&AmR!c1M8XO{C&U_Hr-W_DLaSVaFDT
zl#s~^Rym`!-B+i0#JpBge*@Lkqc;nW-&|Tp<xpaw=B&hamB>)=#~9V8_9>g(F|=Yn
zu{vbs#=JGNA*J~tkpOCy&5ORU`PEi-RXb#l=P9mLp5Lek6T(;`9_lnKJ&H3~!KgfI
zShqA64jcOMrS`bOBZ0p<zOWZuizJ(p*j|sgSSo%<x?Bl1grH(Q!yxlH+5Xc>A=j2`
z5H^i=(ZS`oH$^b$q|g5u8lxatW&qjJBOkGrV!&q1M1{h$&fFkjtXr_yhh%Sv@$s|V
zD_g5hZ+UpNRSdL)V@}KEG;#o%jrwe3Yt3*t3uwAyctOI-MEdC+CO|EK=A#I}GJ8y2
zOH-e7=}yN0Kturn9_xKpeh|PZrElAmbq%tclFE3<c|Q{nf?i%1KD_=p#ClIK=&1?a
zs%$GHR`Af64OIN5X0p{GPA+8SiP7#Wqtja|`e;f#EBS0?7{KG0>>T(pZv(L1cTGfO
z`ZgPkbn{^67p~ZZd@WyRmwfx{;429MFg_!mG{6Ah7wk*73r|XKrgKM@malJ@wyg$L
z<47DXyt;$cZHSxexUaYO=@i=8ZJc@wP16B)+O_M<XEaAiI~KNRy%*uH8qnR1UR$j{
z{5dUz#-KCC!|%>AqToLeHa}7ReJ<<cLC)2K^b4msp!|yy4n5dP^dyn_6?|bvN!yY4
znTIqWJL3*B1j0R2(Cn+{hslhW_m2~Q4a35Lo$YsLjJ9KZ+7t7n%5uIwbVzq<cf~N$
z2-Ql_@L(AtD8j+UJ@x&p(vA0UeQwcU5xfR3IzOYZNujUFpFeH$RP<I)ON%Rv&mTVN
zjCNFalLJ<hcE1?(8Q_ppZs#2X@HjPf4)W=P)SW>m2AKpAG|NJH+z-v-VOw+FPCY?H
zb<|bn7Qhfndk~etN+F0yo#s)rke2O&XBb;ry6iWh;8Lh_R|hFz#J9)uC*CrZu)TEu
z05u5O8r+j>u{=;Z=hapmw5XacR|rbc>8g{nwX}QPPmfd$4u;ASqq{-f1Xu8n(|sYs
zcqas4G7^)pmqlv7ovUzb`SIA3$&VyUXIFzWb4?dM3n%FU5NjvCCYs&Z)>2Pde*Ue#
zladUGSfNOC)u-mQN<$)bMXnCSNpFYE2ElEV3^DY)GzS^e+8<W$%JOKu=qHBqWr)Si
zcHaEi1a0z9TNBy1kW{eEZn@^nN`ua5oS9tUnfH{uPx|;?wrf>ukopMp31bD##3iBV
zL~w5Y@;aI2$$mfdX7>(Nj>lfx_Nu;z#h$K|-v}BdVqdOOT_XBnF_jPCI^fkiYts-)
zy}!q97rA5>1!f?1**I``4jgl-su<CS0~OhJc9?{>6%e1zZ&3M_=|a-l7pI%n0@@SN
zp*8(3)?g*1*AbLSG+xjJwhvS7Or6rAf8=bWmE;oj7zc7?ZVbdvrA*A>89#zzD)vuW
z%+f$HE5Lq*k3b)X*9@HY7Z%T7v!uy5=k46}x4UB{<-OF{*n+;9KqHW*<Ba#tU+ILw
zPt=j?-no45C~6JpkDk`0lflKc&j<?9o*qNYC;`}Bxg6AA+i}G{1|T$^Nkj8;w0^OB
zNfHcSd3Je_My$+!Vi;@58sO}yd>}Uw({9HwODU5w0QPS|eLL^W>3M-EY3=1<oB6U4
z`Ka*%R}|~PLb#LysB>NE2=wAn^kEq(%#ciMa4)}Zw4QTK=OgX91u6Rt35oReBQm~e
z+NNgHhqpRPHLIYeU+P+u;Q-|zDor6%IaOb;&wPcoII1>Pwv5Wjo1o~_vMr@4O&i#u
z!>+?0Mu?yX_Cc@19OV=cW{s@kkSbB+Opw2sUcuP&TMF5?q#f)tTrO8hN9z+U8)PvM
z)Te`$sh%$CU9M|dILn(#!dVPplXxrDsp3xVK)iCGvVIvM@*~tm8iSRXX*AV!wp{IF
z*%;mh2iTMZelUcAQ#+wtOz2FA`BmN&mbdq$mUa&YY?8owlV=FJhFem~#+%iEx|NbL
zjJGsR$*`06xKdn<gozRkZ1@K5AFmmKZ93N-F5DEac*!}`J(^u${_bgzSe{?tp8QA&
z0-M!cu@(1}D9D~eI(`}KOi(~aKZi;;YqyO`%Z<5${Py;(7VA<&tbX)OeMu<7vsfya
z@qv1mKU<~q;?M`Yy+~OabukO5yETc7SYsVlykV7OCqJkR1HU{>oY5eDQB)FDqM67e
z_cB>TJ|=tC!lU^iLbDp7ffL}`+BzZV2$2SfvcH79rOhY7(Rf|35;S7ASk!CTf_zH)
zKC;jgO~y=?4l=!(f-&7uW`9F<qw{<3jk5pc%2(R>ySet{SP4Efl>~($!^e29IJazd
zquvg0VOY)W({Mi6Xi;|)x9l)s<kp9ai+S8UYsZbDPx0hA#xU&n#Z1NQfhrMM5ju|U
zWUuAfS8t(lY_Y;CW4H_T#lx;8)F>p+>}N*6+UK_m%(zq-`-;k<CJbN+$%*@>loE_m
z>{iwbaF$;_HWpPwC$;#B&?igyW9xk*I+&?n=yur$GZWBCBQ;^U*Ej8YoE_LVBicUL
z>yZr%Ky+T&^6?!QDI!%XjtqW8$|tf@Q3dR$(wE4qzh7O!rzW33OjXdGR^+i7jVa@V
z3}Syzn=jxmU-O$EOdT-In-xVXK?q^$Q(A(W%ML!(O{(T{zfz4oX=r~YSy`*^t`1EB
zn@*~T{LT$P^RZX2_&#kXS_09~*)m-B2qLcwgH>Y-vUk<*X!|Nh40IKsV6T??lCi}i
ztmALJITQD-oBr`|YR%c%2-eZGg@<ie`DhVx<9dsRIrBn)^n9KWr{(<alrT{ViNAvy
z)42%=u>IA%3j@2I*PqT$w!g;_RqP32>;bD3@U<Q52R*)?{qpHiNviD5fIzr=VzI%z
zZxwP2$l3@mA!%_M#~}9}vs6p4!kwDXJEU2mGgqT=DG}xQLL>9J(O~k0EkW*Dqe?EY
zBFY;_4G$T^^znZ11X7g`)YIS?h9Bh1EdAC7)sW|szg6G3Z}QzqiD)|oN3HKJ8&4NT
z-pn5*FsJh*4UC}Y&lUkZ8;(@Sk3kwa;jTX)_%x04g-y`S9{->WTf1?@xr*a1an()k
z6Ux-MM_$6x0V=Nixn09w%^!UOBIEMlFEI!3-ZQ+bb_Go=De~<CprG6Gy?z~8=}1Ln
zL&tx|oX$CGkmF#`DER45vv2RGW1I+AQdxc4zP~#5lSi`q;r@8C5c!}M+e*oj<@O4v
z&C53{&_dExF~mMGN!Pny0wVbrlz}ICcSWuuSU9A4p&|2=3EQP>^P@kb2-0)t>2*oE
z=CALZGk0TSbq=DSHEP=$l`@GnzrVm*rr_K}+K6RknLJJxq3mo1AQ%PHlTg5Lcv5QQ
zmlZcZID`@g#q)sTNm|n{Ji1(#uQU8JO+{anv6BfDL6$$*-0;$E-Ui&__4ymovFw}X
zro@&N%s{5|o7wOd@EhV2#mQUwS-+Q1#3&hiA~^!U5zvyrliyXMd|L}~CMd6Vr{b?7
zBMyY(IJnT281d)VXN`4gjDGRfw28C9OZEj7-h&EAfR(2)rHRzvkFHb<Xx5j={k+a+
zHS~UHv<7gn!+;pRS9G`t9vg}9|Gp)uPS3cFA^dqqg)ki*84QUfBj)aZV~%E6s1K1n
zhouR#qV-kOohtW@QvSkIM;o(X)DTTH7(Xmx67tvxcc3J>-$%3a2I`O)UzWYWvAL|(
zyasNjo)4dejt!((lwtcTHlOCiUJGY2o~A=+8~V7yGR<$xmPj;>_R=P<X!&^!7WB(f
zGiSpFIZ`liXoDAg6^6Iz7e~ew(Kx5?xcI;;oJ4Zn<*rk``0UMnXQ~2^tDn_T{wT05
zWFz}?X1MF-8F|{JHM<`DwuQnLBOwOvnlN7M)_K>6v9RyyhMyufm|ill7ZWD97=YP%
z;q~_?EG=KJ-4+$6YQcyio<EST0a5zyiNT1{@nSR|h7^uG9>!+WH^!b(^dM`_GBbW&
zd8_2kXc-IF<YZ~}3W<g!Xd4A<(KS<jI9j&}*cl?OW5W{P4D~2`ZhnrqQM?~ITX0ld
zclUi=i8=Q*DOH+elBP=O>^F*F+BLrw->9}EbpyD=eori9c!et`t70wUlSVjd)IlR>
zy7+#ZG!*8+jkySij5IrOi-0<gU7qlvNL$HYiYG1-Gzlk1(}nF0zur!ZX#O@J?W4;a
zWuYJN$$=BU7=+3)mqze%4%?(=X@`tZnL;nZa+RCJH=_4jm{F8dn7O3p(kgL$PM-BA
z3u8GxPBf%Qt&|9{M$GAB+No?MF>D`x$#B=n23K%Qcm$fcsx8&B5uO)c$D6AfZ`Khq
zca7j#TpxfuQw4JOGS=>=DBeyL)-Y#^n-I{S>2lNOfkcY)C{G-FTw<uIc@##&6Py{C
z6o<o)$_f$-4kgy{^Ejj-vdr)T*`7TmG*(YNAEz%ZU5;SvlEd~)d?Xk07M@O(1S7rc
zAtm2Au2N7R@T`=wffNW~^xpn8zCTa`PS`}(bobg@QD5}UyU4FSArW4A36CMOV{7N5
zFP4&(2aczIZU%P`L%NmCw213A_>Ha+O%7qKe)4sy+G@6Q0d-8IOwwtJ+>p{vE$wU*
zS=Eo1x3~G4^LRvx?^}{awtv$F4FpfIk}%<Z5&8{afk3)TXP%LFSpU9&km-u>Qm(O}
zrrJvp!FIt2n|AZQyt9rUOG^C^%G$#^M9U0ucXEavW$TOd-A_9E7D)FJ|2W%J-JL%K
zLP1Xy&6Kh9nR&Wp@Q5mqCyT23i_N-0r|XFU3gz4Mi!t}-z!{b9#{3tVY}EsqWmTun
zw7P5JzDuUXtiG0Bjp-_$Cb6n``D^~qQkMxXE<jzvB4;bq=x6);7mtTWt#CQ>+}ERU
za(o^+^$prrtFPyby7)=l?)RVX`>xk+7L|2|RBiV9WWDmjK3LsKIQpdhGlKp26}I3k
zlKcbWuV2tC^*$x#TJh1i#Hl1&3895E`M?q&o^f|2*GvrE0x>FsFDZ;+L^NgyGRtuR
znPO@_qW5VS$8jF$hljf8U9^NZuV+T+kauWn=wb9@npazG?AtE8gCivD&!vQCRD9B*
z!B{qRr3jv$v$VQd&veJiRW{s4l!?oXQ76Xtl=^F7H#23OKW_vX#$Kw=eQ|&FHz+9m
zur=uM>ev~Qyc{HD;~*O@rZ;LQde@I9re83Z%FZ*P6&-InVB6}CU|~%JVJdgvJ<%zE
z>8CS@8*0d{ctzw~gqGEAy;E}@RWjai#QB_*LxTf)z4RWSIOrOWGJtx*;4{UHI2v_?
zpY{H<Jii$s(h@wkHa_X+KG0T(<lcUU{BnfV&gtK>*srt5gjn{S9nfNy4bFp29@`7b
z!u1}*2gi<?Jj$|Zp~*o~Ky4P(3lc6XT{Sr$M)eIk;qJwmQb{@zBD$&!@|MMqfWAaw
z@po%PFZ}kEiy+=XyAXSQeZbAaY+Cp}Vz4|DT+QDQg2_oHxG(p<Xu$nZ{azxoX*ONw
zgRa^%t+OC=pWr%(SdAtQi+sjqXop64lKV8&dhLbsn~8f6ziVfnODkxGu=_;CXFSlH
z=(+Y<jLZu!@oftE&u~GWCZj%rq}vL5;X5xui3oMXkgTRA*cP<<*ZTcKPCIO>5w7@2
zsFNM2Pv4wLl1)mM&M?l!Ap>VIb|d}6JJDjFzG~44KELne>@Lzf4&)B_@~0qt;4;m;
zzdpJr0xlV&{AZ5HzP4w^)}-JMq%q21raLxc|M0;!&D=E`oV{5?mCa7qI3*yo4t@{2
zl=d8zZ-o-CKw)n2Q_bJe5)|LMlJT2~`AXz+kljrQ`-sAPy({^zMAZg=Rcg;&fG+*E
zI2Xdi<oAu)JWz}t+lwim?B>c^_N*8yX@S!ZG*gbGcE+{-c#GY~!Xrc<%f>ASCG}l_
zx=beG#yv~eYjEgxeA-UOOTsj_r;<ATs!PkF7c#4-Df{K#o<aL=DlAcXfGT1AZfy~8
zq={_b%U|at*D`TbTaRHt8bEH~(HeWaj#n?w)j|6WF3r$?2}m(B-P$%?pMQv6gsK;v
zAXPv9guM&EoOe}ve9mc+oRh0!nV+{=BLG|vZyEVV<yuWHCfPwZI(eSk+PfhUDTGK+
zIA`^Oi~V`#*HkZ=;+L&j7GimtirEOyieA=<-&Cl{R#JdMk^56$;{0N!&4I;>BHzg6
zdZ_DdpCaRYwbWl6ggYuw>mF>$m-d4WC`acxJ};M7L`2z^+`~4{q3^Q;ZI)a|v>coz
zt2a$Rn}=b;3U4!E&uY?bfgaN}?3B4^)5)jfAszlf1(@g-=q7~=n!^R|ZBA^Ytk9o9
zU%ncT)1AWl?TjiGm6pX_TH_de?)jpxiq)iTwhiCDPO<BO?g6tV3Q+Ug!3>0-z;DOE
z5+}22m3)MD+Y28?;dwjD$lUi9Bjd%B^LpMEQV+;oP_z<!Q<&CXV*;7uhEA))JxB=h
z!K3t<EgNV6b#)&1p+5ZVHAQK@E#C~o;_z-3>lS9+h1)}oIV+%_d5kI;q;%G6JR@#&
zrIITFB6`h8$^MRlgV7Qwba))gR9<HX)Jc`G3b*$e$%(YK=zKl{p+z5w8au#St{VRX
zSNy?5Mr53yCRu(>f_aAqg`O9cUw3$zg(RpFS?tlj+CLXmQB7}<ED&!gYg?VM!G+AC
zmCB_$K&1H2hh~m=xdy^JD;Kqx8KUtrYAh4ug7JWlg#^vAWCjQBo}xPehDhy0T%}bz
zgu1XUE?}BtCSLNhePQ#RPvmkpY-}4ueRb$^cbw8kCRq!{Ct_wvNxz;mVZs&;-i~QF
z=D@fz@+a`zfG8edRly{`lpUTcwx)9)yb`qn5s6De1;L*tscp5OZIobY*EtihY!xkQ
zb?9IMDa5p)@JiiC$U8BhS$;%SrjGEEABx_%y|>%*RUi{HEe@hc60HTPoRuBKO9m0w
z#f4+on37=K#Ddy#=(ODrm;6ya9qniZPYSM?fN<FVGj2g(yp#&VYj~%3osRPeRPkPl
zDJ7p0!*s>VgaY6Q4%Ym5cVAIeE>Yk*ek50|?<x7D97LMp9&!~iI6qkj*-n=ba#W)D
z`wbhmnTQ`Lo`g)|bvmXyU`h11^kT=vkyw9;HpF6JikIsl7QZ~y@opIYpygBfy7SJ1
zViu>Ze-PRyP8&8Lw72LwRP<fN^}brs<_mt$wvsjc9e%aL1EB3G{aPq8${YbU0Me6e
z;rwGQ5gwD9`EzlLD`w!wM4KM&JeGYb({09U{imU*+)r@|Y+KfDNdlSOt97jRPYYr(
zl>-Y!iWf^4pwSkNP{2&gdu>15jE7c~q-CUAax$;@VrAGbYkNnXm;!#Pjj3!FQbbpA
zM%1E!oBQj`tu?b{F3Zt}N}Eov>n1D2rx*Xr1j)r819Q5UtguhOFJ=Py{NJa5U0`o9
z4#KRGRLclS$?RrYVlQivMdPIogno;DqO8gO`k5HAw2`!)Qy*D@r$1kMIX>zE?mC1G
zOEvVA5B9*ZQEMGhgr4C#qu<Ynk!-wZezm1LGgC=cReDaWv-|x~=lvQGEtP^gCA1HB
zBT436OfR4#YW7o0G^o~%i`TyXC@RL@W@f_hVT9g_77N)1+S)$!Nc-2j1E!-YSi}H$
zL(B-}gTsY;MFNzZ#XJ-5xLSdIwC#{+^LA|HE*>U}oKmyytyK~eSF)Sr-f{olfUqEn
z;Skqg$QX#lSLd2hzGN%r3KN6<<2W32Ak?P3sH#MGZzo|EF@9eo5*t}%{O+*~fbS=g
zg~>?lpa;*l5bFCWbh_bA%tOd}5P;+tS?6}XIqXLT`SDxrBrib@Pv0%>x$aJ5G-L}F
zwR)RyS1CcwW0l$X2!nYjUTA#4fgZy*0a+E?+O~x0xr%`8J=eHLq7XR_tk_)WTL#%e
z88BX*_?;j-z6q6GO=Hl8wO=;j6U$V;C187x3Po7*V@n8hGUf7nu~ibs)Ua|2{s1RM
zW?H?%kDl`u^#e<t!ixfFCLBTcz_ThM@QTb}JJVSy9)^@zUt?9HN5PxbL38w8Q^WA%
za!5uBg3&o#F>^R5tsi|`QmON#Vs1P*XKT>D+HgNG)$(FxQxh#-FfdBD*QrQNMri{B
zpOC`)F?SwTF)7RGp9&Y)Vp~|*D>%yzCKZg5AX=^N^4}5!8T4`JMA9XgWuIUl76x~T
z)H#X<R}(!?k`9*7<pwl*V1nkR(3nd-`Ceh?_y};1cmoyhC>YdMHi{!R)qjJh(8aD7
z1EXkWdWa~>Y`0f>vRPf+2gbV&%MD3_38rdHh*;LbEUPWN#KYl*6ak^qTFxx1f|_;U
z0tf|yNMbD*sY1_e)YYi@kh`t{H%YQ<zJ<s#Kz@=)$cP5s+I9snywX*iSPnf>*Y})<
zP->KsKQ{Yt_rN3|v$M%Ml6LRq+0I*=<&6R7PZF%QYZKZ94Y}JA>C_RSeN0o*?u4C!
zrgV-(*fapl#bCrNaXS~BS!EdXJi*TKSSE?Q7l;nOZccQeXvkTASAjZtm039=PDf$j
z5VQJH0V^^6>;!E+XHu@`%ix#<vQ<<SVfNsu1aH0G^=nzpyv0}SgeG4gATI^^<Y)bz
zWun1nyYBeHec?^Z^}u2a+!YdMT+?q`<XPxwl9*IvhOjatm|65(e-3U=0$nHCLtp~$
zA*BQBUcc-3QzwMIY~qV~6gpCYGFWDDmCn1g$C0hZfDDzKCr%e6IJ4se9`SM65}9PA
zo64$C1!;qAR=fpdfYAY0{(XCQ=Ct87C{Z;-vyjoVgF_{`Qlmh$C<@v}Kw0i2*YP+<
z5a%wAivFK}u&RC0<JsoNM0_g;|H(O`{Nl39P!$=d()PoNnsV_&pL4^Nlf=svG$}J(
zur65^y3{Hxm;#wzLd(tLok-S11jn&(y*jsYN9FZP<UA%~l`Fx_*QOfb7U}w3wpacj
zoy8ql*{qfliYJ3?L;3o`nP>(aQM{ZG*vd$kk-)G6ncVu}*2w;`T#ELQ<>pXGsO`qo
zYb8j}12Goa>rTgNTQGiyRS+5XvK(2QQhNBawiXi~$J0Z9`>VG%wfgzdg4yahaLrPi
zyLu(Q3O=4=d}EDiyG<UIF**g7mf%t;E4*&>#naZNH{AL%Mt<9hVf?hc2Hgo8h7bv7
zhhnH53x2B=HycLI&Xg2`_IhqM@7m_hSR!aQ5gT>0*~4F~<CwggE?pfV)eUim=sN=s
z@HecAujS4R@}qKYgZ$;K@evlFc@ejMHdR$-k|#`{6)JTz(_vWIC^)iC^nlDn;9pMK
zZU=1$_KEUN>G)}%gGx%!c=8;nnaOw?Hs7z9>@nvl76&8oW6&!)`E2vGDWd?my2w=K
z_v&Qgkc5mN>EcNzwurkQ#uW!!$EF7ipA^ap%o${UYWAb2kiI$me8x$o3G$$8%|e05
zxnQnnz;aFkQ0lSDIi-xg?J^i<eV1%n#V`$jc4^xApf%h7c?;jrCFI8q(*~4YhprHW
zBdR1J&D!ax!d;VjVpfEhSA|fh=lsY5=Z`<n=6F6|*ma~4<n3J)vY-pwbw5R)M3o;|
zHG^yO_K4Naig1Ue5ex7KU`k)d@rB~S(>$yi?wLv1U!LiX%#*2!&R5cl%Bv99kmXhH
zh9F2+ro^xNhBEMq;zmi<MH3$tkvw&&{RH=sfkCRaf!{?t?L8@b@u-$pT4w$%q3Ekz
zHbe>_^ghiV`ramQ_t>1u^;5#h^ByfuZ!(8bKSw1O%cxL-fk=otbj?B%_`%gLNX(Bp
z_eebOw&LpJE+uY1Y0@3KgS#G^C;i&mQE?YKe;7)GOVSs^T5_JAE^VCVTaSLYj}F7+
zO9_sftK!@9kDn`zX#Q=6*TrD-P@d4pX01EwALml=-L7HWc2c!DWt`ShmEX{JoNJ^}
zvzQQeM`l_Y9I|l);4w8y>)eiHnrsxUQLnu-km^#wffa0qjNzKfK>O%G=b;9H%M#VP
zdF1>k)pO#_b<TkMju0$VyfpDehm5vvZggTKk;!(=b<a({p#*%CE$e<9Ip9#=7cEr#
zlv><K$S8=mWF(&$p)enUnN23YX{uNgkEFrlKhdbn(;;>|txHgQ2-;UE7jqH2zQb?4
zZlx|*z;etDCBnZl!BLB`%u>7%)Wb`_T*2M~9VokGoM8p>xNP@-e6zFHX45JUWEavh
zI9ym3atvSNngDrwAG>Sux(>^9vq-X}#}@UO5=^=JRtdS@q_kFDVUkSKi#U^_Cv@n^
zi-vyyQOp?thYacv($aFAtMi@bks;;jhAV^LY*h&7^ui&8Qb1VOb^sMQKW$Og`ZOQu
zu2WWd^B3i>QBQUi3+X^P@CQuy#ysBkuNPBVGKn+Ak1Jo%`hL3&@Rct=@AZsbUq=~{
z(5kC0Ey&DoC~t;XAnXmRCcC<GmifQ;JtzY1>{`1C4{3YCNNQ&qKCWon`v?smgo<i`
zdbofwGL71_BWZ*-&LhhSJ>napasnTXkspF7!2}xb-W}Gng_mGbp~co@Mp7mOey&Ln
zUrHtd0h6%xdGPl+bQQ(oz&M@JOKFj4tmy^ND}dz^S|Etk1sbLH1TA1#PHq`NaO;t5
zZS=;V)si~0RC?;U_H7Tus4V(VigIF1E`O>A#{ghF@psJ=@uTDt0O#RxB2~wS!r}6|
zvm&CXfiE%mAE|Au<FdaZfElK2kVlgQKqqB{Mi-;)eit(4R+^;emM2eNd3#Qu-zQZW
zFj#UNb4gbnujkI{Jt7ll<A1Xs;Hx<X&4>bVqA<){@#2W(K6;-llZh^)Fg&#)wzw%Q
zdrmL2@mkF#gITTH4EEj_4qsgASpw{vq@<@@ehxyj3J&Q=yxk77Lp>mrNZxB~=C`WY
zSF)9hi+;DsAm7PVcOv<1cQ`b*`r|rO*w#?KUKi|_<&?m8h*P?H-%e+b4q_<im<9(+
z-C1<XnLKS<>}|QiNq(7bLDNTFMMb1;9XP+Y7HR&#tmcaFL4}sEliW6J=na$y=D~-q
z1{W<k8r*2Yw9PVaaT7-#&%;5AZVCwj(}KHgw*w`Ij917;GwZUYRx*7hnm*KMu8l{<
z$rgyMghyeU^LBP$xSsWE0Z~2)HGI}3F=ISFqX2bAvZZ!iiO?g+G5QJ11sN#i9IRp5
z2Pq{hwac>pUCkkIYNE1pisaNur4$SvflrZhJ<9Lq$~p-Bl=q}+2S1`8?nlQ+oPj1@
zYlgL*_fp|dqE4JZ1J3seP`(A~Nihi-TMAY7C9rX~x(^vE+H&_Yhu9j}57D#awlzt1
zO3t16gr}EswLrDM!P0RU?^QTRqYokac8?N;g5319f|XFAxoR808&&O(vRolzTFhHH
zvv_bRbfvkwsLy3n5r2R<HuNC*ZmMX^aPA=y`xYD9I5t1Bo|ucrhbL)-W-?Mh++&xX
z<vo_0a$_+;T~ZiltZ#3-salB-m?JhaS4;f=0tq?x##LQovbVkYGGN1wu^a{=bFHB(
z)zy<X=?@;+k?BB8Z14T7`&&mgugSCB_y2HOEO(yOM`2)-WZF{#JQ3%ihv`#dK?q60
za<$HzY%>mBnOExqkmtXV6oD!W8TcISf$)C&gr#=3e!&+Q0XG}w0}<m%Zk(mnP;{YI
zGhDi5_)smReNFHVPjA%Z(1_6$?hRct)~+=TzPC|QB@8lZhbiWa$)IX=`tM}p8{g(+
z)+1<(Xh^N^%9P6@ACCvl->M`P+c#mQcWbuJ$DzU9;x?DGQZuQ!ZfD8yOyMq-Z8o5Q
z$%c;zIs5Mb5Ii{*HtS$_cv|f=>DiuQAv;%C_S^p$46VT3E(aiYa!eStg3v%}<VY^p
zQVnv#C0&tA|Ka0F$OdbEkyR<klMWLvzvPFNvI}ewjHIS-jp<WH3R!TkA^<@R*9DUY
zzm(1?gSI%gp(<O%bp3*%{x8?xzjOW1Me97a<_%?#Pn3&7Ioo9>I986?@8&w$g-e$4
z%?r8X&7&yr<u@T1W~E(YbGQ>eHrH8i=ev4nYC}k^uTE|W3liG&BcPa_jbNI*5zf_F
zQ*k~u>8gvUadh@r_TxE$1zWBpR-?GzR>!9ZLPkj=?Ji{vuM`3?5LkFfWw1Ce6fI{J
z3O!rvpAN$8P@5hgLurN@xs5Mp>n6jXoPV&+P@LJnW(%MnIkSGkS;oZgrjDV_u=b1$
zs)}&oXUWSr5Tx~<V`4^}z;MUG4Wz&aacdabdG#`i4ZWKq;#xmE2=u4|W49ek@%S=#
z7iTZrv-t-LcPEa-Uj-Q(K0C_H&eAsKgb#8%$*|`E1_`sDq1e?e>Qa1Xm%U308SBhS
ze@kA_p!==jTEehY8wQLr&_(G%ra+f0Ko@gAJ!jtW`QEx0;Yf|KaFElzPOWV`V#dwl
zFca6ip-YHesszWcc5m+nPtj*KC$;$h+a4Qb(ySkS*m>}vU;tYYLbh$gpirX`9~ep?
z@kWrmcH`7!Cp6P<<e4$<3-Q~<bKYq=i&bnStiNZ1dz?RXKM$xKFH`{4wUVNQt<I-F
zwMV3++X+<C3bTRf-8o{FH$dya<h>0u9e$sIL~ezIkH!`B61EB=|DzIyqL~wA^NS8h
zbur|Yri>;t^NVzhzE~ndId7ilj>8BM`IBrmaabjH`#Wj3?TFDvM<BGj)Y6yZOqLtm
zNSzM45()MBUEmF8$;pqFeN(}!MaF;q;$y7?c|OM)Qc|)M_Tj6ri!1-r14C<s>C7=y
zpF*G+3K_)p8Icasv%cf7dg&`cOdOQ$ThD}fM)R`{FPvt<eorff^(2$KT+fXe%tAXF
zh^UxJj@^LA%1359r5b>=f~F=66$71}d(?ZGH>+y#>wv-plwlhg%*^cdWAqKHpZr%U
zR8&0pp;I=^q_K1ZRHsW81cfUEaKV7wjRTU=@f`kmO!Sg!@*dwUHWxqr`q_-JX5y1~
zv|ZPVHa0z4BDq)!AEE;UUV5!l9<!iq1C-IfIfizuasXrc`?La|*)x|l#v4oJ(nbzf
zWo8@#l+Z5ou+oAq3r)^B-CY&W7;Z|5Ij?9mYU<!m%ZJu_E&@GuYW8t4lElf|=Yvye
zZ+k&l)ha&<Av;a3q`&k*QrMl^Mnp%QBTiKSM%%=yCXe;5hkII17m=X38jaiqTYZf_
z$+Van4AB~r9|s-F?J$#o?dTXN)qv;rf3RvLWRHK8L_0djqu6qmC{a4)z);ld$D1=^
zOG6Ooxvr6ZCE&LJt*KY@7L+5jOYEyQ05*$HJx%Y)!sRTB&aX$(+)XvuGA@iX5>Nzk
zLBkBYXn>m_Ks>S_a-o-n_o2hBJCw0G9$N<IbAk)!N{Y19c(8%ij;pmDAQHq~wrOL*
zNXvN)gZ@UICnDq^&y~S~P*DF}7Axl$d5#@Ob+El@9QQTC{Nb%-XnWN$b1B-JYPkJ?
zK*(+G<vIKp1=6*pHUc_DF8EJ4w34oYD)l5@_L<*%6^qKCdVe3sE3J1#lm!<sTY-96
zJ<9nk`So*}6iH;QPw*gCMMbskYueYfuWMe`y{&s%_O<P6+SjwT%Q<CK085aM$Jxka
z<NjCQ=tZF?=ET59T~7L-dOFKi<Dg{6QlWlOFEls~Y8|sBqdttr){~3&djIdf^-;=^
zg#7n^Y}3alPrWoUU0Tv3-!KJjYVORPfn6Im@9AsFH8FCXe$H{xsRH^J>){+Y&`qP}
zl^U!7n+GFa-=5_q;SBrgXiezL2*iZJGW4QbbeOVUd;H}PwQyn|jP+at#g%I6D%LRT
zP7M)IsdRUWSP$7goT`1Jx>JEVhP*>W{7$9LghPqgPaKgv5NDT}pBZ&vn1}ML@Y~_q
z@>EA6ltsE13)+r>TdZ}IGd?UVs{@RUkZg=#^6gDt{>oR?p}O06ho-=WphCJoCX>F7
zWZ7+W&+A|7@lL3D%dYcW9e#VRWro1|)&IS}M@T^+Iy<-1+Ej4C4w{Q13U2fY+{%Z_
zmqpX^C4LQ0b$%%A2$;k)T;x5r&UuGd#;8kU5TusX(UX;i&2KZ~!gR4sY|9GcmceLT
zYM^f~Ro`ChlJ}LfzL6EzN#aaUrJJPqE0r@IgLU6slT%TGU8X3`-EpN2)b%@HuUNUh
zhKkk4uD-=C7goRyOj6;F26GTky>StM!=wlNb^$S+aiva1>qr%7;>pozryn95_pSu!
z+45gMNx_AJ;f1cH2b34i<{8@SaxfK3MVe`!dUwvG>1|XyJk_vpmD5+Dh9$%|=R|g&
zwCf1@K=<JUxU(Hc8U9%hS|)bBoVeUeyA~G2)pngjMphyb+c(_Paec`0?z=gf3PLLX
z2b$woZyU_z(CtJ?m$dcg(7ae#K2D7v05=FWKB_rBGp*yFywwqjd9ucCA7R34pD2An
z9ojedZKLAxUf=vpwy{N$6fL`5^pPVrll_@?P7)zDJH5@-YORiD#x+$5WuS_u_3J_b
zn7E0iy|mn^LDs<?I1Px|Cn*70&kYkSL8gJuwI#e44$&G;c2*fJ+zF>pHM$R45@@-?
zjbztToRcXCoVx$d{eUnTkTXM)3c68ThCj`OKYCuU4X;;Q#B)~|GzVuwe`Qv?W}}(&
zZB6g)&5A!xcqP`GujdGlE!`9-9%0}h#D)NjK}?cCi4;hAPx$DYU=y;%pD$_HkT+IW
zKKR({X5uT)TuT0e9Q8+-)9@_PhG#8$B@Gj_Z}FwtgRUM&u{b6I^}pKs$$4AvsL$WC
zxgdGQ0RW%kY$FRj^Qsscgtp^5Znk9A1M5l+#;q_0bV^pty%Q~3n~#ji@8apAhIzi_
zvu&=z&Yo7En2IR1MWwZAYCu7sO>N+tXGjOip*24XEI`h?(!gsWhdlUJjrL~$#wt>R
z*dLfFL~5>O_}PhM;mbq~W@4300SA>XvOjlI<Q2N&DXzcYpH0Hgq=b8G0`k>#CG_D;
z9yJ2sY}soYZAWw*l%*{KWjYDn?la+ItN<LLx$FLaUN%PcnKCCOhOpy4e4%tnlAsT?
z6Zp_)+g;1t^{GkcAE9xfoTw$<l3Qx<p=%|~&n1+9CoMW)Q0gOQ6gM*TYg-8Mp+6&H
z+fv_>^BP=?hVFcw#FgT4aI(EA+RY4<v|Y(oKZ94|RfW-cqj5fmfLlKG72)-DhKKR}
zP;g8El(FxYcBNS<?x45-J|?f;1aXA?$x^&;_oUjkXoAS;&21B_%N|DAD~e;-GU_fq
z=CAGG#bdQnVb9F(RVR?fVX!v}5R_0aTrK54x--O(>29=YTUVxMJj@CldrD^_rL4bC
z=xUY}3HCv`_IsBjo=6+nSWllh1m+(C@Uh#3TN;B$II~-Zdo1F5<}rGiV13+%&a^Fw
z!!Kw7*pIm&!cbOoy>ax{)t0Gg*auQ@e~R?f!o&N*pnn*nMs01E_Js6=h>#$ff~v@+
z?Y`d%>&Yu%A!&qd<97yQxo5R*>DSx|S%cnG1?K8UnU$-J#Fq8nbyH>)z*aOKCr1%F
zOQ^D2P^i<*Gcv&R1^EqaK(8zm#5uv?ko7p^ZtBgBl6;1c3u#VZs-$BUK*cTZ!HLa*
zZQqIhxPMElb9UZh9y=uUinaHLG`-9X#*RXa+!RwJsQ<qX)U7WH_$(3$+;?^Kl~(mf
z^Gk=*63w<Q8;X^!RedDzQppU`A|^u}i&au%B(0*gi|;F(BjRn8OG5`(VKrt++Gf3o
zW=ZV&V2{jGmwmFyk_+`QD00=9mKt&nhd7SPX2-60fQr@bmE5eeH~kS?2z3v)^kAnM
z4he0fmh{o=FsEPIq@_`S59Vme$MSAJ_em9K6+?{9v)@dyk8C>}<(q1M66ZkS(%=%M
z!m~FXHJx69_m-3rsiP~)@oC_D5LwCdXaUrV`&>V=X@2J=u~;K*MhD3Z2jiCW7Ma_r
z0bta#EQz4J#Z_;8qq@JI(KmXeFbN%DANO-xWo4;C@*iqY9{li-8P!|xi`z>JNe?`w
zu=rcxKdef{G@X#cQ>;_!oHhPfCK+zQ@OYWhB1be8ur!?2u2upOKu4=LYDL#CGuV~i
z*RlGeSLP|hRZYA7WyP;-g~!@`+|DnIHGFZD9FqYo?#F(jB3zdg%=9P#cIA0c<};3I
zbYj^PT_PXOc>$_ogGhOU&yy5R3=;C9xAp~3=I)45r#w>uT~l5@5vy{DZ@Jsit~lLT
zC-kscNqDo&r|c5G^~VOo03TeR4f>?u!<Vi}3RG)xq4uhkorUxpvg+49EZkM3ho(2y
z{d(*O^zJcR1Qea*Tp+msE20v3DtfAN*!5D|ZdaL4ctV-(Qozv0uY9nF;(_<2@A1`0
zT4c2O?2s!wK#+$4)H>RguE^>mcs21<#6B>PoD`wmku=O-AxJ6>c5K--x1^X?!zcC=
zsiKvEn2H`IqCqb0Z?5<Nk7k4GD7@^>GIKvl*E*1F9)li_3Cpkb4B%ZnSz>&Ad7}#*
zNd*I${VSnj)OmOOAFI9#)2@L594n$iV#|)_DUL%eK`3<J9O3x>mnEgeQ}kN`i;_Y)
zFVY>g7Bn<TqvjeKB+>H?4H9VihK7kWe8WRTnm%EnqD>z#(9tHDhz|HgLkGM^r#W>Y
zUj`FSO-Om7OSB?D?LNh>BG)5har*x^3!6#|yn`<w%lJ!x5y{iRee98alonGz;9a$7
z6M*PdYENMxnGdl=@>u}d9g@W~z`K=T`yhd5!HdvECaBzfwG4;%AHjcZyK}eLddmV$
zAoE}zgD+!Q<QPQ3aIT}~uUViG>*X_n70}o5kjHKkzS!FdB%!fyy5a6+M+ATKR{0wA
zhQ)`5@^jDK^=abt{XYbTA|P->JChCn4cS$Ao{lzxxwdKGAwT9)rBGc>yKkCkuJU5>
zn+m1~#qYLEzd#`jxqSZ)+5%R>IQH-9`T9u@6x_SSGqLDQg$o3l8U3nx+RWArcAGG!
z_8Eo}Y!|UZ9N3;S7K09Q3oEt}^TPmM=9a$^UT;;0hO0^$Y$a^4N44jlw_q%p&U0^^
z#KuS(^-fMg{lO#aq5)Alxz?x@5L0VHMdbe7A9@+w)p)5`e%t4ub$7P}>c!!BddYLp
z1KinPgIdcSu};nl+U!1{pcm?B(g(F*+PvIFECKL0XiwaW2{f>GVxiX?!w`P92B-0q
z>#&trTGUf9$|j2`Y2G|r({osUK3S1(Jq@5LnMjwpz_;`&PC4y+9=_G8tlcezHI!I&
z-nRP@=>kwhu;Pq<D&1adZbYCVZ{l!1(S|z#A_!}3pFjHj+A7{mvVx>9uP=M3KI*3Q
zYqG*(Il_np5`AXLPrB7C%l1O7CrV|NixPk!-|y)>_*f%<)6U<{6J1`nCUIERO3G3w
zvq`e>mc(4|Jq`}h@Uh1$Wa!uI4g4>-n=5}_l#Zkqkv^VYOZ#yGR+wdIO(xsVErm4{
zpC%aG-XNg-W{U<sSZJ{`p))`aKkzOblmV{QTHXjS^s39@Qg9(_?_8T}{spTSJ4l~2
z__lk~&0aK7Lz}7F4g>_pzc`$Ms+z>VXG+cqIc=(eqzEo!i1~*oIZAMuhfH~7ynDYr
z*_N8l#aLQ-b>jZdSIO!Tb~usv;L|_g=WAI=7|vBr2sm9*nG+vqb1*I16;mP&+=WbU
z%-4aO=`G=bUynoeOx3FXh%`zHRrrFEYvqZ*?+ML<Q-y4%6Q;ZUb}ZI0>fX2p#=8PK
zSl1Nz7HxT#;nxy@$}?jLciVKs(wK7~j1@8)d*&WHASuz)&<6F1CF8JKOtrd4`4<Qq
zhsA)s<s}X08gpBfzJV}r7|oF_jHVB*qszOISC{&{I#{8FBW6G`tD*n<f#c6w)NM?Z
zli0rRaeWYg%(K-NB;~|7BML^K5u-I|rp8WjRW|7q`&e+Wkrg&;GiS}UJux<Qrhv;1
zyFj>A=z7j<b`)RS7JyRc2@k5l7A=5siI0T^p)JiJf>V^r^;qQPR)AgrlQ@mRF-j?H
z#iqT8cOnAe_Ce|1trtnwi~a`ku-%4rP=sm?%iiGKx6H4Px-w#)72ZL1Gy)^@k)P!9
zk<AJCh&DUJM9P~tBQC7%0BXf`p?WJs5m(Q5o+MF<I3wa#69p(~4bRJ7O|(lSR<&7n
zddAVp8vi8Es$%dS;?G;9fg%m)w14m=Nxrs;l}358|8Df_J52ranYiYT%Tq|>vjwhh
zUB~y17tCb_ghE=!sX3=ExaYiR?9*E^rzS#l&^FMrm;69KRrX+$W~w3^t@1j^B<r!o
zJS4iZ8sw=q%|1C(8AzY6@5-;q!M>sXii={puBUg=ua!k%bJ9%ppG44iV-2u^0nNIx
zuyM;cupS9-@0SR;<AarXCE{`6gr@CuDPE>}rGrhX*rlrwt}Wy4K1T?{b>1ACEWfhV
zGA2zEcsc<^M#-2&ggXY8<WI_9*Eha^J(fV8wT1WXY;Ce37s=|rc%55krP@d?W5e(-
z(|Z;kNYYs7&zyR`!kc5HW2#??;UgobFH=#xg?1Dy6Esp@3xHhq-d`b4{2uFPPnCxK
z?)FP6g2U&L{)-~T^<elar9hm@B5%{Nfg2*nwipl2^xdhi!+6(#X6*yHS76<Oik++$
zB2GFBbbI<A4nBS|IWKq$zinCZMKlyS1Q*GDN)aG*Dmi72qwNT9I9zP|`DIig#r$9?
zmwF+_^n~VR4ny!^4Z7P{Q4o-)Q{v&-;s5{u0p0KeE)}pl=ttz-V?N+A1iL_%Ua-$?
zxO<;s;I%dvea*;37DpdjbfE-*i!tP99=dK*CyAT66XLC+@h}dBT2ZReJ(A%}<Rij(
zV^hg*`z|ZWaIrbHZ1F!w4Wqg9F;HgqM?YiB5Ze)2KPLUnu!rQJf;6{mh-rV|8pO}r
z6xU->fC4&Ha!vzv4b=R{Cbi_SQS0p_(ZSYca2F;aId>Z1X|U<~-Dncb+a1^YA*@r_
zUES~j$R<}~DFm-hc840ag6%4D(Er*+k;Bva<`KC8Y^9QiiF#JllLu%I`<N&jyMR}j
z>IUxM73O+@ySN2;o}g~-0bXaQ8@p?{;*t_k5K(vD7w3NWNFSWRODW-t7j_lvdAhl|
z9INl{C57eBunXPtHAIu&2M#9Arm*Bf3z!mJ>wbgRFd{{EGHTrr^Z)<=EBh^NJ`AoM
z!-Lu5YcO+~V=f!enFEJe%S`C@f%giFtmUS3dqDezMb>iDIz6C$!lLUrX`LR>KH*Vy
zoV3o5XdiH>W3Anw$1F;m%W0G(3GND2hf|1Eg&69tw$U3n@vwYTpYB(Qu#5Kg8n`VM
zv?(^5ui7MqLsVBGYyINBVtB#+Bs=P(|6&+TZn~eQui#ZZ6&1l~My(49H9JrMGW-KN
zlrWKNaxBS%RY82>OkSVz^C$i*;=oldmFOURG>hjjBpY)!^Wg)Tzq6@$(B2#l)@$CZ
z=?{0ddtUW#NPE4s+V`u>l+PF7mV`mcpm4$(ScT(weQ}DPpn*F*&X$|i%m?wOOC%(|
z5Mcb{^Nn9$W$M1Z%ilQsm!>rH#;>t6Dw8GVm~51FeWrpE2?0ZPqABkZoJR+H$R^>=
zPD|qTZ;FFZK>JlVsjH?$we$3K&?Kl*8F8zd9h=7WUSplrT&Q^4FaSssc9rsYP58W2
zZ|?5&25?e@Vayw6A58^D=|Zzra9Lp1rHL^ENAOfT`R>&uv9qEFu%iLVZP5g994E&=
z;A=&1P)0izV1}Ngbe8;S{cFN^ZSlAm`Wmwc00J9rv*FZxy0Cg56cqo_33eO^-9MRE
zF+O&(`OM^-r#08HBjWZZiTOR?lJ1#lOppG8<ABVe9d+3M=q@-=^-91}R#=7=a=@EH
zu_v6aQ8Of*>K7OE>EMk@Q--nm0ijxJ9R%v$BFq=S0hQYW4GSj_Ok{{`%seEN0-Q`d
z0W}+3DL8Qwi<Ef=b>^l*H7k3~UTHyLfksBwf$V;Bf*-dmTL^#zFmbZTudAPsjX<4A
z51ItgflmuUHLbxR%G?u*RjD?rK4SklQfD6PLj<^I!7!|Y<Xa9|XvR|DTRAU39rPzU
z#<I#}WBMvb`c*^KSCNk~fjIgsLe%Wg)bnpL7nTa6dMkQ>`YBx)ZEEXzPJxseDArB|
z`1ys9!DLkvM<+2_gk!902gL{z-nkPXuIT^(6&yPaO_D6I38)h1M1LJ?fk0+7x1tRs
zOIQo8_Lk2UKB?sipCr+YO&pxX8*u6pWa24zQ*#B8R81V5#T#(y5@g~jcT;l(kyK3_
z^ZU$(C(|=WR^jPI|1=EQOpddR)$kokrOcIE{X5fGWA}8iBQD>!UuGEmi?mxg33~oi
zY~n?nc{I!+B!xS3wcr`d&v+Y!=cY^*sec$C#4qS83YMG}&nf(%tt=Kej}5(g_^mLv
zg8mk)#G~hT=Zq5aoWoxF3G%kB&+qXlJQng~&)?N1VhwpJ06o(wfFkE;jo5$tyFSEg
z29a(NtQtih61%>FqjaHJs=+jQ5CT^@VOjurrD3;nyfo|tBQMJ?EjM6KI0gEpPYjxV
zN&U4>m816XZ?&;O58DFU92;&a-&!K6yQS*pF7Y&b8a~hx>!MA6V(jS<5B^9xeXH0@
z@LzZnZkzTu^<VhA=`XEOtxn=8Ge9F((-cjR>m!1Xb;q^un`@p#CdAC*_%l8r%{e`+
z000bNG8`j<T3%5>dh3Y51tihe{PQv&!MlI}0005HxA`{w96o0V(l}TN{6?^}WY;MI
z-CfLJ?kg1t&GVd`@4?N^%%`TV8ep&S;N~|EsFDa7_f?|t20ii>5*1E@X{#|j)@eAq
zO6t6AS|2U+4<z{5t*--HKzJdC{t}oO*YC_;kcaE8b<vWkiX=aqPDOYuU&Y?0#Xc5;
zQJxH)BzMP<iREHeAM6{<89^*ZU^O^`b!1-0;dZp9<^+#+`1c)7I>^u7@k<I%*>7gG
zfs#OlDUXdFYD66g5gDL*!CDB{q_k4!?(Xyka89Iz=iP29xi@Pl88s$pDrV6hLAC@#
zR$67=bK%54H-xe9KudGddXq-}wWA<_G;df*jdG^6B#h8SfhKM?#h1$<-NVTn>VJ%>
z;nUeXJWB^q5%$eiC1yd(82E78%Kjg?3*J&!ibHl3I|xOO|HWMmc^e9(?)>o+hCJ#G
z9onGRvkAOXbq2>_vcME+J*OrgBM_?#7?@C&D<flt5(eMN;X*dc%us`jhP)Q=XL_ra
zwLlZg%s`M0jqGdEoKkGZy(UbVGGxh<CQO+!WXY2zOqf7Zrx~HkWTCTqCc(&~9VJQ+
zAuv<Qte)`jp2I%ylo9;}A2fsVf4TMNSp0|q-5Y;JV;y*G!O}sAvMUo}i$~o9*-wew
zZu7b}{))yr@Y#c;gB|#c)-Y<(`0&@gcDkLhxKPYkYV!LvK0U4lO`87dfKZ4eNw+i{
z^B(@I=N9gKjCy3k_uNGwl{S^dJBhd3-}&8!fq!ml0U);fn5}utU?b#5*5P+Xgo&Cj
zMKeZ0!I4@~IXE<n4^-pzxBfObot_8>TPW0s_IQG^3JtO?*0P)&v~c32X@Ed6Xj{ik
z6=7ej&o(Qp5Xu9N;Ze$B4;xV-qMd1vr|vxQdwbuX+c>fbwdwmZw&Mdcv?QU8(v{VW
zVw{v52dDrr2vV6O83H29Kq3Kcg_gfelT%F_KG6@EIwIO_5#SUM?Pu1Qee>T;I*#%X
z*01#ff3F}h7NbQ3(n4GgC{DY)Y9M;kRG6;~Zd}EBw4LxrlrP}E99hi%rii@--sC?X
zW}(0|*LC!Q_<uAn-GK?EmQi}lrQaf#m&*af#TI>DGb{5!sk^b1mJR^&IQUPPnyr8v
z{!(Z7aj(Yow5{ZC3qpghqmc28i<*p_S0DFi(3VIuNwNU}L1J5}#f~_YkGSY5>Sjgh
zHA>(Hy?zMNecfj(blQ`sa}8J-AhOeU+<@)0-Kit%u|hi$Y_az!1eAaP01J54MhglT
zl7>7u@Bjb+00001PcO=Br406v;XL(C0S*FBUSQbkGo)DhYRj-4^ZYGC&_Y+05gyY1
ztK@@Kwa#j+7c7qHE`w{_LaBpdjNOb{1ss)g?Nf?83<Pw7i4Gy^Z&wowa>l;<%pC3;
zJ<H0!XVrhjfnvmILK*gg!-fs9GGqe^RFMP$6{?uwLFj3?40cPXlOu1B^vqPMcBY6z
ztrulPR3}HIy{FCfd#1X5*@jN_V(I`8hzvQ}r~Q;LcSkW7J)HP@mk16>A{-#K@kQ>d
z?x-3uZ=WxX<aTmyDZWghGjd`Y^0ZV-;lpoa3>DHL)@dckb+y^*d6q6px>9FVTy<KY
zW;$v1nl6+s&j0k?G3NFzn8)*T<%_;r`ju2Qsrpy$#=e&$x{-fN)Khr+iGLM5^pcQ)
zBS)k2sTgiiamQ0yeQzVb!!I87{g_5SYtH1<t-#j%d@z<H6$g>BP8ZGmFWB`bkN^My
z72p5>0~*NGNOy_a9dU8Ws)2~RUxKV0k0hVSAsqn;)6{QIlzd&sfg+kagt+*AWa8lK
zU}3A`STz!luAKEPypeaXeavc_nfN;tsS_hDuxgpUz^9O@*2h3r55+)FOh_;ny{mnu
z25Z(Dc!MFeN{{zGH5>)t6uOxQ1W=BN-Q$_0GQ-vQ-Z=Q*QAaUR!OH^PpS5{=Mm`QN
zb{}W#Zf+~tHKy#k1GsS8+8{2@mepp$V;TWEk|F=P<WuBMnH0DYDgrPDkMzW#$giBK
zTTil{9jy=@fEcqbEr%RUhwC5tC@+sV7P8hZE);3;V97M`lmJ4}e;mwNA&5>0Z)GdC
z;RQQPkZb<3e;#PA5zd9F1t{!?(&CE;ABAIpu#7HH00001Djx<G3@jK}FtA}@!oh`u
z2<>bjW9w#+*ospRz2uaXYK#Q!vBl+he(PI~61<~Z_9f0rPK}1`yVbhae%2&>R3Je^
zjTAHIjbruLKT}GvT${2_dbUX4ISPRn2nc&Ie=WXIJ#2Qo=J~>Kh4EMd@c<#2)~*ce
zZS){C!UJe+r2EOZ!BmIj)@~!BtB}?+ZSoy|2@4>bPg?zXDV-47YWfi62`<~~3o`s-
zUu?OWJVV&-6V0Qd@kuchh0~{hq~)M*_JgI~J%_6ws2mpo{}~f>g_`|7*cN8FeeiK1
z+=unAT~ek4phiN$gm3@^G7<luoMlO}Lx`3Waf0ivfj7{V+iM*g(ez-chP>WOP1o&!
z9c@fxJ6T@|ax69G2w(v|F#z7j9ORP?eEYA(!TjIzAYgV16u2Yw*#^Dvn7(D;P)4I$
z$wvZ1WC|8V)n+ie^S~Q4IH=pdK{;0G1~Z$;!0VWRs%v1>B%=bsELRdX`w>#_mH~u*
zO8XNX!zJl8q_CN-oy;qn4Xvq2WM7T|T;s>K=PL*wWZ7M1URWU_YXm}r{9Io6Yj{f8
z(T6BCDRaBwSn$8Zi7mK_+Szgzf(Vyv6KrL}Q{puBPoZ;lpYa_H(dzLuoz&ler|2F0
zwy%h)0h0(uJ|Q-K003ghtKD43cW9pJlrPLK5;tE)jfPQjNfEX6Vm_Dv9!s`bF!=Br
zJ?obM0009FOxpPb;#T#&%_k^BTRjY`YNJV^X@5hAf@aC!7QzZLOkK;dle?o+WCVVj
zqE{oVqZk-k$8OxThy*;Y&e`A2lHJ=l0wU?Q00Z!sV-1+7JwPQELHu)g>>LC(Ln<$*
zf3}uKh;A3jO@d=A6^?_X<D~G3GvA$a@fUMIBr$wB!U^lUr}tXjEfQ0HuiY37cwXw4
znR(G8x!{>;9%9%g`j8amjo0{Q_y2_s{M@dhLjy`xqpnCsZ0+ipuYTWTn<lU6diE)7
zAyBn`R*n`05#9U~75YULrQnWk$9geBtA_~k@=(9+m;jl{i>T&4$XN-!*v7H-IIpIp
zG`0gl4o!GvrU6xd1f6JLsPrn#eZFKj4alr}!Ta^=2)k(_%J<6X7-JZdUCJga4rpJX
zW~@$Olp~qUbD<_^dNemO&NYc(m@@7kP{J2?H{a(WA_^wXSJdysVNbvm=ca_OomN|4
zihS+b(;wgf1G#|dk^qvUv$bDv000kDl3%*{$_&&V3Wb+dzXi;M;ks+lzut1z#4@=J
z+>o)jZ&R2)uCG2a4j2&lWF*89YnhZ}KN6$DXg~istw+ts?e9=PIyvP3<|G1f&Tg;9
zxVTzd)0~^+7kiQiYJY8F_WTP|)2k{k;~+>*J`bu|Xqh&b)F(qIOgCF!shQ*XR=VBV
zi@nxy?esGJlmb+|!j=G2Li&oe(t(TDf-xa2NpPOHh|IWRbdQbSl+|1~6(WVivSZ6f
zo6^}2$xt51Tp6?U#Z4t-h^c`BjN@SdA2}NSS1aSRkyWx(E4gs|J5aYuLA~8_OCjoR
zR%pB)gu-NE+~!QQME?iLxEs!taCJ#xFga~R_+q-GA--m{FE?e*rKp1Y31FlM`SVMz
zTNknmkNOTgSOGN|W}#OEN9xjbWnZ<ox-p;QHC)M<5kE7k?Zq104b0S_%K^h*J}pu`
zAk9iOVL8J?LoQOqWJ*}cy0eArTD56N){-azRzWgg0>n8f*o89M^~3@zKsa0+#j0Vt
zYfrV2<SNx<zCmW%hw*lBj#=~mr(m!2Y2aZiLdPpnBy`f|A2Ktkx4F$hH?r&%HP@PY
zT?XUTGpq#D6K$dcEIuERay87cxN`x`1;vE6L|&u|tNx5_ac?=o<k_@%Rre8U=@v_d
zT|Rvts(#?+ZFmN8!KE~|;3y3-_^vtQkbKCnCJpTW)3xvJ`hZ}pqveAMQ_uE&yCGSj
z_a$2MG3ogel8dN_svq93wQ&u;oMuCM7B@r&(4uM&{5~T2P=D4(O2@O(n-Ah9bS})J
z#=k$<ut0`MKEg$PZSK)hj=n%dQtsKxY-*hA#Swu_VFJN6l)ITp;nzLm?Bp$ih9C-z
zD2(J`iRu7X5ExsKR&LC{v_hj5JYK1`)}kz=<LWA|fLth#_O4``)gf;cU(khHg{b?^
z%{X0wvIXx`T!Q*;g%q=$h|^81fCEmMSzW{@YLs|ukAGhn1QY-h4hRLPA4oC77biBv
zQhVvKZKY6=X><Sxh^zk*t0uln$EbtJO5`S{W)Y!O%iBvd&{eHYnu0H!)~QO=vnNYg
zyelqhHZhYCU2w5mb})Ycg@7h=!Bg(B<dkSM{RRB|NEd9!L!rw&abz>{5C9N@nC^u4
zkyT<K`el~+%Egn)2r(9;MF;ScbZFDTZA10z(JeA(YWwQj*}XZ>q<QDXeRy-QA+Od&
zPr|_l<G-fI-0{6`>V$gPy-_IR^1IiS;NwX;4%|_<uF*Ah(x$6tFBEE3N(JL+%XbIG
z%g`GIC%7VY^ZO20RnY~M$|GZ<H3$FO1Jqzp#<=n1c>v9EA>MF|zgyR=OG)OSr3FhB
zv6)XajJocDY;W)+i7?QQ8v;#Dr$h<2wRG##?!C;*v}UAI39z9*i<((-&0&s0nYsgD
z<!H0d$s;_E$Zq8-PeJogr|izA=jO7c$H$!4xFy*eYZ8$4&KTgeufW4pV`1p{hvU?$
z4H%xRIh#CW?%o`SuurxD6{r7O?n2Sf4)~l}->j9$9WX+I>K9iU;;V6k{v)Xpra(iT
zL^3L=fB*r7TBcUm=M}gq>QwUNXkCSkt9h~b(?M3JX(4xnQ;jbCMy-0G*zi^GW5vg5
zE0f~E!n>#DEuC?45q>ZS8{?mx5`-A<JQ+{~Z!D|k_pbs0#gL4}sLHVeV0~gyVU@=d
zdJs;R-%MU}Q9pXNkm408#30g<KfLtDyp=ua&Flb6U@1XnlIKBDp$}c452}I_;}PLD
zBEk{U#(hyD^Y|>?PlcDrv^4IRY50p-B7C)QBv@DWi5E~11f9B-){#+!PWMhQPcGuD
z?Wyt0KaZI-sHaq$_VBBJSN2(VseTN6BMy#k&E4H|oc4b!%{4UUf)4f%7}uV+)Q!He
zraOmm0P1h2E{TA`^t41rG@*!EIjGTaf5s(jx?Xj0@v!S7GT8bOLxiUO$-6Shy@i<@
zVn6^ALmBuny^l0^r^2FoRUm`sYJ%!k)tU;lar|CVE;C3*6x@WGSkp6@<hOsvhsfjT
zY5X5lPH^#wp3@3`K0cWa)QG_DHh>`;q|XF5^5tTKleuhd4}zX40F9Wxuzb<Vu1K_V
zwZoQp;>c>kAQP01P&F;2dn8$#IX$DYD(2~WwQLTyBMweu#L$D+kDW8q^8!J2U?`b*
zsV~dx2|tuRhBXs^(i0NU^!2ZKi!FXT{(_;hZ<D$4m-(uX*AjfNYk`tQhe0|X=L)b|
z*d^odNZ2Nq6ViiCJx?S-bHtL0%<?zb$3a|-A!U6s#N$BQ#@W}5z_bq<)L6h}O*3X-
z*Yq;$+A`;mQv%&<bTr{$1jR4q7nD=R&#{QvrY8^oOb6&uPSRp=*T$B>3b@|F%;Dx-
zZ_8<!Lei#0A66@GO<`6PrGmjccIA7<ZOpuni(;6WV@x(Dn(<M0Oa9<qHf02!FM3`s
zv&Lf5176oL(PtpbZ0bkyA%C()md*#wj=E?h;aY&>dySbwUyk-nvH%V6pYId;RPX{x
z7#R`c)hyaz<mZJ~(({MvzM!bPLntFnp<hS9GVlo%E036)hgJ>M2)BnGY>v#*4?7Rg
zZ|-rhmmVCP_r9K5CETlf0(4Jtd+jm0jb`?cdI4!u(5xi_oT~ZJdc%OR4oY`5#a3)`
zfLn#`-_9toG@>g%#AGp*b_@xh*v|uhAQaYb<N|S)YWjKE_Jzp|6>P#nXa|#7vCa_?
z1G)=mVz^i&+sRZYtL{i#sWoSM-)4P?pZ#GA3klU0i9rJu*$v{P&8-|O*RRj2=_XeA
z$*1^LwAxC2o8Yo26XEV~viSXKgy>Gg=S&FEU7MT~fZZ^7sj}Ao>%_*Bi8l$)-C_~F
zPY)0`1n}vzmaZH)<jL+{Af<ldlr`-Dcvn?+;&*F2B~^#A(k62l9qCDt?DOhPA%Ov(
zrJp;}#Qvxa9vtdoC^WAoU>KZKZZmM=nQHXUzfP1AR&U@{(ZH(u2LRY)H2iA&LZV*_
z-42>gNNDEpqbruruvx0WgJ8gg-qHecePb4%s*$I*VzU1S*tq}IZ=<=u^|&s>t|0jn
z95TrVR*K^EM6iZ0?4!!rbt7eUxGbxH004MZ8R)+Q&jEy6mY%FVMG2r0xi{o2cdX3M
zk9V<<Y~H|YI4Nvl#0#q~h#cR*1Ndd=o?cj=!V4PX>^9uaDIg<d(<vDimxJ7+nALY?
z{G?JcjyY$JEQYKtMln#wQR*iifMhZ2Ry!1!KJ>(yrNWwKjm&atW+_}Pw{1xYWc)Dv
zu-XpsB2FVCgVbi{L;<;hNR@ICC!E!WacrSpcFLo*M;FHlq9ExFfv3x)C7b*Tk4GL&
zVMhQ0m_5!FV5rfk>N~%!l24erd~>Nf2_)hCH<~HHwYbSTF1-r;9Kon#nSQY&(Q{47
zykr6|M#u_u68m4P@w7uFS&Q4Q?Pqtpzn8XokLZ~vX74o%HZr<rIX!W`Sp@-54aiTd
z^p=fpC-wlxT!^$7ZTW){Dp5&knbs61lT1H+GsP!Yjv|`E`WCp+MqLgp1C~N4RTRz_
zu1M?uEn+*TP>$y2RfMGq{GD9Br-<h)q?HF|OT<#i&XM|~^6e%fb$|c>EUDuv5};Ut
zH>oBx?TPx5weTqVA9P)7pJg9q<Nn<>t{nn9z-$HG0F%$G<kwP(?@o7ED~byqrvq}!
zjSoFE+kU(0fF;fG1qI~`HeKK`joc|#cvwaoIxQ?<er&p7uOoXlmLJAnld<mPkGCNU
zOBZzw6F-zATTHJz1KL2_{g2{Xdm6vY&x3A50BVo&rg?|OZ)RQnRN_+2-W`vT)bc$5
z5gkcS+CLQflW?A%NN__#c4AQ=gn}7AVeO__3Bc}PV)-k=PX!9A^wg#Q)9}iCzkcOa
zGP@qp0R2i1)Sm?r5W6R|*?eH~N}T<l<T6^;tBR?qfgTj*?Tk39p|{+KzE$)C3+gE&
zrDm^fa-TkZxPwV%z`ApgK!Y5=7l*+DbGp0kyqNM+@1CRgyKZ_e_v|8Ci9AVTG<ArM
zLp^e@>ro5nbq)a-jl0wpSDnLXl)mR-TLnU~Au7UMw3Q!rQmKh<ZBor&w`tzu2T$ed
z4<Hmv`1pLcYU~3S;TGxXG|VuaSET4St$;LQxUr+(Li#x%AS*p@un{6@sX<PL2R=<a
z000pnCD|A#f-w=(up{-MaV}V74%g+kI3!FJ?NDZglncBd694mZ|CbP1ee+Ue2^geh
z9CFVbSq)f3Fb8i^4VZtV#jVqvELzm%L<w{MFVRAR*U{8)#SVD8GL98ddr;JFkpcMF
z0ursI4=Gxu8-z;uc=GQtZ@uGW1WueqDjl}$1fKN6oqOYjy~TzNJ5AIEk^N;f`Mtq%
zo;Q8vkbR*;N>U#^*J%6oXV0dE27iXZcYwH&T!Rph;`P_$Jmg+Td$AFHI9n*6Ld|9M
zcmUzQ$+gkY$U=CdWb>r7)R=AsZ#f7j^P8$GQ=@Ie1SpoL2%?EId)PHPF6mdj`KYL3
zw6O=jz|nc-h{$QqK>;PqA46H+&DH;jYbc{77>=!q@MW0~B71u~OL?<0TrQETc{0yO
z_BNV1<^K1aYkFvA*D5jZel7TN@N+GQ`S7E6*b8=lg#|S=yDzUF3lcYVInyhbA8v3j
z2=}ZR@}yq&^%o=uG7=+~N9s$=-R?wWV2J(V5g}>|u1Q!8=<-+h$Ur(E#F{?dIGGAi
zuZ@Y85qZR=6)hR^kN*Z(?J!obmP<fHWt;e>Jr`d9$2^WuzsxVL6O-S~Ym-UZ!}o+s
z{%!|-=q^;aV{zF!rHNlsU+X6Z7S8zA#jv}qxF^X;ECYqaD3Qow=5j@b6|8^Xy!r2k
z(|o*{KqQ(fy~jxX1QS^EpmQ-fT|Y*HJ?gM@jZ$RX&--QgFnoq-0~HD64d9y@PCY}X
zIMiPiPu+RtF}zs)zmzyZ#Ger5vs{Z^Tf|pD72W0!J<oin+5LQUB{X#!tQ<?I^*uy0
zfDyTBMk#3fAieef(VY$wi2t~q31Bw#FaYP#31Ocg<K@RTciGi@myEbr$0`cEn~8uR
zk@okCcIk)MMY+IuPlG!!s_(M)_XrO{!TQVG#2p?e{}HnK{>d-IFan8PXxIiG;QVxZ
zo&u?f1=b9Yl~kG%bt2<IN0l2*yQPA30^i2@{c5IE<t(hYbmR2N@nF%-DlNcMrx@ki
ze{#R1Pjm*QnZ|-#+VR2ts-Tuunh9kB!gaP|bUqsMZ>Q+33dKKKGRn;|N#lkJoRV1I
z8Za*iU&oQRd0!3Opd=OXrqcswMzR8`qTC|eS~`UGlMdY<XMiXG00(7oKA?g*&DW5?
zTL&dOn;%)2sZ7{Y<&)WP3Mbd^Kz#_mw}Er)*1GT6$HEe_TyPHd9*(D+FIj*?r28lE
zS((Ofs4kftChme#MfR8TavO2`aSd6B_uc#*T~5Ov!o_XaS0+k*Rv_+pN?JL3|Hf2u
zs0c$BbI1{bey2TGvP7Q;5xOhw7sVn$Tso&#%*vMIE>ipu^c#u$K4aO!IEOH5)N%=Z
zKLEgRV8O`^lmp{y@glC;coLd3cINM<!_HT&lL=@eq6Wr+$le#qvqamB)J!$v-Eg+T
z^@>`N_S(6is-*)z`aWF;Or0@J4Qu17C}<EGqFq%qF6|)q;)GZg@RSM^o)Z(^NQeS2
zReOV{Eh$@|Qb3fq)OCZ>sVa1E68ZScQ;>NQDg$opM!Tng&You8(($C-5y%*tvL9sJ
z(&S@F_F!(`vGiWoFcp--N$y>~A4`~kg+1*)V*oTO41OPYW&x#K-?Y-xzq5rUU59`G
z02&`|T_Y5XqmEhQiy^BBgejm33Ryt)-}`P8Le6z7CQe7nL?}>4Q3^}eNE$#36cO#X
za3ENobzzYxJ(p1z03T`FKp}sFL)IcIjWu#jt6^uybFW%dcz|5>$^SU`e#aX#VDSXG
zR5$r*uMC@7b~mcKwknGRZeZ_1)nUx2aYdjYQ!B7v{YaLJ+OK!EMfN?4q+l-iLe_P-
zGti7oE}7B!l0(;4O7q9=t-g4UE^PFFdrxcxmGJ~Ce4Ul`_=BPEIrhXwshdHAhUm05
zg7(#Qt<}jwJih)tG#7a>*~t1nWF&xacObPh%Nk;OjUXWoXRyi>CrmyzCZah_%Xx1e
zp{8GUF|%ZyN^WP1(%R*WPj$yl)Nbka#SksFd@f0Y1IdXJ{1666aJ`8ggFko}sj&+b
zpv+t5pVQRMKX{%{_YF=}w81Jd4w|J&M5l*y<clg_Lt#dYC@eiwX++dhuy`L~fwF&F
zIJ<v|vGc~l-ld1m+-QiF-{6b~v~K7*2v;{xGNg#X8yl&Qm?Rje7w${jl1g8rRojch
zN4RsPy1O9@5iklNp}td_!mCB?+qi;*Q#cilu=mCVEZIw*y*6#l_@hR|>UYZn3yYB}
zKWwmeg6{RJMXO`%xA0w@?nX<Trr#+x^33bD3mzCs>)(?nKK5BRGMn?-NjR7u>j(o@
z8AgVgU+M(~XsW;UzjB5w)`{qg#`{0)P=ja{e(9eYGhyAHJ-L2Bsm=;(@{dsyTlKs7
z=Qyw>O~AMl{>8^OSX#zG#A4rekwkOvwTK`9003gt8vd%7ai4q(5ag$GTvdUi03IkK
zgAf1!4zmD~KmY&$0Ok8kCmOr;OkOFAlXa)Md|fLWuT|{;E|d=7a$|7_=vDsimP6l3
ZmFJ<M!^GqBkIp|ic8V$_jKZTv007cQk(vMi

literal 0
HcmV?d00001

diff --git a/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp b/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6d0340363bde8b534cc69a3b25fab739e154af0c
GIT binary patch
literal 32216
zcmaI619W6vyER&I(y`r1I<{?hl8$ZLww;dEvC*+@+qP{xb-Um9obR6h{%718W7nv?
zYt^o`9?WOXXKe)uF|lcH06<k#NKQqLgRuY4XS-z3Ob{v+2oNwn-mhUIMBoN|;N3U8
zw3{?Gt$C%p$te$4)8EWwNDe{fOr}LNKQJG%6W@t5#h<tCfc0H#K;uqtPS;^uk~j2E
z`nRrg#5Eh77u6Hht)n<#KTsD)`I-L){QL6vUGwb&(thf`n_m4n?b({~b>Q!R2YhDx
zMt|OYntoJ0+5R0z1{?r(01?-xuE^h~^!Uep%Y2K0#BU96z$e<zm`~Xkg4gWlPX%Bq
zQ2TT2<JUXl`<4Lzf^W0;?YqSr3NRa(dXD&B_a^?XJ1Lu@`vQFN-S({mK78Jt@4YU)
zZM}D$0KI{mAK^fO&jq0D-O?w)G}Olw5cuFj#_#953*0#edE2|}I`-WJt^k8R3ZGr?
zba(jse0|<^pXh7&mY=~IWDg14yVPF_U;Llm-U(i^zFtGW`@T%Q#hiDwc5QTe64GsV
z-ud=D=)G+{`IH0kKczml)?=0t?+Grp4)``bV0_7erpvI;PY+#>x;tI0eA&QZ;L0Bp
zWLN3_?t1hsddB>8{22ROdiEXZ%JMbfZ|MSlO#15k0)ZRQXrmcT2&*fK$%81(JTJv<
zdhl1`*gI*zj#Y%xWy1L`H;>@D#K8{@bPpjiRs_~r=>iT!iRJ+PPGHSY&`X9ImCJ;&
zP2b>-WjWxGrhC*mx|0@B$T->l>!v$vnp6(!+?K}D7<d^7nCQ{FGOCIXEaXm22D+A1
zWd;p>#kmxC3am<cr;8@oYWO87`0$=?89seWN1@ZkjqV?|q1IL<V|Eu6Nt`zL4V8|`
zUFew{yxHBatd%K6gjNYY@6~=)dOg{q+UUkI#?WvmT8#)Y-$K$`aj`@ExZW`UKi@j2
zNDx5?IHf-?ca3E<|LcBbAETIwi_Gn!GDveObe+z1XhKf;VFDIXa|Ojp>9V14aCflS
zv({VOqq%cd{ekkxT;L5N|81(BHH{;-qGwT({w^l8;+#^?Cwr!1W0~&n3-W<wnl$#%
zWTPmUt^?PNN(arx>>Iew%7OPZR>BA9f7ehO4|E=9m)TB=27*S*l`ej7891$x9MZaX
zSscww;szmB7DK48s_7?WB|VuWkzUCpIcOH4Bdf&Cq<nqqf}44g@kRFO1f|AryzdX<
zJ@I)aYIS`6c~J}EwELK|wVepx*L1-s;yhz_bh|FrQtOU#e}qDIJ{j+@&ULyUqYrTq
zN1k&Dqjq&I>~wUjhnrV)du>_&?*&P|)LkHWjtzceV6igU+%Cf4&hFe2u0?IWS-#Al
z8*p0+@-NwG?H)L(V6mo1Q#t%fZ!juN>JT8wo@HZO%SJ#3QI_1|ge+Ek+0VdR?25_w
zufwzLk5S+yJe(3w6FjM-biM9%!Y?g#hbI4X=v>FYXaWCS*eA42#^<*WFK`v^ccd9k
zYNyFk>EeF;sJ?;XO11@KNiH8q<Dp&prEXEft{(Wg?0(%Uzlb4Ue;XwOBhj)z=m_-s
ztsI+Fn!+>Ar7x!LYtG02hR>B?cmaIBCRL__t+9RCU!T$THU9O{AIoPn!Qc9{H1Q|O
znl^46wSwU<1r?@#9r!n12G>omy(1I0Eg%n0a!U&kvXT4>{_9u&q|V<cx36`=jyFq%
z8+Mb>a6b&lgIb()`7*|D+c(%S`0W=qW=+=6N`ixypKCe=RECUtM^j;*R8I;%1YjFY
zO>iyNH9`)!hBhqXm17<pDevU<Ce9EWkU}e;2MvZF6AH0U0=k}UVOaMT)oI-GPl)z;
zx9GZ-5yK1w{^PNR+W#zuj}J}b=!)1txNnvHf(Fr|AK}YkewlfZ4VXmILPa8NA{ub!
zh=dbjfoX45L(A8MDki)3Ypsn9#CgXgJCZz<e$>Niv+eM0fySIgd(RJtVUEjPTWTq+
z3>IQrg@{gt1ui^}HCvU~?TK6*!Ts-5w{p(;$3@C-EnvmHOgF!iM4iV{SSG@BmH$V+
z{IO5DIuFJwOJx#>7j$6ri<6&`&)qQ2u$|+|TFv`eZ)u>J4l5%c%9r5$r81}r=9^QK
zfNDLOER7uUMb)5686=+rJCAh}Jb&h@Aec{P$h0c9x?MYy^o_={CkH4QP2v$+c}lBN
zn~*?1F!iDW`N>PN|90#@E}CJLYOf!;?R&b22zyaciATa@*7?!v#xIzr(%WvlbbaSw
zaS>I0NdQ5bXHh>f-L7e+USoD0;UR%cX}3ja=7~2f2ALin<@5Y_?ARkYC!ikN`r`-Q
z?rj~|Au$}tZ1_C<I6c$7^oGX>BfacYqe3uzeIKD&xMKq%Se5wygs@t2rM$t)m|*oV
znnuIt&ZMkTpJN}@40LBqOfp+K7#tB&6{0E$a_4h?EJuIrR$=Xf4dyk3ucE%ZCyu3{
zqQWwr8Fq#;>t8$@43y6Su>KEnW?@utN852Z#opt|j1cm50iIRpTMulEmX%c0(7+xe
zf<}7Qtgl~>89{=SCD|B{?jX5JI|KmND9)chG*MCi#pnM5MsKJ6tlKmX-k#%A*oOl~
zTzO_C`{`Z2w9_$;mt2HO5-VsP{Rvb@=dR@5?9$G1T8UX1E=3omy_0CHh|L%yU8LGd
zt~Dq#9hn-xH1}_uyeBZHyDEpm>>pO<L%Q4>@}kGl8P0bd3ur21=Ut||3~R$C|4HTU
zxfG}=(9Mq3$8)35!fw;p<mxHM7hxQtxvaa|bb=x~te$nkYeyLqaV)JbRqTxlvq;vf
zn?|*6t#Ix?+f>5nC6M8aqt;qx?^Yp3xb>j>Y>85T5rlQ=f}lqO!P)=9W=HQMR8P!Z
zg=fHDXz7Q21bOtz`@$f|NW3{f1cRDvgmq{u#fr#5cO8dzBqwffh0AQz&+tn+bxRqe
z@>wL~-b&I7;+ZhOn&A0F6HB)o@<yiGF$w$<;`&ZX++Eu-r@&%+dH&Z)>dX*J1xFm6
z+ly2zZA<|-8l43i#3jfm8r)C#Z&~9`Qg`e<>U1fKj+@zx&Z|l$&M(>K1bBHJ8sT>n
zh62+5La-4VB=nhRiax1e+lbb;z{)77B^8EG^wuKo&BDV_sqnoW<}pi@@2!3PNOfN|
z=*PqdlgX!)`O>|)A@rdsVa~ewstJ+UMn3vDEq@+cT1kpQ{Zn!NHN)TP@fTzZid?4a
zwsskOFgA2?rChRwgAHm-i$iS3U8ME6O*2As{G?c;rCA7%)WdGRAKTZPv10~+XkORl
zzeW)0C3ve;bAF#VgPIDVlNOaoKVIE6*M-5S9mR@ggH>}TIwuIQzw}=GK2^`1p5@0g
zASH)ln?yzuK*4}Z^*GtY;dZZxCGqWy`Qu{w4T^n%Q>-?wScZ>Cz{2<1A4JZoX6Ees
zr2lUfEX*O9%MY4z-i(DB5ZJD}JAj>2mB#pva^sdvp9B$FqS?W@3NioB@5q#=rtBm<
z2&tf#p<bdeNAH=O=Oa>#<x-yf|94q|J0bU|{LKJ27W1cgXgA}L-~q6)Ao65r@*2bp
zGSN(vczQwML0{{yp|=Wy@n*j8ra*&V$Hz&#NEaaK2&r5#&5IY&(FC&bmaai@r}cNU
zV3URKLj;zt>Wc5&s{6MjwsohYj63D$6r;Mn3s-DA)taiSjE9whlWpS;;x4+E%43O9
zHpOH_gIwBOa83xWg?fb=LLQrE&|bDA@L9VEEtHQ`U*Yk~-qFEAv%`&D*t`|L&o!OM
z340&VPk)3+QhMC!y9c2~<t&2*0PLNMG?&cRQEIlfLr$jt-^!S9#oowP$OCDj<@4>s
z^CF4*9Z8&Nul5NG8bQt{t=yv?W$km!hf0P-%F(rN=5k6ID?x(xZTQMa6AX^(f3X_U
zXvzcZkAJz#{~1Yt%C#c1LOH=RDVW_w`RXl)=<73dx$D2&<l!3mU%GLFd8#09&6WS{
z>VKK+-!g8a%^>fFd&pNB{)g`2=~zG)tbgh^#g6~uroS~l0JoU`-;DmOBP+Pn8k66t
zoNFfiKX}03F`+$Og@}c00wxf!T%pweR3gZ{>G|r!!!PU(U%~&G*|%M?9=P%5_y0N7
zZd#p*;mUu%|HG>O$IQ=G=Lc2O-+TF7{YyiGZcby++fV<N7`7ZFH^;@R7PJCPNxk}b
z>zU@iZZH_c5QO;un&2#|`r*UblcC{h4l&2`+JS`6|Egy=_7$oN>YMQK*LS?||DVhD
zD*SYmQzg4T;FfYNT<CPRxeU&7L<{Cke*k<`p(PoUWWA^Tz^~-$_+UZ>goZ4$=ieOv
z50Tp7{Ik-hY+d=l|G?pY<G`OWo>5!2!NFZ<jdE2ozYifE^`REzNnm5}Ne?ysOJqE_
zP3kpX^HK<E6ILuCq*!jfC$yH#dvua=4v4!@|GL@1UsoTE+H@0%W)-xWK@5qq5S)-H
zy3jjFt|Hq_pw8?|cMq08Q6iGxC|A-WvQVS<4(LP<Rb>fBqRU5OliK&Y9AG%0VHr_R
z@rww}s#>@YE<%i-P2eX9=#n0<{|`!}I&%ZkXDco~kXFR!SXgbpM+k-jp^3t<Upwnz
zhS-UFYuC|qdfiD|qN{hvHX0Bx4=`YdHJ!*FQlm%j$l(DpqUCuxJE*ncsLW65K`Y?a
zl%fN_I4*I&l5tNEB~>q(FZx#fUj+k^!XfhyVgGMt#a~0tYpCbNO9t&0ps3Id1tT78
zIgko>_YLp*6Rfe(U!*;eO@yQDw&!=f;AY0#$V@rsI}rwCgKEQ+>;EXT_As;mks%dH
z(0PKyPirM1WA{KKU2grzKB?K(s}kdI*wcz|59&_?lKuBccRi3`QA$+Weo^FgMaKU@
zTgPxv{QqUI|BxJ(3h88`-)fTwAE0axkFfo@b=AJRFs)j9d<k){kHfO1xViP|Hf6*U
z|A?voURVEv^MC7s8_cuqZ~vmm6n(<Zo5WZ)=jcOu2U7>H1bt~ES&`X&$u{ndh^$1p
zyx%Yv9fmmIf5V;ZxXlh5{<fx}nSYbBY>+ekudHaO&I=hL39_rE*e9gqv?10E@*F0K
zTi<E-fCqy}`3oHtakcz|hNVwAqBy&y{r+R>Xywmh4cwXuvf}6eg(kxvfOoa8|4^!`
zT)vX)7fIybeq0a1M}T0N7nzx$Y4<;Z$z>78F=o04KJQB#(vm&3mB};-534gv*%6O-
zd&MvP4&=77KEV)y(0r;!yBjGUU6p@Prf&hAvO5u4f_)#wm4^AR&!~@OOTG9Mf-DFT
zI`rMUi4=GG{+($#%R|OC-3r8pIFhX)Qrm*2k@411alSjGW=-UeCm)LllP(%i-^)0&
zKRgkXCbZ}P7$C=vpd651zWc5&+k48^mt+1%*B1P|S|<&;ncL|D&q>6zR@D+*UhnSu
z6D}5rk}@+X85RM05%qx1Rm6DWX$6UhLIev_kQXG!d#HHrKo0hoZ0Lwgk3aHS9Fk8s
zj7Wx;NBSmyi1%MZn<cjH%uOf$A*LMQR9+l<b$?xu1_6Rxqk1y{E2d9GQ8?Bmr-l5w
z$0rO@r~F3%CnWEzsRhsL27Mt6b7oe>wIGJ~m5230M|)58`(Nj&f9SeSzRSwaI_Sj7
z>On{3ci#;6j@AS<f;<o{6!Ih%SFmnpkz5oXH+Qn}k5@V*gnpj0flBzN#)_k%-m-6)
z-*P6i&mJ5cdiSc?;`8A#NWuuZEI9vBd*iVCYIxNpStxtgH>F6LFDBX?MUcBY*rUM$
zBEN_elKQH;QTk#%sryv_(e+_C+fJ-;&;HXWG&x^8a(amJsaR!GZXJ-&GMbPpdU^L-
zsYZ*5&(?C^2yz_3okb4`17&tK?B>-WK0Q`?$QxIF`CpgX#WjV}1o{3)+f9kwx5xD#
zTAR1Xv#jJ?&QLo4?N{KY=-5FkJ=^sdfrCZuil5%Jypi4Dkz_Phbf7nAtVTTkL_>w}
zM%E<{G-8P$o*iTL_xX<+5!N!KiU`;>ZJ`^@X59Zz8jLt8C&}avT7BSOQrL(PJQm}8
z<?OU`;*5H^8X|2lZqN!qEYcCBZBjBH%YxZd%6@VwR5XJ55^0j2d<0Znc_J+z`bPVo
ztnL)Pb9^y_P`Z8+XD%pKK#`7PaaOkA+qClV5>^%&E^(xj)OyV_w2xy$lm2NToRnEg
zoa)l2e|CpqcF=BJ+(B{!8K<Lzh7=;l^|veWPcO$%{hWlZB(d^mV6g-@W7iJ!dK*<N
zm&afHVa&a_Wbs4-MS)XvP1ZDD?4%#4!N(GD>y=Fr@!n77j~&H<u-60jP~iU4e6h#T
zw{trDt{fw)AoU02O44}G!u~WY#{P^Te^?L!RJ~O@7`k}2dN7kI$t1%!JBpGu)0gJ`
zSMO##Gg`6Q+VMB;FJpP8A?QyowfpIXq0oeaKeOED%_@!1F)&%1`+N4cskO8A6lxkT
z`~fOfYJ%U;Zyy7XCvVHEA09Obj&s5Nj|%vwF8)JS7yzH|^|s5xKoDSn<+Zdo$`7ua
zVL|{%&6k?x6tdp2KpD#(@I-9pvdj32QqaY~eMEM+{S7+I;*_-kJbm{nR)3pBa)z3m
zHl$Kl@+>`p0q>D)csQjrNHLFR+Fsy8h2pOhbP5Iqp_(4>0jbKiqt@wI`%dGns1_3O
ztwJ`_v_#oA&JG+c^6Q9li*C7B!Te2^z%W%iqtwSS)6_~R_kAx~;~#})TE9(baGhh;
zfEn%20jFHpW2NBr7KT3tVB`l1dS#DfP5etO4b!B)dM6Xki{8^5nL#xW45MRl;`*al
z|2BkSKIUS#qsl`_6vrz6$(rxh5)*x*RNufbH#4w@3RH=MXu+WY>gYIf3qw-^f6%8v
zl{Zt9-$`$?)0leT!-3K&QM|x$DAq`zb2VDKZz4!Gar#pR{&dwZq#_3g`7KvB?8H0f
z+y&H9>d<0q;jtfBmEbBR7iYLGs)-%i@+N13&%4VydJg@SfT~SD8voIA@fPG(w#8RC
z=b%H_L)y_?z0qJa;0v!^EC8AnuPA0(a}^!N5n!s+L<C{9lRt$Z`4Lw%QvP|4=Ojcg
zu<OUFXNZQ@<$N44)Z=>MJ#bSuW;WF?#7Q9!Va*I*ZJ%q!(~9x*B-Kf$J8t5dU*z}O
zjZpvqXw$a?`8q$`ix}BkWH5;UTGmiRHp8JZEy0Zy!!^N_R{^AM_re%Oki5@o+j<UA
z|8l7(rYg0vuw0|<22w_h2F<azOHJ{+5El{c3p1$s+|P_o%Pr1Ur|{HeU%|0ob<YPL
zC?N5`+ZI?)?8Fm&i9u0<V2<NG{H5MQfzIJY^G8O8Jfval*eIXy_}Gc6<)&92`Bv|!
zZQgQo6A1CHg?(BWB-i6vXMf1G%Zquvg(=xSa?0ryiPJ8bJV!9SM|$|G%fW8<ZDe~@
zvDWCJZ{8DQt6>^vUUq1c&R64AtJ92IXY-&GxJiBh05ZoqOeo8-Jb!ywO%aM{;%sW5
zKI;wQi+_k{M}iiGcJi#c2Qju7Y@z1Hj2-t+aW})24pER(D2HqH0SS{fsNi{T_QQPT
zM8tdHFA{<^=prh^vjNBYZ&GNMRC0iC#cb`D$lH{py-efSJ{px-faudyF;_DNIWI#V
z_+N<P4=ao6XQjxQ6FwSOK*iM!nSnDcX}#X388n1MNW&Q+;$O%1EmUXNJ-&mJ`npy~
z%2-v_(b<X2;Grp_)fZAvPWK7TD;xxlp}YV92x`<taZ{Z2B;bJ<h3GhrZJs{{2Y{>R
zp*Rr|@iclEQIF+Fm?uTQB#ds~yGt{%M<qb=JMRZuJ}h6B!vWR{q2!hPdB(}_t9-Aa
zRx$N{ua3$y10HbSTg)&&Fc_*lIi;f*q-j&qZU~TX+g~;zvO&CH^#Zc8tk1oE9CK&d
zN((1@)LOmO`4;$S<)JQoYpe{TH50x>S+#|>lgA%DalihAx|t{a0gL3mRB{0SxEigg
zIk;Dk{<?Y92>^ik2h8mhEaqejoO_yf<uYr(7rb}wZ!NrICJlpOWLn3>w}V*`5he?j
z(V6R97w(FQi({Js2aqfZJl#;`KPPI&^7Re7<$D_}2pGoz0LxBK%~SYmzo7tB$X!1f
z<g!sX6<X1BlLz5uKb()$vLWI5QC^Sro^u623X@n+XxU=PZ;QRr(%^1MYo7KpOuAod
zIUXWF_|>50>l<Wk@rG7EG@ZwT%f)9n3fgR!n4k288*FR@B#$N~r9$W(A7wP{yi8bq
z`06;9G0SRnnM!Y+j>8}+!);tQq3E|-r`=E=C_Q>emvz(Slx}fxGou6eD5x>wY`Mu=
zS$g31?=1CK7}19S5rlMO{g*TV*rfK$`%SdNHrCIi0Oot>k=+CD#ysh<EtEr#(GLFN
zULc`UokF0>*ns|m`3V#QcBmu^g{>6Z!ZriTj&wv8+#Me6ZHEHby;9tI`;h*3EkZpB
zynLz{im+=U|Dnrju(JMV=I4}hEtZQkB{q@5B}f1m0Psf{(ICkAqiEqQJ@>t+LiCjk
z6Pou9-di8OST;zHS)1UUPo$p}NF5}7)&c-%kze=e7;%ucEqY)A?FHE9#jq@_$0=Ut
z34(KBqOPp;i$5aHe~zT~jYpsPCGu8usvwW%000z#8Iv<`$=lbK>~}WMKsZsX!;>}?
z6fNkp6hA$UPhoYqJ`j~-7rp3~Fi1$$eryU|(q6L(Ylr}OWjM4}06-qW(<HmsOxVAS
z_BS!V0EP+c<f{U@Hk~;yMq6zmcwAQ*nerAY_75Rit7rc55(u@8V!z&=j>^?DI%$L0
z$Y;`7?b%CL?c9dZqSG|pg)jBQo9Q38%zIHxpo-ZbL}I7<>q7EPzUXzb`rpMuaL0Y$
zR98Fy{ONy(6AEbgy^IP(7%nAo0U^zCVq3|1^E)K5LurtP265cmQy@mqPZKrtquruD
z7%YT|Qji64kwzFzz@Hb)6)DK+XDpJcP`KxMNFw?DF91oMb46@&Yj!s@J>B%u=J5&S
zPW<)Xv0(TSF3_{!u3X1KwaUI9A>(NXwU<>6wf8E%98b2bv=Wo*<ta!etMQ%b*$c@B
zK<vuE*6;P{%(RtuaW*z=k_?mR(#tZjGV>(#>|c&DfwYjnGc2W!Y&L@%64%n)F*$Do
ze7mE2-=5Bv&d|X<zJ4ojvx{Z#%Ycrp$dQ>xX)Cq-HWMSJaoHYgVhZ+}?{IiC<;i@s
zlt29Wt0RGp{oaHC;Inz791)Z1hM6S3yXS;dqo{|f5E;nX6cRHCijFN~6U9;O-TfXI
zwCO3R#1;%#LO53lMkxn?BCBE#Q9u}JB+bJxfDnk_c-Xv*d8Ur}8IVl<vvN`E*Q*8)
znfGu2QNxYHcp!O=a<0+(7W}xwrkCZ($EsKWle0Tx?cy_nppX@2<{YSu!uH!U=a)OZ
zAG5a$gI2X}Y{&*fsV%TsDGd$GJjstwW3UNxD+8L&GQ4a-+)Of4iAoViK-!xd6PpMn
zz7M&)Q0UH}DKWA+!(;dfx+yqu)li2;RVgrE%=i_7Yj;kN#XIr?kPJE$|EcneS!Rhi
zls?*`?T$*h?^{?Le7quk4X)+XabM%G+Jh)=NylLxZ92jL;F#?tN8R|;aPHs9WxG>G
zKZgx6cyR1Pd89GO!K=DP@HV~hWkRai4Cj9@w3QsIT^NN)UVjzAmsjM<cq^?-iWuz%
z2j3~F>_T;*YtH2<N<Iu1%=jl@%Kuu)?pjInd8|cVX6}LRXMBl90P$TKUS3of8K}u5
z<;3rEk{9?go)@p5Rldznt_!fgQi$raE#UMRxGVhCy=>m%EJ!EulIq17YZAJ9Ga!&4
zd~1!YUN05yfSooTTF&h+w~V6PU#ccq&c3J{eq#YVxxUpP$=c$w(a27!Lnaz+r<&YW
z&IFTu|2}%3v}x}Y5F6ag%=vqRBU*v^BVha0yS2&iQ6uP_d2L<XD#i)S#&=jVxdORg
z2HwQ4vGO;r+t|UiOatvIZo;okbZUoc@7Pt!Kwz^zLI8w%1QfX7x-foRS*ywvujr(l
zZP@@~gr^i>No{kY%f+oz@M(7HG_la;eTqr?*O<jB0ltk{cicR4QsmNRpJUBqgS2~h
z&2V1lnJ4)CgZ%u>iPMR09u6>sAd$a6iYbL(X)0)n3KU3UPXb<d%n+p#nLcR#rAv-Q
zhI7jyo;-0r`Aqc}*&F4i(S$16rpggNhu(3lg@CjgWJ1MO^g-J2MICKP)qMM+`YfFV
zp%!ISP#<;i?Q{l}IIgNG{X_uV*l4k1cr_-xy@ol*Qziy`*dad>^d~-w65##Rws_gf
z7ER$58ZrT=>6`e;SpXhFFyyL*5SQCMA_^z2Us-q`ni<k$(ra7JeHl~(J#Do84$eH7
zwYr;a8j>DT&B&s>6)Ey+mxL`z6kiI}L{6Em;Ou9Y4jZG#FGo$L7RJtFy8f6QcX)Tt
zVD!On{qN(dB@Af5YJ>foz;!@eZ=*wq2}cx?ZThAA&k@sZ6q;0X|3#G{Q&_{td>G|=
zYEZF*fV5DO5!##=KGqMbNV;^{6BiH76mc3idi-iC+EFiNSl(pQf(LS;uQ*+(*}6}h
zSuRO1zT#4BR^q2A=zKB-R~MQc8(vVWEj$us`%Iz97p{^CtK#uWS!A4)h^=#BdmeH$
z?zBNz5ZXeX3gN;=qFpd4_`{cIs&AA^P&^Zw=Rd^Mx%(Y(at0%mMVwY4zEQ*;uk}r+
zNR=Kz^5HoL{RpA0B++S3p{#8^nLtGPjb|X)`YdjVB~-%$j_}AOK&-DMO441!x-GBj
z*%X+mF-P2V`&9=5lo%Xs7dW|_BH6=;@Xk~tad?<*yvz8xD6fP51MWv<VmDwfLT&%5
z$D<%cpxHs5Dpb(=@)ugu6uQZxdn`7G1Cn~a8>5lskmPc?1Rr$KLh8Q3R;zD6QKNIj
zW<0fd`}H@~U)J`!q=MfZt=0~|l0<R#ZvcTH?dy-E`>>tGfbpY_!B^)fzG+GuVsi)I
z)gvMn`%z7?_r-??nZCSgOTks9CrSlrE50hbXYuD@-bUyR;my?I3Bw}EmwD(Pj|Z?>
z+DpLS4ip!xK&Dtm!YAI}?Lsmi++|z~R<J*B+f;B%Hh52U_%!8zLqLjtZX<&s`=rnL
zwP!mD-Usxl2#s4A!*96SK$+CcB8>M<M#6-;+k%mUreHpjVmkm8g}v9;fBH?>LrrN=
zi$nu^erlw-5JU~;&28*NaP(piU?vt{HL66f)a)XC53OGJ_cqW!KtCKzuuj)3KEZ)=
zhn5dC2g~z{Zhj@sqU<M;txCx+md@t`jbRG4pybj@-BJ=4@T#DiR3r83hp)(7M#|fN
zsoQb1vBh^eJrT;7VQmkoQDzCG{7JV`?bn1N4H|p|u@2=U34m2SJ`<VWF{=j?-*t8x
z$aHsz-zqdr1>8l(50wzsrSI0*`)4ht>}7WxOh?p;rS$NXt|KmBCk-R%S}|d{qq&oc
zvz<<Ldc_|0DYv>h^Xq4vxU$fNFOli4%{}4~$WJ4=x^wNd8`8_CfaSaXdhgpxAxgPD
z&^hk(2FB2;`bbNE=fhL#l0puXt=Ibbna(OunSKp64>5IDc7MkDGR#A)3HAKNS9xI?
zwm<a~L$!2we23G&cpa_x`=nOfU$9<<NVtS-C><46@6$<>v194~Wv}l-37vo>xMaK2
z1&?7<n-@a*AgzY@czM|WTjo!N^n?1WyWxXM`?`AHoPuO-0(Q%2<Yml0E&fY$F`AG(
zf?1l+YRsm$k=LwdC}21*Yzwv}2<@FWwx466ti<e%)vYB(32Ae&OR{)ia@UrQB8bgR
z22mkP+5Ni%UF5(XUQWt)3T|S9B0GVspNImhcH*9hQePV0C4ZFXz>1^O?nAO|=eQAx
zH+y)(VA5*?Go91z>4$q>Tmr-E=@Oi`It2%qDX=Jm0zfS%bGr&t@k%*Fn8-|AW<^~y
zxvE%pzJPAx3?RH?m5uFWIzI7ZF$%emKcOUio^WCW467x9>FUR-b>^>%(yjAzIAdUX
zyLZ+crzWmP>Vhs%!mm?SF=EmbgU^Kzz~l}ACcdGDwQVYM(Z@#mzDoB0z!t_DW+RES
zFQ);GFp2Iotv36!?IikC`l96w^^k4BBCiQsTyh@Y!iRHFEH-&p*%IBd%Qah41_!pX
zWiEQ!H7KEmBmK<(tEU?rk-Iqk4CjZjBL`dS^IHAZ7X^X!<SS|{Q$|&v(}@&*1>{N5
zDM&$3$NXm!uF;dIA9~K%E&TP2m7N?0YbS$DsKb<DwW=Ni%-Q~zEq!XqjcJ9di>3bM
zG+s6Hlb8MMpQG-2((PLV@jSe6lfLZSF1;B04}+B{4~>;}=*oxuC?1(l-)^3`8#J%;
zDtwWcpHB?Oa<>iAG{lF0PWSsbcf4bjM*sdr|2}pSYtyr@`3iVj2I=JP0Cp?486Qf=
z!5w?{do<%`6kExQe(-}L1pizHKYk@9%Igk&S+1=TpeTr2fi)a--~_=Cw%{&ea6?qt
zz>ULilkO+Pz(t88-CsE%G%G_nmKFJe;MJL#aA@=6(@oe4GhhfE#Ew%mMrzV)%(b8~
zW2I1Pc~JYcKy6uDbcO+Ps*q)-mx?{JmtJPfrXY+;Bsh_OXFqr~`f={_galjqRp<vq
zUGLQOO7g^kF7N(A#eS>ymT6_uCD!L0n($&qa?{d>w9vj|{AlbLPnz8qcG#lM_vcP6
zQZru_ku^*Ou$3OlQ#GnPlnZK7Bx>+dd|(-M68?i+N&l%r=V8Dnw>qMU0b}xoWs#Mr
zPhpj#AAoS%Ai_B*l~TF761@&sOKuFrLO;E&J~pH%j(q2K?0M2`46u9s5$&eFBit*S
zTAbS-LxqJQ$)<u(J9JfuqEZ1yV2)01v-ZTP+0rbK<AWN;xGvclf|U8WQ9F9oa3aW0
z9VqNr+FjE3){@Lyu*Lb9yMz;(kgx?{-ky()WPG+8GArYJyrVFja}09({oBg)t7k}R
zbq<0)Wg_!YsDg@o2vF<34u||)pd9M}ZE_{w1oPUp?e&?~Pe=ax23Y?CbFtrkLNKp#
z9MbZqBH{#KliShsQ?%Lfkz6*t9tPXR?=!yzQL@x9<JV`1r*yq<8*|Cm&X}4g$3B^5
zgXR)xX9)ZUTBXtF&q{N&VI}?>A1aRw{)R?DI%(_Yf}*+bHsK}?J!$OwDEQHFOOp2K
zvm2V7H~%PB4;pP?yvE&+NnUah3v+9`Fh>=C>7EnsJzDQ~WH|_`rHVG$@hlxMua)y{
zVq9*Oh)NI@D>=E{=j5}SOucUIp$9{_JWiZAIGVE61=&sOm*RTn`W&<m*OB%f+${nq
zP}A?!UNNjj1ugw?Xhn!^zR!}ODC88bFvm{RuEq@^B<Fi<Gx}V=ybK_ePcP`giy$ZS
zaTG;L(zw=0)`*`OfCV=NhJ9EahOwb=&jVA7sE_kkMb?yq^o2vZP*8=OuB<ItpI@dZ
zEdyh0xMW6oHEpOK)$B1JdLi4)CXDr7uS`myFMpT}={w*W_-S7H1fDaq0eOouQlI&u
zWrL~CN)#I~5B9^XE+;l}cC+JCmeVXe>7Wi6H`R>2p}@c0s~HYkGQ^eLk=K76g8A-l
z!6MNhHxBC)a9wz%BROAnAXRPDc}&Gx_0SK)ExT@h%gaOWHbA^}lx!!xiQBU3Y2;mo
z@e*?Vg~lUDFLneS8q(S#cmpz>ARSBpm6SQHOirJ2@ORJ5#>lXq&&Tro!1E!%5fAMy
zoXl{he9Hss*N*Pi+}={3(X{-IjpwD#9>zyx_yJ5-vm$Dzw?h5(%xDMrp91rRmOpKC
zgH_m^2gDCfln_+SZf6u#A9+liBxUyj$Anow!ieFFh!={0N*TjXa~nVGT(t31fAPiM
zNCK73mmss3B4d=_`L(8MQS~j(zrfmA_$?6YDcw5>^h|*o&b3_s;2T&g;d@bpaIrZt
z*Bj_QZ|j@P?$y%4*lOW;YKp#~$WPvaVRj<o)r~5|T<@W<23VzAUFK(0Zy%nyiqeQ}
z(iddIww>m>kxn)-fsOg!pT<YWKhb^V_;(uZJp*G<MWb4xeHUcnK3IbM#3)pnEC5wu
zO9y{sC7-!w$=Z61m8Mku*Kf5G1nV7f<rA*K`)%yG?lPR`-=YEn&?5^XY!_bEU-Ltp
z8sVh{6F!p;sW#$jAI2sZ>Trb<4o?Pi;BrA|h6TfU6Svb}odDCw0lB=VUcMGBj839^
z>na+G05Zd;y0#6@qwzYJJy<2zL=2vL)6tRr?<{kVN02Vx?8Z6mhvHAT%)w-<m`2FD
z2KKOtoOMckIYHz4UooP{4t$m=OO3jtmPZbBXl>JHB1xY4{Vy-~fPt~3ktpIq@lQ1c
z8j;BNY4UCv%z5v|5=Vwa1qM#MlGW;7XZ*=iJRb}*@D#8PNLL(d%d;3d&Au~`q;(;<
zoY?T%x5&BEx3Y5_k55ki+Ey(Q(M^iyV&6pqQja;O#@}c@=e}e|+V5UmE4emsXiK5v
zF1OuA+RIbvGJKKH+?u(LqyTZ);=kLy*5(e-!@i}vooEH=j6oFUxe*QyGw-DBk%Es0
z|8%fSrgI4reX`3jILFcrDaJwMtjEM;y-p6jZ+(O78<(>usX5iZMQo}#XiwFrH#b{J
zBRIU}Jx!D=q1%Ci_t>IrHYIJ!6GggUXAWmU=Afiwy9%Se&`a;oUje<XKG;Xr>xG#q
z4QPPrsrT*T)9T{6j5QC&Ro3_pN3WBmn1vd`)i&Omq|cp7Ipo-%X&h>QO9oPA-(b?>
zh()tre|1~ue;dK{UGp3R!x)eKMM4n-NoYdLJGzZSBF_JUV^$WIaRVZeS4Rg%WXtV(
zX7gL)V2M2ehxSr)jMNPFjO=^cC`c8hC$V-U^zV@PZ>OftjKOi6t?-8J$}u5S(q!<7
zW;^Yw?N7+k<z4W{kMaHx^soiK2GV&EjqY*l=iaz#@aW3k);&d(ww*#tAM+;9HSIJ!
zNiP<<5+RKIiA++Uy11S0I~&5#w1{f;NOGPm8JSbtiO%M;<goNcBCjz;sC1OXVrsL6
z3kK<k>Znz>3v&%aLgZ8%v~xO>DzWSR&ew(N^9d*YZ+3@#LGZc>qrOfNpUu5&{=W>d
zmW49~j1{vAQ~Z(wviDz3>{x$<$e+*w(~m2l_!8*sX6`jFpEyB{N`WYRAt0X{HlGo?
zxYDOqSgR{ZwF~n*97ER7F64F{vGv*;C}R|b(ZJ`_L5<D^C9bNPx#nX(004Amk{Fd0
zHR8wOK?edq_<8@YN4la#DZIuWDUg$#P!PWZK}K9ZCV%M~*u$OhK!Tc%y>C4WLci5e
zDpTNLWgF*Yf6mIngKjR0+X3p$Ef|@P3JX>#^y|!x{4*B<i;@E7<y-I{hu!-1zBj3K
z%u&#0wHLm#ip&(%UxP00C%jglPVje`<}q)!MYTv)1KcjSs-@gVAh-sZBRO^+--DvR
z<Hm~Vv+^e*kKCw;(gOq*%IwyTU}DB&)?yv>;5i(jx}LM59uu1itOE7rm>p4XNC53v
z-9n3oynOUJ6Y+)VZ&o@BaWK_0%731vaieO6o=#*8y71!ot*tuU$VH@v#dSn=eJ#q@
z5iVxv?y2m>IIb$4v1AXQc}QqGa_T8r0v=21JuZn;0rR-cgyKd!^E-DhrbSD{_nR+I
zUt14%D2eH&-w%$d{3gj|ox<<nI1%A!`;t`oz!-BL;?7#iCI+cQ@wrQI82eyn*t-4b
zZ-c(fNUVi;aD-nWba+!o`DL{TYD!6I9DWVo9og>qvNQIx3Qp?NEZd}JZX`5e^$YCy
zT*_Xv2GYR_C8($fBvKep(OU;(ID5<G;lx}UpGUXjw?8O;lu=i3&q_kRk@uxQY3Bo5
zMM;KwLJLFDQq6aVs0DgR2}@}><LhZ>nuTjg=>~JxqXJz5DpX6hZgu@}mWB!W=T&ev
z;MGyl9p5tz6!~bRZ6~}WDC>SES!X`RFfANIL)}71k<Y{|AzSXH+9Os#m4XxBYM2X=
ze@TDs>tPofW}}lfOwuH~jFFtlIr@s%e%}szOg}iBXyDzrV?8;YtXTFi*SfmJ;KS-Q
zBV%d6tGxX(9*|O5e&L0fp_7@g@0QRNS-fZW+jDtMx+}qD(eywl6Ui*&SVx<FP0+Q-
z;)c}`Em4t0#n?^gn^D^NPgne)1_gQE^ynt^a>Qo{GGh9HFeSsU5hg6x01r(li3@V<
zGgN3?ObvsTy;jX>$F~zOuCThB+5$~W#_N<<K%kuFTh6tfBMjXK7y?#>SwlMVQJ+xP
zQU>vWsqOeGuZz4VH1Usclhbl=4Npw7i3g2~d-{qf-tM8j&^>I1j;Ic8S6AZ!3Meu@
zBZ|x-2G#8_nW-Q87i)6MnQH_l6^Q<>GYB*DjK;l#LTS8Te!TOBvnHhw6VXUVdOLJN
z5a0?s8D`xBzp-yU6;GF#eJ1wl&!l>MZ$x0t!OfeBXv&(cz^-1d-beW?>n*yZJl@{K
zpIIfrV0p3uBEqLNt{J8KP-$*13TI{Wl2v%{36I}X&rnQ6w$S!!Pf2}68{v;*7;q;g
zs{y|wO)a{+EV=pF?%9Ihx&oB&zPo|R)gVR0E!iwpi`TFq+i}3sccH^~zSA<R(^cDL
zgTLK9zFFnIT8}DSrVh<kjp9kNALW-4Vyw#cD8qs|k6_FV8u3h0p{&DQMC8g|11bnG
z(y7dl0jX_K?0rd{IIQfZg**@WnC=+ssdS=!>JkN9A+_Wa_nXrgCRDtAWbwhlEWt;B
z2Efs0{dQ1Sv<ve4`m?UxtmNXzAEmt;Wyv@p?p)whas1=!hg~!!8?>Q2nW&_WQjJ>5
zy2sOt0_iuo1HM1PJZ@vMt+<0!{IbY!otnZy2Rch}Sgp1IrxJ*<7A!LT@jt=u?bXbG
zhM2c6K1!z*fPd<Sr8-N_B@>7IRxwp-3%T`A6&z0Pd1~m=>qti*4>XK)erC)mccj!v
zhh+2naeIT5nEdc{@=KZ##l()tN$JpaS`sxSlhZ5kZhEp~l~Xn64}yXXEp~u~MT5E3
zR7=8qp~X1EW|DsvTK@F#UK)7K-g`S-;@WxcypFSLRV<0_=V%jtlkpXJG|s(i>O~E{
zwMcazf!(A1jP(g}<v}wY8m?|aWu|3Dt9hw@&5z>Fb?9S{B)ca(debV9oh5u9zfXiE
z9akewfQ~-wnzHgq?Es;qpyK6i4UQ#$QjQAfXJO5e)x)IE{-h8?al0!F#-hE6tzQ1g
zapa<W-#>w~OlK`~IZJ;T_pX9JMj>XrsG>AOBM6Y8Llpb)!~5iHG4%=|A<#r#=C?#J
zG9O^tP92#ZyUG|ruR4GZVe@?X<rngjn)WcxCOEoL;wX+LQ=r@&(>RP~&8E%!mZ06)
za5v3b+>AZ{M9cqfP=V+5O3jR3haXB~N|Pzd8fabu+&Q{51m?KR$_S3UoOEO>3`l&X
zEe6}e>(@FBMzS;iDU>NlM(#hW*{D?YU3)dH%KI6k1XP0`ZKMDsmc`sfU~mKM2FGTD
z`=vDo)6E?IZS?57fKI|V2(C|d(T@pCLl}6-6WdWjV<@hV>g09?h9IHNQcw~|?9p-W
zIKil!wX!En-(6P<*D2H*hume&#AwC2w0D1-N+R@n;p{}2E?&R;6UeG|7&2-K`#(+V
z>I+}(B+o7<3w^#Edy!{7p^0!+@-9`^B^j6I<M`*t)iOWjYqgq*eW4}Wg2fwt6Cj8$
z7MZs8+a&pw<T8GQIUjw?*Tb|+OY_tDtVm^_VT<^%8`V(P#|}kg&NaSxTcwInj8MBE
zK!K=T#ACFqT+A}Ht8TbzeUiKkfu%=Vbs?o7vwBERk1l4=z4UNe5d4yshbP>}6mHm?
zb#srUb(}0Y%fpEs;Lp=q+Hqtmd8S#nKnX386FREzmKjxbS~clA-^JS%>%h^I+8Ie)
zns}LuqGB}J-;rP|X3K0p<<Ca^4S#yF7l3uSWN|$@j4{;}Ed@g69@95xwkD3hEB5+$
zI$xVF$3?d;#jMK8>b?<9Z2NGOTkXI1SA54;la83pYhPrq5?cxV%(MXEf*{KV#Ry60
zsw%V3dsxT56HwLjU&ZlQSluD?sr`PT_gv5n#MRk~40rS3Nh(#`x=z$Vz!)CW@%?<J
zgZG4aDB>J8qS5^&MtBaV=zsZpbmdnm$xTS?He-Fr5S$B%;#6u7e<|lRqup18McBvJ
z1Rw?hK*YRIkEog9%aITH{+qaWL}0GwNV!8^IJJ<gs)yTxBo1C+nnq*t^~rEjVHnN4
zr8Dqo_w>z;BA+f_h0}R>3&LWA8?RJ$0W=<^Rr09SzerSC^&5C>a8kdFxWz(DY6owj
zWPnip6>ps@O56eo|EA}$3q}H|1Fnzus9jz{IAQ8DXeVEm<FSsD)=3cyw~I?ere2`_
z>7=QKheP6(ov<nFRrFov6aG{{o79-`z}s=T{YsJa^>@=*`8(xca`#g4y!48abM$Wj
z0WeLliojO3hAYUIuM^G4`c<NX1fYm}THFs)&vh;)A>8+qq5wkgGBl$APd`w&K+T-9
z1|7DaZJrIBrx^pHBjgT;7jV>-9WTuBS*UW)t_wGw-ueiIIu_qbj*_9832$_BUEA%a
znYg!Z^_fT9I6)Y;={dp}f*%Z4_&m&id@VEC_iSJdn@_w0Cjhr97$lr-@Rw=okB+Ul
zD)xXktx2P(YP>dl8<}8jv?yMWye{;Ki`X@pYO(Gs7Dac*9X2ZF_~6S&j8rJ>n5_xZ
zZtTWS!VK#Y0T7E?1W;LD+CG>G4+g3f+8H5!QRI3G{%xJ+R6Ho|o8RAh1w#A<z763>
zXeCcu`Aukyo~&lE_P}v4vIsf>Q7K~OYQ+CzB*kxyLXI$o|2jg_nEY(!d-`d4P<0_;
zmltaXotC2e8u-nsU>n;=-t|x3l0(sX$w$5XGtB^YXq94DO}KZMA9QA7!lReP@n1z(
z<AyM@`JB-hY85Bb!T<ocV06zBRxiK|_IvvuVGT;~=MAmwP;9?(CPE4?4u?MK0l_lj
zd}P}6&kp_lvy`8o-{3R5QRG?kccoayOl-Q)5&CI!6Ao1D{okMvvI?xJ%4R9}k~x_0
zCBq~uO;Hrv(#7767;M*s^xe6>MjHS$lpUnAN&#}jTWPDdp+4ZWW(E9&-P84ph)b@-
z&xftg+~CO~97YU{m)ax2l%H$y)6XLCn?yykB<nblQ!kOJuLKPX83hv2-9L8tbE3>C
z_3witz1br-3b`BdKT$Esp0BD3uhCH<p6`OaVcuf1mH7^7@V3#}Jh&y*s^xu(nJTuA
zgSKeMp+a)SE|CEc&9WbmVul{4q#Bv^QeKkdL-X2V3}0a*e-|j|Sg~C5CGdg?#pP10
zHZWImyBRsfh>eZyRo|un>Vff;i)VLbq89}wM4=9YrT8)vdFVq<@w{@ZmU(P=5%lcJ
zQH1hg*pOS(+7H(yg%rX31~g&6oa&|OY)ig>GX;8ZumD7F<1vm)uxfmR?w}lhrU12e
zDA;_DY2bZ*I3*HA9NJ3kV0uZ+O0kAZd$C5c(f;g}Lu!u~?o=mQ$n*F>ufsMROMHr?
zri-Q_qaSSpg$93HD>JAhhNyazAiRFZzmMfUA#|M;K*r#r$tm;5W@?ouP?_;jw{WB`
zfc`|T+uNlQf7+43`PKU~1-`wy(WSHYVgA$S4K`z*P8HvjZMT+<F}#oS2=gO>XO!~1
zEY%j*$a1vnOoNh%Y;JS5gT_p-^FA5l4e%<WLGJ|3bl_HToqn=3e0gSilpRL?2oX<o
z$~=aJDa+>J{MERWkjJF?V&ImP7|S>iJ~`XCV2j(MF(+LCm)-K|m%vM9D5qXnQZ8;G
zzaexN4q^5%fYQ>Apt>lLaB{gEkzztn`e?!03M>!Kkyj7}U9A<z9c{-<4So93uEoe;
zFj3Diur?R@2eq4%zacs<XXvhyx^+XQ?+*n!auHwr6u<V3r0EL9C2`!U`nVdR_-6E%
z#nW+o__>*~$S%*y`^$8v5i1o3@hcVV)v=0|LG;xATw$z1AuL;vfk+2(v>F-L*Z9Y6
zj<)URo+%iP+1VVJmT6m(0{+N76QkB#j}<nCt9vKDGu;EURf?yuJK|QF;RQzcfp<Il
zSf~<WtcaX^O|{?ZA@}&>*0XAj{3G~cy0TpLa?WCbSaDKyvg#^g;Vd4@hzqrLGQMTB
z#HjTMS7%gZVq=1)fL-C{tYrFJ*)U`OW@LdvtFJ(OaH=`TB)_@vx>E#mJ0>4|L>DZi
z-@cWwzQ^RY@%GMxW7=e23!9HRJ&UP9Vd4cFjq_Fd_3u6$lrTO_Pg(F3;C`cLj6U*q
zxUe=>LZA!J@s@~s8F{vnI$<RA)D#CA%0doi!AJ4n;<&M~Tw9rMuX<%%)fHC{1keHL
zQQZuC*ki2&IgHu9K7jh8@b)k!_OrSgz*qLoOqw?dHYA4`xtH}8tAv=5Jrt=D<0$XJ
z+6;Ih+D6NyDx%=XRX!8y<zn+K%%Ts~P^;fA&o_60P#jbadKi;y9XGl4n<`iwnpny`
zi$8gSI{rdKAs_3=p5%blVtr9;nKNo2)D4Y^3o!v;;~K>3heSeLDXvxgy1@HJY58j#
ztNp$=%L%~(8x!|T{r=B>Il9tD-tPOrc`9bqhlMVuE*MEg1Yec7QT@WBV7om06SwjM
zH8pq@?wc<7%BM^OSZr7|Bp6EjvIO2CW@aNXwTs$PiTW{!l&iL^8yK9rSAx#(I$u&=
z30xva+KT3SBFn)tp)oEPk+N74Jg1!^y;cMJGT+PivBa-iK^7*!*l+O}UIc@<2P>c4
z{gWg9KClB^1McGJ3(KR$%!G5yt@pG61H71_=?tS;@Es=e<0XH3fGyo!aD^#*a-uG1
zTJ15MA#~tqi{X(hk~=YD3YO=@Zn`|2AZG=(RANP2J=vv#qG_<PUJcM>D`+)I*|M!h
z>`}eZZD4CM=CH0Xiz$_Xs}}}&Tif_Npbupf!EP4EJri1}D$q)K%5Uh441oMeoHGY6
zr4Ep7eM9G1c3J7y@qM2Gap%S>crT3PTnwi*GX*669&l+_6E0_H$>qGN1AQH~a~_Ec
zL|3NvB_d#ciQ}~E#i;9Un#P>-btn$AgpWae9Aqh3#}HJ3#{RmrN3Ch2?*P)<^%tbw
z?m)*Og9d`O5*!Cld{a*;G@3@rm@_*>6H1EG)Z|SJLPT-}jwCj^(!I9v*rqe@@fAp%
zDu=3IJkIV8jC-_Z2m>lP70yF%NQw7FI(a4rqqwDrddvVJ29}8%gxV3BxX=R;f;9sn
z%~3v995U<C%7`M}xa!$$h{<fEK>ewZy0M|}z#qX%>k+18$Y<BWPa;SxZYCO8ChsW(
z*N|C08N7L_@z1yM!cdoQm$?1i$?dUpp{`FJxyAWfNrmcYNVkUvCad934-aCDkr0Z;
z=<+oehu)iYj=`t>sFyDl2j|KM5*i0<F)j>Cd^)*Tp5Ld42a}+$T0)r5`b)DPhLYD5
zBDD#hoVi>4V}yrMVA;{~E^x)dmA!Lsfl`p+$`8cNJ7-Y(DdNf!A(-E`l*3-z9ucs%
zA;<(wG><4cE`5$n9HHNbJs24ySehU%zm7s{NFZr^AlKQ9+mXDIU7idZQIA|@e!W*q
z<n++5PY63oibES{snJqgc=e9{YC;E^G;8^6MKtY8iX4!qCUXAFTo%*H#}~1gil)`D
zr<yEI2UZzKNP29cz~Lo1@|*I);-Dy?<_AS!^>$+Oa5&a@)1<uT1~^(!rqCC}y^fje
zd-JC`gt^qF48Y|r7X}-jkIL9Y6^Sh14mbCc5o*NFIFx!4g93gJ(Q$+QJJSmy{6zQ3
zNE%0M5}I$>Vf@PQ-oltdD3rn37C5shhI%i-b@?54`V2o&>;^`}9fdSd*WUED@~+S)
z^Gvp$U}N$-nssg8h>UQYuKf#6C$wPhT=9I>vN`MdtHA*is{3Y*3*g}$qebyj%cTkX
z{Y$T99ab?-1x-F?CmyFHM2PIPzMFPp)T%VVE%_{#KxMy{k0)Oebcaitr7=J{H*h?>
z1g5p<4W}H5i<T6YGf^$-vy#1%$doi@6b$kL?wDI4%7}tjn(`xl3g-W5>zaZzfz@o=
zwr$(CZM*;JY1_7K+cu_c+cu_c?%cX>yPLP9l2io`C*OC@3330jasZIVmK`C;!m-lQ
zs|~7E1@T|mrJgjLwQ+i{VTa4>eZ*Y9E#W@=r&V!J?l(2xHTf^Tw;HI-0B(xe??PBh
z2=vdMgMtxGWWQ5rn}a={g|*O$D<+TwT94`_XLL<b7q8{ft!ECqAgA>EBX1v1?d9B^
z{C$biF)uW5b7ZnVz10WTERIyk_|;Wlzu)Moy-=IPX>x(u&oB561(v5-Z`V@YOhXO6
zs(-Kpa(>PH!bgGYx4%+~1aekCp8<L7iT1zx{)~f|s~z%R#`x{t43LApsU{fdDK{71
z%bKuD_!t4L9&jb=&b{%kC3@HZDTLTlcbMOL;!KgL(~h%Wjg$SZApqO+>jzB%A~@+c
z%Cm}9iz+89Y%K=p3N{%~qFNz}I=KFdzyQUaTOcq)eeTG7y%;lP#Z;)zhAjej3qQ8x
zd?9sJxj&_gOTz~<aVRND%r{%0Sf9(Sp{(k^Lw?65&-=9_yUxrh*wj>G##{BZ?owFV
zTQ-5izPc@-HhM@m{w3_OY<$|(;3SL{s4K`0zf`eUjKDo0bm1z!C4G0kgeTt9bL0fB
z_h<cdceVhE_hw}6Y2>41;eILeCessibzxrqOcG?git_A!*#22Sit1?rh+X4}_k&Iy
zIQFPVjr#WSkL{aT>u^K?WL)-<GY!?}OogH)nj(w6@M5u+I#*wTyWyEiyC;cB*dUM|
z0VDHiMPuY5!b|W>XdY~TuWK}qNyvcIE`vBw-b%D%GT{QT#Ei{CCQBnXY=LL$_B^F#
z!sg*9{|UKjIk-fI*nJymT(G(~cELPG(JyiuK@4D;8Mtp6L30^Fi5|{1b9r;Tc*^$Q
zK10(oQ`)Uur#uErl|vHv_N4vdYKIS<2VLo{TyY)@xUt?h7$&f6psHP@NO4yI8)?d%
z{<g82|G046bQ()oJqudTG}l#JFyNTohu@_pbn^&U2{$pY1SnE9gSZD0sOHH;&;rP#
zu9T-8(E|>{JAQK3vaxqIbA&0OGNjcS9k<wSWa<i(BhU$v4ukw0$-KZtXxP)5SMR#_
z@{Tl3>Oms|(>tHRZVGf9(6zc8$+>6a5QA=gFk*gLIh1AJLO^sO5K1`?yJ{|hE=U39
zD@~j${*l^&dfTxm1_BN+k9!|X$1i=Z{_nyZ<yYk9Gw0bxDYhOBC8xt4pANUn%Kv!7
zD6&Q&nJk?<NG>Gwjq0}vRa)*LZ4(74m0fKiReJ|TgwGt|p^0u*Km4_a@_Kbpnq!fo
z6Sc-YL0_dvVdTJISB36|)O9YBDi6y%t3)tkF}VZ7ew4PrX;FBiXGw0*q*Y_M!VRl6
zoSvr~qv}7HSQbL;t6KZAr7RyZRN=W0S1i1>N#4*fV*awaCZ~k1F0Yp!_sxwXPI;{h
z^!b~aE<ZxDzc3wz%g<)wna0BGE)Ym8tO+DGcIQ<?v4+=3I^6M&=VNH?)<M6|YCe=2
zKR7I1J4y>(K5q9(?D<sy9%i2IveH--JrT($R(IE2P>IdVof|QNX-4e%A&pjBzOme5
z?t92W--Va%tIHprhEM#BeY6%X%WScf$$ydSwQS$7Lk8tjDx_IR2IMPj{}Nq8e_YW(
zUwi+Sq8^b=dfV_@LBz|0k8Tw8itGcIDKX+~nP|qkgDmwN2{Pqj03I}nNoI_&SXw|o
zl3d+<hg=BjDM}JmlkdVFz~0NST^geAJ6*yMxmXCi%tB04rXKUXGMN*KF=sJY`4Kal
zoe&VDZhzBbkyf$hHVsab^~b)4ZGq33GPo7U@OI1gDbWn!%<b*pA>=zvGJ)1)h3)yY
z|9v%2b^{L@RSH2YfW<A&;7;yTezwC4IUQ9>^!E!68XK$}c5yAi{9zWgN~0&q%+gQX
zcISl~#tr>q@>uSbb2ttsLY@fapB!sp`hd%p97Q124tdalD&euoJr*|>Xq#pW<QWc%
zDyy?1NDW(tG27NZ%KJx~(J0^|kRVo*3CHKXCNb1|$%yUSOj#;1%xLDMK2*-ieZ_Cc
z7^3%|bAl$XsrlxFSJr0tO;=4%nfpov>STX%P!Mq+n58ip90GDAR^^KR4m+v`<!BLC
zgzBB1z;hO;D>^?ur%$i6`Lhh;nuwN(>30$~TsQqT(r1}iqlc}xQLf#$`!;n+FCB4g
z@ihBml5Q^!6xfOIq39GUsn3r<%NzWaP~Ig&rN-!T|H%-I&XsTJbgFy^HFN)A7I52r
zNi|+E5*$S)lMgn3P{3>jf&k+<HX9ZdD^I?pMsty&<Io*T48mlZt7x%!)-(>S(vVvt
zN^q#R5cnoMq(B3M)4iq|tM3mS^S6<avF+#h?X<)VMRzlk&6BZ&?C<yGdB}Es4So0D
zB>Xhj$+g-Q!*z}G^<1YT60de(xB=sjZ|bL}8d%cdE*lyiC?=Oafm;zb**pkhLHeHG
zk-5fmEh9n$EBdu~vl({>hg4Y$^7qu$l{+Y|R@t74ItOD}zQWc}35A)7$*MvR#+Y5I
z_chzK?J}ywg$)4XNSgdnXftlhGTEe6edivrTp=|FlNAz9_6A#IjM?HP9al<V@czKx
zyZP`0H5pZ#^_kHWwcyuy#A*qtW-mSe3{FUj$W#x=BCLlVZ|%|GbiW||sGC_FM%<tx
zhuTg`c`{qk-WV)4a|v!-n!JnHn*2G%A4c2aAa}l%rH!_j7?HyUZe`qCtLhmxK8^I*
zdM~=v?siO?Pop?F-8d<ao52q0t_XDq{c(NZ?n%6n%<?i3bLI|U@Do@00IKLB-FGt~
z@bXBO9FYU2WBfpTCO-ye@6=bcd4WN~TEATl=hDT&R@s>cExc_oZ~)ju;sibHN46BL
zGXNb_a=iOLtKUQ!M4u%z`v@ubL15-8^5?kU48IM3Vk{84max|K?{KX-3hX;BSveP8
zcOI4J%=fFRw;>G6PMpdjl%@)DwTim)7G|EK=so+;_a*fMp}V<r1}7{}9lq0B{`z^l
z)8y?HZoCKF#UUU;ngC>TZt_PxS6m;DD~{(LV{l-H;l{(EYmJr?jOw&&hoai}3J5~e
zl@xJ%|6v)qF|rA>hV#R=HM>!aZX;6{54c5MMl0g?dND_W_~#!&Xs9~t@d8O1wTogw
z7NSS|E^-DY(%n{WME5+gfb-!-7sgjIrsf3yU~D>!w5sCGc%BvBhWC4DA3Dw3vdw6*
zWDqG>bF)TLXY5IWU^ZFnC4awa{b8l#Nt{saHp`vZlt{+ki-r1`)l4QX1=JXZIORA5
zJb}&<)@{1Bf@EZ&z8T<+7C5g6c=)YpiS&#5^Ywa%H=Ywoz|{B}SW=?Z@qo;_&LaDO
zf6Qv{1tOKyEJ+r4O)A}(f++Tr_rZ?a&Mpw#Y^zOgcnR-`4t!|uA4^LeAOdR@NgK9g
zn)vmnB%?GqXaw!g;r&sfGNvOZX~Kz5^)fy?sp%>H0NYb0^S*_V8KiC75w(Up>h!Cb
z+)9E}<V>Rg<!f=sgTJ#Oed&QpgRr5Zwvoc6Zf#;Fp*G&Lr+^-hWtO9qIaf({iKK?e
zY=!Q&OR{ADM^HEIj^=EeEGJNWy?aPv7)%PZQIshAI9fqqoLp#n!<?O-p-S_Xt!NTT
zHl|MMK#ugzeeexy;XK4Y7ci0D2S}f|H8$x>C&;lR=au`Ul$_R@)xyinLo*v)I$Nn<
z3#I2MQLMH=H}hvplS93a+nw`zG3a8XUp3iWtlDLc>Y`ywZ?jw#(@b;gBJT^WReV^Z
z=5ZhEicliKVplcJerV<<Hc;028BZU^KRZ;9m+t=TaPMJ=o;_<VKp7r%L1@>r6$zPH
zxuEQIpV?QACD1$TD;jC>t<YSq;-~2AYh+YhNBCLqn>Rh)dw^@f=si6ucq9lbZ|x-s
zpOf{f02nUN>zDQ%bosD{=ZuIbK_)@JHG<c|KH7uk3MjY&h^5cli54e+lvS((0UP>{
zd#<ock_v>d5HUA)9?gJ=!t&1nHK@S`<(%}1ORr&#TA|RpysjQg+6)Herkmua$o!Vu
zkR2IPx<6IzL+>qFW}F(rm#rp@Y+4C7k`}}H-qK>g%fAMaYO?QfGb2MaM+FZ)#VyPJ
zD%~H{<Y;_31@zKMLH6Rb^OcYuYFxqNI>LeKcE(OCo=a~u3Un_`Pg%dnAgCOa!w6x(
zo$x;&F}>C>@@7~1_h8dDGT21bhMZe8Dip9um#Sg`aVc0;RRS}Sm0g#Y{~|!ZfAJ>`
z2|8giji*Q-w;O_fOZOc)Xg&pu@)TPI)ccPGvI5`*P!ZcVLY?}6HRO+@=(ytY#RA9o
ze;<?kS)diteaFcg{5S+L>-A2c!2Qyv^~Nszk)UA-OK3j{sC>x^98UldhcRM8FPgSs
zxD<G88|n`ZuHQ41<S5li(YQ(QfCLk?dw*56+8%l8%r~_~cLrzeeL}*uG;6%x0wmgH
zuw~&j{FtmSIWpLVMje5-V)rK6mUsUWh`9-Nm;CwWLex%H!6*#uWR00G8;zzN!Eghb
zHov?kAz30`C^)i%-D>2xksg?QZ)V!nPex_FND=I-_zo8Wr5B#(Y2tna(s-oc!l<7C
zTud9#vhAnsPZ&!?h|_9_AQT*Ud)r1duyeL&u|ls!;PzB-yizY;moCg2!B$+DGzQ=L
zpFanBYM>N?&^G!|@DqJo`PPE$&^!D|C*R$^c|e}?RDeQMUwBAOB~%fepuE*5O4zx@
zvEDk<3Q7;YOeKO2Mnk|92euRO2y^m8o#M@!%QfEG34TC0d8ABt<1FAC?C60$!Jj@;
zWV-&poi-B5bFz0O(?(~r2&q_=8p^YH!}HhKHh)rReCJ}Pv)winNEAJAF7%?p<<(b}
z{?^OV<PkBBWZIe@tu4kl9w7uYS<~5@oeI`ZoA2&UAVeGA$DTjVxt+j>()3|Qm0U9r
zI%!=qQp7151$Vjlorv>0bSA58utZA6sA-k56P-8&b98z{lt@-;t^zKdFI}!5%f_Y1
zmcdYeQQa!=Yob^ilr|laJmNRFS59Cn>W+)#`S<a#Y$+Q$g)mXawsVrxdnTnWw#*3F
zE5~j$<5%c!xlwAAOK0vjGDk)3OrD{vFCzaD1C#eKA};{sbp~gbepK9Fuo*m+nj<`C
z5Q%3Vy<XP<-%E$Oo$(2q%`TjS;Y1CR3SqOq&%JqpemN59*tpu9+r$ViDKccBFG|Bk
z(H2Fv_O14@MgKDI?uNju=n>r~?A2q~lkK%4InHLk@59qLf}V@d=j&`vT5!@vHN?m_
z?C=s+*_(g^ox|5SfyqgM6D{h?AfqJ|qN=32v@PmT5PF}dcHk1f^1A%3QoyZLIl)5~
z>i9P)UI7pT<OP@K=z6-K3Z?Rz<W+CX_)RN2<3s?3QkW|B)ZdT|S0Gytss2hSl>O?|
z*A=6FMdD6j&~b}u5=zvfnPTvhu9|@ogp}<qlwHiBQSF`+0GQD>QsI{6u)_?Y&pN}%
zS8~SR89uhw>Gz|25tbvbB%!Rk>K<FZN>#zXbJE82;)-c-gBvvBH@-vYTb-h>71#0%
zZ+;J3JDry*LCK>wuf;Ir@P>&WBTNRDBP4ZsEq<xbZtYegc1DTWbc7VeRvYRB8Tx?0
zZs}+WFpkOw&M(&YD{Fuj*rGY-thz%-e-k%f=W>N-l&f|yWP5?m^{ntr3ZfMR;`wYg
z?;&>SP^aJ>%K_@J0x9^jI39BAnLsZBLT%hQcyEZy>giy8ZY7I0l&)k@%<ueKpF^>P
z#l812WF6n?G~9*U60Z6+z_%#-t2X7}4}`?9ixuq&yR8d5?ceKg)~kIRuIR(Q(Rj7B
zK=zDjp$`7kBc3ozni`7^9I+?l*Tj)vJmW^w)_Cz)9eL<`4b!PdF7Q&i=CKm0_-B<c
zeksl96cO{VsSUS$^^x+H&hm&ofY{U$gQL*KCJ0Eu5JM~&V$<Sngh&YC9oXF}Tqck3
z8I>y$a5~=773^HVvFO2%=Zx6>FaIHX<4+8y=JIX$rriz^U80HKnyBN5Uo;EIXnebM
z8~$VI<S6t}Vp1L0ZS<|D_;1B9J{-G?2PG8{j1S!$y7gDZ$$k_xH(~QV&YP*x2OM&d
zz|8lgoRworQs;HpZ*6#zc6wfxZ6KfxAtYfOF|#tQPfYHTX+3#`{x=&zl5$z;3Opjd
zX?TlmX||mcPv`ew(D><n*nQ}m(9_mnz|PpGZ2_vfjU}x$4?cg~(zX<3;okLsaS?<A
zq!z-4aPX6lqVX{r%pRFRB2r*l?qVE3mQr>4KXF;I`g@Q$47{Fq{<8H>zWla+>Q4(X
z)%niU2^d*EV+u8_!@?Z)5<~03X;$97j1PeH@iuSU!tl=&0@Y+W8$iw82NjU<kyH{`
zW5o9zbv&VIcv>jsH>V>Azo-FjTrCa~lI*Vj3~f7OxK@_nOfEA|4mvH!Bx(3#die-3
zwkRrketCZsS$!QKnX%5_UtUXARx_}rwtXGbvrBvIjcw$*o<OhTUc&nIJV2BDoC{%0
zn1~g+m-0{KC$XwMY~fCcCup7|4ZhmWap_Xf(ch2JPh)P0RZ@c&ebLG{Gwr9<?xLvK
z$(2uEJG)PtP{O01Wx)0e;VqqUSZpD9lIGU<cW&8B1F&#O>Zm*85R0ZWd`PuM)9Sij
zMJX-Mki1GzOz$!6fDv$T7vf&&s5_=e`6dPY22gul&YT9~7P6>+2-tHgHR;0sc1Yge
zU{fyiMn$U2DR!|P^gBlv*kna>4s>*gP+Zg#m8Dz(4paZL$n=V#S-ik?PrJlz?}Syc
zJvgUmNR1OjK?eElhzJWCq|9i}nd+x(mhFLxQ5VKtDd5Ytl*V#E9=|2`&OagH>=e8a
z=5N1u)4li|3}MupU!c)FM(R1B(7-7c&S!NB##*dr&$sh5^z)GxDGps&u!2&WlJyNC
zqy1*)|D0kq;&2enxFruc55~uJj&bw;O8Pu=iCbnuY+9`b4sSn4S0#KOUW6X_|K${o
zIV=P;HCe#8XOpmYz2X3KU69H!vqz#UBcf~?0@kN*js&X=UP3`GR?T;&PQ{blU;On~
z48~Qzo$cn)CkCeAM`+lbF#@_L{l2~lxIW%cVsGWe%+jnpC<QCFxA0|nTgC)+V$b8w
zuIpNyV*1q_NDt0WW15tfJqy!_x57Ljgnd-0V9e;ElYg+6EXRl2*}?qhAo#*R*);I~
z1tRH%K4Lq$)3<!5BL~R+b2SSr%UF;NMT_E~ZA<s&Cw&qWL16^o@}e%=ucOGsy-+oV
zNgC6@puSKH?rJ$@F;0&M*>rw>WpW1pN+60uuaH<R8v^lxS7S3G^e<&cIi}NXzm3oO
zg}M%k1aI*PF_nC^_XUxt^JLR8Rp6KrJK)7+|NoRcB8|nyID>H&-_u_8@1-1FN<o~5
z?>P$%84H@Bp!~6+1~x4QNq~Qw(Oo5wr1kruf@ynos5`!G^R*0S!Eg2~RK;K+CXI$?
zJki_bMKkM`qHg12$9S=&8y+K?z>;ktB20~9a#3m7($hYJoTbBeHn1l7*l;>@$a@g#
zdHAZ=!Y{DHH)SZlb-Xuu^+I*{wo-~^@t+?%K-pdP!wwJ-v)!J|eD-)YZw8uCIr=*P
ztRJo(+ARiiMG=WmGpo2|woLFEJkC?%K)j)sej2b`H5@?*7W3&M#oKONTxLK%hjs>h
zsLj6|KZ>)98Ck2~Rg=E(kCBRgi7l9D9(9EUtDfS|HX=Ej*)*>Y=<D3vY(0ohb1V^{
zFz4SGNO`ZQSaL0upKiWz8olsymH>$%lg9-twe$S7#s4R12#Ak_7S`%#K?M`J><CKZ
z0W|Chv)pQznM)67-ef=R4lGckMT(OoxM$rmv(T}h@yQk%DsYUvnfn0nBajDtc`<LW
zF1BezL<v})Yhh9p?3Teyc_1W<w%H*ui^*dB!45)&hf>6*nbwc-^rI=YT79LI8I!>}
zBu@JctEjI}yxU|CjUV+&|JJ5aZQ>rMJoVuF1w<qm*9jl!qr5w`a!%4-dh+~$qLK_6
z1PyhPA12s^pAuj%_El>R`h+1$MJIXy3^(9(p(VVdtBoXqKRFu0_?u|=_#B+LPNlwG
z*+&@Eq;2f3_EL2gjNWht<-|M<9BVDc8M2x;8B<?pj4X1t0QG3}I^>vs%oSXVBAl{%
zs!%5iBZkRLA(n1-)^P^LK5fg1S*@ytDfIUWFG`3AjWbEKai?G{SSY;)5TXklNDL%N
zBA3MOKo*yZ+{%sn<<D<=tyf02w74#!E4mBxy3!bEh<0zCCF~<!Bu{(qf=qAhWw--x
zA9Ji9EWne5cfm7Ep)N{X37BUmk4EJAL6!@Fc;0nLc_I=GaI@BRRQi2p7{PM%)<x-Q
z5Gv$G`cQof=02%&2{!llE>83XB!{%M;K{s}Hf3$)TRkb!G4!MrN^p&9-zaXbaXS^@
zLjR07+#!rg8^lE5eX%H}-Wtm>Xf!*NR3D4<rVzban?Y>nw`bB>%i>VWu2mIFt{&m9
z%-q;>V9(NHX-P;C)z2wTpPIDk&I2u(?GUq|Up*Zf!O$edMGa`rA{~f_3{Hq57N-6{
zI|}^eQSj&^CrUgv$aT&NOHQgt1KwL#U}EY#rj^!x<}@b3qHJU|K%6aqwvbgIoiQbH
zQyNjEe8RoiT)TI1aKFeyZ3;nJG5gUA%~Sp%D=kW@mqxe3<96}Zs<PLF|DOA*S4)Ce
zdPQ=8u8`-ewdBX-Ewkj510w0jk?&xvh$O{KSxU@kD6n03qs=TJfA0L_iS)v7?4(Ba
zXH|1ngy49q)+#t{<Kpd1>H@@nYx6BTh2?eQ1Gn~f_9!K_3)W-g1k2GoUyfP)8bR;_
z+ZhWsgecLN88%!Hal9D|T&QsT*ngYM6)6`przx(2E@bhCY<i+ez;5o-d>!c$MKmh*
zVxqdso53ID;|C#oErn{_(@qc#B-m>!e>uy?^$CZH`6Y)a7090aWM0Mq5h861Qyihb
zA)zVE8s85mHH}=W08uJQ^cxdV?+)t$%Kb?*LFBHO+L6p}!_s<JhR|beJw|YRHH9CQ
zvm61heVeeBt`#U`=Wy%hDw{^|XCs}ua`}JN(+4o?XHe&qq5<G?iaS)Rf-x-ynTMAX
z%ga6F21$i}OSJ!@fpAdJvPWpxQ7i&{xg>vd1l=Q|LYYEiY&dW74bY4+?Q;M*C6-IK
zQmHI1?7MeYT(eZI>jep7{8q=ZlpYD1Ak@^d+qYV_r*Fl2N;rI^xb^pV%!!lQ3twc`
z(44<e&wH}xM(DlBhEVAU%hMesPH2q_tl8*8L+a;RaWDo&)&OSo%`8aF9#4})Y1c?@
zzgVgO8nzN5eUt=|$tqO!vY$#Qvk_KTYgtv^2p{uolHFK6j94-C%5+sHkG};$UJ{Ir
ziEd3Edq4p?l+>}GdR~k~%iT74#L75*RWoDYrz7`j2#6yh`JRm?mF*`b?uch^tx#)*
ztkza|mF7{UVDu#06xc1%UG3KUq)<-{jM*4R@uVZP{aL1x*R{V@DF41?1>{BA<x>m+
zdI*u#AZk7g)+U91bcdl5oVDwKZeLp5JdsC{&!_PJ_=S1C8d~MSl;uu$zV|GV$wq8-
z{z^PPicU?&Q#cCilIen{5+z<&luh(2G;yP-ss(xwQ`bfkgMWhfm}K%bb&)Nhl3@S)
z_f?Jq4b&qb(*?lD@(G+LSk(gE>e}uNeprWolB_)TcJv4AbGT}&=^Pvf@q>%v_jYvU
zU18LuY^k#Y957FXg4L)HAsu-33mL6JwYna7MjW|?R0-OR^=Pv0icUxFgsN$39#*GQ
z+hz&Z5O%xi(3l4)1{C4;H1Hy6+8UG*GI@Z?YLWAs?vso*9Uu&~x8R8Yd8X{#Otg43
ziq~f-i|D;^Z-t|@gu$f2rqHQAAW-d=qzUKm40N#Owqu_77{)@y^&4#Zs;#{oNk2b&
zW_7dgevy=e<7b34`nxTnv0EnwagjLg(?n-HH@o2H=WlDpHdvLxNF(N@M_fW!2mXLm
z2JN9B!#@-(925IiS`Km$Jh?%p`?i$zEW?vr@xNb&MkLnt=#}R7;l+4DvDR+2RDdH8
z74KDjT?tKN;AEjzyzaHQ@xQRp8VgVMDU%pp8^x`oTquN$J`jSStMoG~z(+=p{M8%T
zse{5{TT{Q}ox?6X@7>nh2yI1;Ty%w#Q<z^?CGbh88YlWyvM*4j<`YvIM0|JnMx*0A
zZ*l4lWj6xc#AD!aHR4SP*&H>}1il|W7N0-G2MsLf!_4TUN0Ujk7k>!O>cC^BG9)^>
zNrGDh@XdsG6V@{mZzS-QrQIBQ$p%wn(V*Y_AwBF#|5SiiUsTuv+uV(?ww5c8CeGao
z*^iJ?-Oq={>#Ice>$g>_YOh}li$!0BxKNX<MsgU6={6C14YmB<vmzT=ZJN+KjWC&t
zeXduMil1RX*)lTTsx6;9-gsi#)|f=XmQWcOSE8)B*@sw`JqbsoAg_1W1a_34l)&}7
zAbv3Tt{5QkTY2w(8G-tXbvraN;Sgm_?H=2M2x%w2(LCPis=*N}EXF1d-_rYTRe_hZ
z<)GO}zv6caa<jU~(M;|&lkpsmBs^15C%Y{hx`y#;7H$D{4^${Bg)b3V0EG=32NxK{
zGqW2Lfgv9TOzLH!jm##(%mIr=#PtuY02hseCns%er|rbNZtMX8fzgH=rcdgIP@JKy
zD-?)D_`ptS07*~&&8kt_A7sAo3^;IFEyr)Jp1R&l8W}&&EbbMAm!}6gW!UD#jVWQB
zRqajP>_yqqRyksNxT6aEwg5ZxA?p|dded5SXk*Y)4=aTKq)^DZ)RN;%!ixaNmAx%h
z4aZvKW#C67W81cj%GF^^+{cY<yyDnMWK~5T9Bc&MCOQ#p|JdrMEOI(}CGOX+FIYG3
zIQImT`fn;Acurk~|1so#IsFw%Ui6nOqVs_eh-AQ@Yb`Q$gc&CKSWKUww#`J9=0x{a
zo+2M4f^KMDKPL?1mNnFo`)*2wtSztI_6uwhyKDCuu2}}-8fk!eOpN1Rj3$H4FR%Uh
z?|gU2{5^T;XJDInLcs&xz{)_n9dCR<Oxq%MZTHn`gnOO8&4Fd-x_EfWG@QT4L7Hez
z#UZRlF}M`iWVFz+bW|R|^-@T`R@z^P1@Fa8DC{c5AGvnNAg67#z~b1K-Vi+N?{$sK
zwSM2f!}w2ubA-)d&DNY!a|u@JJ(dtltRDvqjI4h^@n-IK+bk|iA*2Lldg=iBT&f8>
zjxOMFCFiO{zDVi_nkSK6QQcC2zm7Of<o*Cite+(`FHMLdSwX6GUATYODDF6h2v;Gw
z`tcCYR`IrqUsp2H<I%X(c_w$CDaSSQe_O&W;na{D`obtm*y(WJWh|>QyRtnTaiL-3
z{SE{+6=ed7r`POdvKQ{$_h(Ty&nf%Z$hj$z+>7F&yXcsLy1odHH<p;gt6I9E+$cnp
z-*so~Ud$lSj53{<wf2LEY|L&<#h>xi%;)`#H4<{qTzOIgHQ9{jEP;}v<Xt<xdiA*}
z@zXeP`|&2ky?t&IAwZ1Ca3z9kr~@f(VM@6OdhSb6I4-VaOal2~l*gs^S*c?B?~VaU
zVVswLV=Lt~Bq3=3u_AyAy6xU)mXrFqLHoc~uju{0=LjV2X6Yp%Lc+IRl9d=!M0h#9
zpS5Sp*o$6PyZcoFZDEAF&c?yN<pZts4EPN3wb^3>e@?mjx?pFy_!_RrIB7-R*m-)!
zo&(dbg@e{rufJK-y|COsJ9<^|+>Q;eY>4J|ALRiF)g_3`k85%#Du=D=0D(;UQVZD!
zM{evLBTdA#qpRfj;MH0R*+LCKk#3s6t_}%Rm^{$s<nIwBFREK+Vz(4R;fVT1g3xB!
z2u?oogjGWzzoiD0T(~6tRdCe1G0ssf{m*(?znzd(C?#IGtlMgwAx);-47_1g_)bE8
zXjr+YvKKn#RFG>h)`scmaDvmEyA@l4ey2F_EV|~xXi7(luorG(m4pN-C0?gRJpF~>
z_hg3fKm3Z+DLjDE=Je|+F>AD{IYGO@tkSJGjHv;?dEkvb6Bw*2+%NlOtyfliO(gBA
zvU}x>f`%z9OQpA)M`RJBwh#~&2ce8VyBsS|a=$l1#vI___Gd0cdPV_mXz%PC5!@f#
z2FpcF1~|cep5PKRsLcHM9Hd_vq!ZaGpmh8=jGtk+M>v9ai7)4PhZ0Fd!yxI9rCi5n
zeDH2=0WIx?bewq}ppWAG`@r%DEQNDIay5a?`a@ds&ltl>`p9aS#w0FLvM)7XhkbV1
zCXy5;NAz;gsj-C4<Km7phW4k8IRo&lj<XB+j9HN`_5$APxvedBzNT_OfxZMphzk}D
z`jQdge^pfhPD5e%$v<}+kW($5majR=2A64PJ;MWnERgs%q?-Q!jsZXD%cnH<tgPYO
zB{nc$99wg_mh?r6z{0G<R<A1@#>y!0!CJsb<Fog(e_q&FrqF_^jD@H0$AoG8u4Wc-
z_jgh<hWITlPo(|3q;vDQ)PeVQc(>Gn0HamkzsZ5h5kgysVRRq!?ThQJrc9MH`IIb&
zGfZf#Ewb+`E;J%awwC#mXlbZOg*fH`=^_^awo9oWGOs~aJnblv+_f2e&8yp17<NwU
z0*KS!?A`9FsI6SZRkvT{saa%9%6$uH<it{W1wtYAhhYu6igLIzj@rRIPOhbX66OrI
z<bD;-yy@nSr}A&_jAjdSml4@jx76Lfoq;L0dlSLd{}x|teS?LK;<1N~ETQrC(5<1R
zsZyTiJ?1C@P#JcM{X2jVQDB#rk72T{B=yu;o$f(iG$&_L>bkA;E}6Tb&;Gp+g#q9r
zyAz7ha1aPgm^Cv7RTHlY5W}*)*J%gfWxmzTgJZl>nDD~s$e2YNa9-pr41#Z;<CQLL
z{s}Z-Kl5J9?|gSgOt3uBxSKAzKqFm?tqvC^{hNXdO(Yw3L`M7a@bzhuzE25}`?2cs
z$RW498fSZGdV<(ubJ66B1CRVk>aExIZ8Mt@8f+(Kkg<Cr-nR0Dn0F}I_ryEPzqx3B
z%#KNRfH<(9Ib=Gq*cd&`L_Al?fOjRBVc$};Bw}5;GSbSdeGFMq-5X-==Ia~&V1C;A
z%)c^cHz8!Lq|<<C%lN7)?hpBts+XnO#@#~~-Yzv;Jm9wtG9jW$JxS7^4YMBiQ_7SE
zElCt5mWFM8{%!;H3)e-<&x0bA`Q~dXk<ckX-IG8t(K_Fr<HK9cw^EPkuL3h^SJY9*
z6pK)F>{eck+!&W##gX?sU8r9^RVhv!D{T=c!r<#PSA6+{1@C5ypM)eQapieuaZOa&
zxdb(#-gw+wYzbXt9M}7cujf{!3&1Hm0TXQ6rG}pa9I7L`%9wZ}5L$rY=nvFmc8lLv
zFs*$)H!ecIEfIJ(MM7beM&?XHYb!q22O)~hvQDr*hGhOvOOR_El(-8NK>rsX)7_8a
zVF?nvFzumiz2bQ4@n&7T>g3OkF4iO=C)A!05KOs{&o~<PKx-;~WXUu5I&3?{ZvBYj
z2IHCmK=ZQx@e*U|wU!H=PVHZ|*X)b`A8zjTovVmMh=*f?eR0Jx-#M2^wlL06dd{8B
zoLQ~FP-PwU={l4Zwa!>gnpC0u5XEXOnO+a#YNIMB3AOSL2vi{!)=4G_PnRD+t0e6C
z6=>*eEQDFX96cA#0YGBr5WSAjPYIfXn7YwYSELM!CSfx9hQRU*gL2rvLd{(9w22>3
zr`ZX3-L@D5s{Z7#`IGWQ8rmZ+UX5-hj~Z()3XWht^oPmBimT;IwJ5VJb)Q0r6XQaw
zx7JulPPu?{b62-mq42jx4cwSPmnM^>NmB2UOUgqR*n$RELjElw72aQe%r=l3Rt0G2
z3)8$0+j65MS-A^x=>qUCwQFZ{&E29;0q^;XuX5FDUZ$e9Vz_p8rYz7CD-G>-U(=4J
zOtWXkBp7BMhF6)>#fu1{uJ$XjB%SHfE$GEjnt&O|f-mQx8y^sSs|<{X??>!xh&6hr
z_(XaXuHf$(Aa@`-B^S>Cw;Lb#hihN$Fh!?tFsIFW&!I{2IElY*_Q8WrX$qp{S(t^%
zeV84t$+UOQRselQRh3E78$(tt-{qgTvz^@8m0j-#w0|h_3TO=u-iVUbB599qxHI9n
zZcfS7%NsrYx`28!|0`N!c^Z^}R_qdO#Z67y>6aIHd<d|Fe(iQzDn^`~8Lg_0GLU(p
znAXK=gd9out$$)+HfonUOk!pK&REB;vbzO^nl$aW#VqE_07yatlS%<NRs0;}rZHw!
zQ8v}$K`h4*GRnaGLGVH_L=`@u21d9?ZnxN0l0IIe&(@IFtZ+zs;NWoum?e%fIrR5j
z$qoCF4BoWCd;Xt=Je3bEC}!AiVZSthd`5uC3lZlsCe3Ig)j>%OJa1*W!)gpXa`ypr
z7TtDhP-0e7P1IC-iu%`&ch#Fy1VKr*X_A**aL2Yf<6a3<m%bKTw}Osc)9?rRn@i^V
zQ11w8`{W`2$9AKJwW(xq3FeH!1C4l~^Xia-M2+u`OWV@yOMATMwQr$pEI8N4c8cn~
zaz^+{M%cS|acLMa+z2kUdq;x_i*!g^A0j@Z*VZEoH0kW|Q*4XE`My%Z98RaNMH9J4
z5T;t(KPXRSnDQ@xjQ}em-C*L)FG!s#s4jr+nbw`Wn{dRWu1JV59@J^T;q?LFc2Gj_
z0d`NgRA`Sfcw=L9?u+C$AK?yKf5^7Y%fOVE?uFd!h5`b%C?JNh1cJ&W!|_DiTByvm
z;>xbdA*C?6aZccC2G69niSKg`93o0rtZzLL=5;FWs^;y{6?x{hUmZs_B9Q~pYu)pg
zO<mbG!hhAC{{;dxaBIfplOyvj-Qf#y3aQ>l+ZwK!{e4o}9WS@9me7vg2ezO8SUUsP
zLB%kQ;27mkhol^PdF!7%<>BP}Gv&&_gWD$m*gJ~Y02W;XxXC%asLp^G6hhiHvEsCP
z^<q0QRCT>hT`(V(-HY9e1rSf765das5v@y*nSkSFQ_#Ct|9jn_8#4vi9x3|?aIJT<
zS`+l6RdTgMJ`VL=doot=?o>vv=9BFbHGi6aB^DPEiqvA?IdxU+X#W1%r2<fWL>usD
z+mUcZs-Mb)Zv8H;`ZJh)unrmk6~#TBW@Sz74Fn-CL&X|mgWupWbAB{Gthv{%{4)#4
z1Lc`5XpV!jkDM~z@d6q`{em4-qY?#IH|!N-5{7fN;RD9b$@Vt#_uOHZruC7LU$v(8
z-R<|`GWNpoH$lH|D0F+u>0PgL_Zmnr_4j8-+sY;;kUHM#q=2A$x@om@ZdF2Y=0l$$
z>>XE+(q0g-kqzyYG#B=HMa#&f<<c*w`tt~1J&iaV(7`FQ^I$xiUBh^r&It1s>*VIe
z8Ww_v)n+4pCq)#dvS^t&*+A^Wd}24g5d&0I633lsRxGVx<PRHV=(EM$2MwTtqgBhp
z!VP%F9L1B4^4u7$BG#quF&-dJg3y?nWH>v0Ns-Pw_Outah!)Rs2W_uA2^#rH=%0>2
zb7QS&0*ZUJPHS(xcosg9js9h=JyXKPQaM7o&Z%L6Y~Tn4B8Xr~*XC={ERDR3T>6E^
zA$xd5e}0xP3&s8l$F8}(T{5^(VQSeUn?G5g`}PMP1jDGVyS6#<(-k}57v`_lP+5{K
zIdUpf+ox>uT`>LaJ9{NyED~!7h<bEkcpi^#b1FrlY2(#~rz-x>#_$(voIYwmtK^Ub
zXW-UwrE(gXf+=|$@Rt7HSOTQ%h1dwtQ;n}RRqs#Sbe#jakcXNIdW9HJGJc3;9J(Bv
zbE=w{0wh2_j@KC^m<8%mloLWy=E@m=*8?PeJtl|$vHo-cL>-gX`o9}S_>MS4{7QI%
zADVg+^owILo}p$m=;hYN?oi|RA|xN{Lu&o4n2~y2TP{B@%F04TAKGmO+(1}3SQ5cr
zn#|zF;N;P)p`cG?F-D!m37$e1ltEwdb(fLIBv?Y$k$@_qYHP3ZrprB-JwR0?^c7Gg
z9SSB#yOV<2e6X`0+1Y%Gqn)YaJ|k1~?R+^xJSG@<ZF>}n^VrFVD}iz?ePqeFzF^CC
z3L3H>??P&Q&%#mI()PNyW5qJY{4JnGTp#fdknS%dN1N_vt8H|C*bQ5<fJdl<H6EWk
z=3*Az0}VG==9da;jxBk9J7)`b|8j<6MCuye!<|<owSDDAXd<%*N@NxeNuh~S&*Q#G
zuBlMDHq%MoI$(ioO6?{^s{Ly3k~Kq>X>>XiVx^Ry>(A9noi5d2{hPsL6yAg%L5fXQ
znabB4Zf9A}5ZUd|G@5K8sV~}7cRQinL%0oh=@e~S$^`^$OfckcDemHO`SOQelps59
zxQkjp;lV+u0r1@g<us>~DfwriIvEcpu(F|E4tSqRKjzFlrt*eA+-ag*C6AaEYsQmv
zg~NpHa#QinWrf!_yX`eDW44;8U8&Ys71TRWXDG@?C5e`{&khj=Fspydb{naD+$w_;
z=p`2xE>nj$fW!&|cGS8G*svcNt#!vk1qB+3DMg6~R#KJ8hjmNjE{M?2NvPw$U5vDz
zimLVI9&zv1pq|oVj&(OEJV{136<XL`{3k3O-RGrsp9xXmcxhmU(EotOgC=48*a&NH
z1oqx0qRM3WE6`(nB=z9Sq}JV~wc2P%TdSYdDmJ8NLFV*^rE@a1D3;28Qj-hRlbk~3
zwU=~qq+|)Rp%uSa&!n^V`|L?v_rS3?;?KR_<VYv<H4%%S3z!SjYC+@)crbAbGMjgv
z7nw2|6<70Xvh_0#r-x}>7CQuELJ@8UWcOBD%tZF`$|1GmEBzo?G8ZeP7n$f+l}((<
z{V~QW0O(I*nPvv9oxl-$i8X)SG#jrhtS0umZkDe*9QI%}yFk;UWt4m@-LQC;lGyAT
zs@?ct!D=g!afL0CSpE|?$ebDVCW2OY6f-GTF#k@-IHorh^M^s=#PeEkH-=}Rtu9e3
z_h=7l_BJ|!bW=^@gKSCdR8t3r#WaGGC2m#olFgy$mR_qn4j|sR8=Iqu-r-G}y}x9;
zfKa~*=?R`k!dX%Y2#D06nMElXg>cCeCJwooO^LUQUOZl#P0MtnUalLZX5Qsm>zaP5
z*ET+-V)CHtE=6jaspsxiPXuiS2o7kZnTqz2Dg!It#VSXCJ>QOln9&*-Rk->~gjnl|
z{zRoU>~UYaODuXQS$tg<gTSG9884ejY2&Yc0utoqm;dGaN73ZSro+(0ccoU!cmmJO
zFu!+@e21B^*E|cKZQxSC=SfgCvC2}Zsq`P#wkxXqsQcVcHB2(QJQ=^#ta;3>SjJ8}
zh#v~tG`$HUY}B_jVO7xq9FrLaE$C4(UUrA(<Lmb5&~VE}J%0&56APO}K|Gd!4swCa
zpn$4V=eTrV5F2bDoY3(Mw|d#Vomw6O?eX}^3O<zK0`FJ<V}|a{Z%(0>V;uLP4o9~3
zZ}2DBNlIMYU`$UnOryE`wynggb+t&?N&x`&uXmHkpLbT`O#X}pqR&ybgRX^9?+kEl
z&5AMGO2$T=3Sk6ecNBxZK_z-*hf^>qJQPjjYerV2adAY=XPeN_AH;fJiR2W%i=svo
z<qphqe25z0F*@|%l{wC7%|Gqeh3UWVE87I;6jaT)ZBmd#p>ew-$J!4<D0^kQ3p)#p
z5wG7*7)vC{&t!fKjSwC}!bG;i(D8KL><NDF9TW<~!lU@lC)_{Y*Y{n_@BJ78=HwOL
zjz5@OS(^^}1)a^jU#iO-R}bNn-J~76yM+^)tIsL<)A^ud+qJV_bcJ4#3eV}kFEWLb
zM+nTz4y^Z_gmC*qKU=@6G^GrHojzXOm9zm&B-3cdY6czyq$$#ask_4DQl<L$i2TAE
ztn0hd&^eLONa)WW#V3-83U3KKUQCnrj3JIzWZpH$u099OAT9#frF<kKRCs;3V|8AG
z_{Nqs9v+O{oyQ~E-vR?(;Tm;`8MR5>(CqPttWW5bf|Bh=&IFd@ndWvL5tfTYcPa%7
zZO52<VuP!uq*A28=auPKmdB5+q%w_h@1$Uhjv$K_I8YT(Q)H-Wf!q$mD&dFw<O1|)
zH9ANz4PRXVe;^=m^vpQXN}$tiQ24|Fiaw*?z-mZ~<q(sy)<0R|W^~v>Kp4+^zPpoZ
z7!Kl9s|NF!I^VHWO@l}C0r>aQ%4WruxvK#2_7~WtX4GGhZ;i(Vwn&>$5CdD?{&t*`
z?jZo%S2Ekp`E+p8z)sLRWc)oyi*X+6HkQX6g9(~rE*uz=n6>)w&ln*&pSD1`^(L2p
zOk$%O8uv|}E^Ad32csi%$q)2{maXhV8x)UiNtm>Wfnhs!cMLG6(`iDmL({lV^&co<
z>mPYl6L(9jTo%=Q$8vNYn<KQUk?j}UbE6W4+B)`QQ{)H6!0L`UwWjIRS7WwW3WFzN
z^DmdKhzLjou8)`~50y|76wPzpQUyth_GGUn^g+NhXc|9(nQb}Jn`<1H@sVOaj9gy0
zMd0Ow5Up~0Iz26~KS;V!Lhm#WOwTv)q13*ZC7xmHgn3|mHTNXjd(8UQyZvFn6*Nd5
zNx#fTo;(5MDo9t8-WDTY4Mv=sGFBiZYAYy|3d9RX?;On)l|tm|q5#%%mJ29lq?Nfw
zxP3&fxIE46V<a0iw@90quP1~Tg1GbD=QKzEy*xn|XAv%yp@Z9dzByHpVcaCykb5dP
zkCaW<$vNFQ?Tt`o$12JmQ9lS%Dckf`#_wRl#WzBZNRan`Vt61$7gA|oW$)j{3PCk%
znb2GKImJXMnX21w`p)RVOPMVUA@H6o1C2KT!VV(DP=S#rW8(|3nqQW_;!!!FAf8T;
zBfp_}w~)4<HkDwbnWs+ExQ-m1a71yJIH93o0kf(~ehI+I`v~^2g&kOV+}UWs;>$hA
zuf|Q>1(U8W`P+$8%PAmT?FQ6}`?mUdcRUcPU^xULx-L(ASYAM!Dp^@E<-aVD?3#9F
zyPcKX_Uh8kCC2Ln3$D)ZF!`_%%Ki*G*2g?D+$vELuB0Ase|lKwU2+7LVNbHo%-g)u
zw3Zkw39P^%@Y-_Fi@~E8{3C4>b?U&6ZxgV(P-7vCR<0Ir6&lE+?YXN+6=3)dVv6t*
z0Fyj5`e;Sc@l^3(b?^6Im~UZFN1CtkF1AJ7u7czWI31Kj9EN6#NS`mX#QaQFpX?r`
z19!;lSW%P82E-)Z97)LXE(YL3J@UwYaEtMk#N4;BeSpsYc!Zc>Uw1S676jpRpd^ak
z{vfI<!TfTtiJMQXRu3m1dwkWz<RunJ7T;k$`y`Og_bI98j)C1coXSc-VP%}`3nov~
zGepw3pR^2Fjj}w47mpfgLLDBsOF0uM!d+zZ*UFWS!N%>~(iyBGC;=FgGI>F7@hL^o
z;DlwaEoD<O!yKY=<#$o-k!fHM!vkR@!g9(HEP0uLT3V%4QjjkZJ92C+UqJh7{rh&n
zNlU(T+!)n}iQT^v>eotUlRvKV!YuP&fiNux5CBNF`6Cp4n{-U(&t)~K3D;zW!iU#g
zZe$GV_rc|3_4DrEdYcHii|;SJnU}>S7Y!kY8h@p5ep+8-r6Jd2Kj7hU+7@uZSKApi
zzhZJlcb#jJQZyYQtHdcFv<_5wwu73Lj79Aay#$i=Cu|(ydeb+P75L1FdMoNOeZX>Z
zvqEbVr6OByd{ZeVMy4qTM)voBIlrhys=eao_=@V*4w>q>qo}wbi@&@}C88RUibI@7
z7%fr_UPf2y&a+{u42p7JP4d5s?~~6;95O^Kw+GY*_nWn$O~03>jJ}%wd1W{I?0CZo
zoQ%lxUoY``Hj+1EeVHQWQ-v022+?YvnZr)*S>BZ*?J=Zfkx8f1L=5$>0i{k84<V@J
YfA2`3a*4YIG&$W~-h>0Ie`$#S0h?o-9RL6T

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 881d375773e..60dc8a5137c 100644
--- a/index.html
+++ b/index.html
@@ -943,7 +943,7 @@ <h2 class="section-title"><span class="text-yellow">CoreUI</span> News</h2>
   <div class="container">
     <div class="row"><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -961,9 +961,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
             
 
 
@@ -975,21 +975,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
   
 />
           </a>
           <p>
-            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
+            <p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1007,9 +1007,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
             
 
 
@@ -1021,21 +1021,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
   
 />
           </a>
           <p>
-            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
+            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1053,9 +1053,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
           </div>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
             
 
 
@@ -1067,16 +1067,16 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
   
 />
           </a>
           <p>
-            <p>Passing props in React is a fundamental concept that allows data to flow between components. When building user interfaces with React, you often need to pass additional props from a parent …</p>
+            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
           </p>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div></div>
diff --git a/index.xml b/index.xml
index 2153a30337f..88fd3d95202 100644
--- a/index.xml
+++ b/index.xml
@@ -7,6 +7,13 @@
     <generator>Hugo</generator>
     <language>en-us</language>
     <atom:link href="https://coreui.io/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>How to convert a string to boolean in JavaScript</title>
+      <link>https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/</link>
+      <pubDate>Wed, 13 Nov 2024 09:00:00 +0100</pubDate>
+      <guid>https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/</guid>
+      <description>&lt;p&gt;Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.&lt;/p&gt;</description>
+    </item>
     <item>
       <title>CoreUI PRO for React v5.9.0</title>
       <link>https://coreui.io/changelog/coreui/react-pro/v5.9.0/</link>
diff --git a/laravel/index.html b/laravel/index.html
index ee659c41f30..aedcbb2bc7a 100644
--- a/laravel/index.html
+++ b/laravel/index.html
@@ -684,7 +684,7 @@ <h2 class="section-title"><span class="text-yellow">CoreUI</span> News</h2>
   <div class="container">
     <div class="row"><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,9 +702,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
             
 
 
@@ -716,21 +716,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
   
 />
           </a>
           <p>
-            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
+            <p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -748,9 +748,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
             
 
 
@@ -762,21 +762,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
   
 />
           </a>
           <p>
-            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
+            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -794,9 +794,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
           </div>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
             
 
 
@@ -808,16 +808,16 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
   
 />
           </a>
           <p>
-            <p>Passing props in React is a fundamental concept that allows data to flow between components. When building user interfaces with React, you often need to pass additional props from a parent …</p>
+            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
           </p>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div></div>
diff --git a/pro/index.html b/pro/index.html
index 294824fbd1a..d2a3e99ecb9 100644
--- a/pro/index.html
+++ b/pro/index.html
@@ -644,7 +644,7 @@ <h3 id="letter-to-freelancers-and-creative-agencies">Letter to freelancers and c
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -656,13 +656,13 @@ <h3 id="letter-to-freelancers-and-creative-agencies">Letter to freelancers and c
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -680,11 +680,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -696,13 +696,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -720,11 +720,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -736,13 +736,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -760,11 +760,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -776,13 +776,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -800,11 +800,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -816,13 +816,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -840,11 +840,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -856,13 +856,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -880,7 +880,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/pro/license-template/index.html b/pro/license-template/index.html
index 03724de6df8..353db393211 100644
--- a/pro/license-template/index.html
+++ b/pro/license-template/index.html
@@ -523,7 +523,7 @@ <h2 id="standard-license">Standard license</h2>
 <li>The Standard License grants you ad ongoing, non-exclusive license to make use of the CoreUI PRO you have purchased.</li>
 <li>You are authorized to use the CoreUI PRO Admin Template to create single (one) End Product for yourself or for one client, and the End Product can be distributed for Free, but the End Product can’t be sold.</li>
 </ol>
-<h3 id="hahahugoshortcode5274s8hbhb-span-stylecolor-1b9e3ethings-you-can-do-with-the-coreui-pro-admin-templatespan">
+<h3 id="hahahugoshortcode5275s8hbhb-span-stylecolor-1b9e3ethings-you-can-do-with-the-coreui-pro-admin-templatespan">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#1B9E3E" viewBox="0 0 64 64">
   <title>check-circle</title>
   <path d="M27.659 38.226l-9.177-9.177-2.828 2.828 12.005 12.005 20.938-20.937-2.828-2.828-18.109 18.109z"></path>
@@ -534,7 +534,7 @@ <h3 id="hahahugoshortcode5274s8hbhb-span-stylecolor-1b9e3ethings-you-can-do-with
 <li>You can make unlimited copies of the single (one) End Product as long as the End Product is distributed for free.</li>
 <li>You may adjust, modify, and customize the CoreUI PRO Admin Template or combine the CoreUI PRO Admin Template with other works to make a derivative one. The resulting works are subject to the terms of the standard license.</li>
 </ol>
-<h3 id="hahahugoshortcode5274s9hbhb-span-stylecolor-d93737things-you-cant-do-with-the-coreui-pro-admin-templatespan">
+<h3 id="hahahugoshortcode5275s9hbhb-span-stylecolor-d93737things-you-cant-do-with-the-coreui-pro-admin-templatespan">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#D93737" viewBox="0 0 64 64">
   <title>x-circle</title>
   <path d="M43.509 17.663l-10.97 10.97-10.97-10.97-2.829 2.828 10.971 10.97-10.971 10.971 2.828 2.828 10.97-10.97 10.97 10.97 2.828-2.828-10.971-10.971 10.971-10.97-2.828-2.828z"></path>
@@ -563,7 +563,7 @@ <h2 id="extended-license">Extended license</h2>
 Product for yourself or for one client, and the End Product can be
 Sold or distributed for free.</li>
 </ol>
-<h3 id="hahahugoshortcode5274s10hbhb-span-stylecolor-1b9e3ethings-you-can-do-with-the-coreui-pro-admin-templatespan">
+<h3 id="hahahugoshortcode5275s10hbhb-span-stylecolor-1b9e3ethings-you-can-do-with-the-coreui-pro-admin-templatespan">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#1B9E3E" viewBox="0 0 64 64">
   <title>check-circle</title>
   <path d="M27.659 38.226l-9.177-9.177-2.828 2.828 12.005 12.005 20.938-20.937-2.828-2.828-18.109 18.109z"></path>
@@ -579,7 +579,7 @@ <h3 id="hahahugoshortcode5274s10hbhb-span-stylecolor-1b9e3ethings-you-can-do-wit
 CoreUI PRO Admin Template with other works to make a derivative one. The resulting
 works are subject to the terms of the extended license.</li>
 </ol>
-<h3 id="hahahugoshortcode5274s11hbhb-span-stylecolor-d93737things-you-cant-do-with-the-coreui-pro-admin-templatespan">
+<h3 id="hahahugoshortcode5275s11hbhb-span-stylecolor-d93737things-you-cant-do-with-the-coreui-pro-admin-templatespan">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#D93737" viewBox="0 0 64 64">
   <title>x-circle</title>
   <path d="M43.509 17.663l-10.97 10.97-10.97-10.97-2.829 2.828 10.971 10.97-10.971 10.971 2.828 2.828 10.97-10.97 10.97 10.97 2.828-2.828-10.971-10.971 10.971-10.97-2.828-2.828z"></path>
diff --git a/pro/license/index.html b/pro/license/index.html
index 9872c281084..502777782c2 100644
--- a/pro/license/index.html
+++ b/pro/license/index.html
@@ -582,7 +582,7 @@ <h2>End User License Agreement (EULA)</h2>
 <li>This license grants you ad ongoing, non-exclusive license to make use of the CoreUI PRO you have purchased.</li>
 <li>You are authorized to use the CoreUI PRO to create multiple End Products for yourself or for your clients, and the End Product can be Sold or distributed for free.</li>
 </ol>
-<h3 id="hahahugoshortcode5273s12hbhb-span-stylecolor-1b9e3ethings-you-can-do-with-the-coreui-prospan">
+<h3 id="hahahugoshortcode5274s12hbhb-span-stylecolor-1b9e3ethings-you-can-do-with-the-coreui-prospan">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#1B9E3E" viewBox="0 0 64 64">
   <title>check-circle</title>
   <path d="M27.659 38.226l-9.177-9.177-2.828 2.828 12.005 12.005 20.938-20.937-2.828-2.828-18.109 18.109z"></path>
@@ -597,7 +597,7 @@ <h3 id="hahahugoshortcode5273s12hbhb-span-stylecolor-1b9e3ethings-you-can-do-wit
 CoreUI PRO with other works to make a derivative one. The resulting
 works are subject to the terms of the Team license.</li>
 </ol>
-<h3 id="hahahugoshortcode5273s13hbhb-span-stylecolor-d93737things-you-cant-do-with-the-coreui-prospan">
+<h3 id="hahahugoshortcode5274s13hbhb-span-stylecolor-d93737things-you-cant-do-with-the-coreui-prospan">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#D93737" viewBox="0 0 64 64">
   <title>x-circle</title>
   <path d="M43.509 17.663l-10.97 10.97-10.97-10.97-2.829 2.828 10.971 10.97-10.971 10.971 2.828 2.828 10.97-10.97 10.97 10.97 2.828-2.828-10.971-10.971 10.971-10.97-2.828-2.828z"></path>
diff --git a/product/index.html b/product/index.html
index 54741ce2593..9cc582fa22f 100644
--- a/product/index.html
+++ b/product/index.html
@@ -635,7 +635,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/product/vue-dashboard-tem
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -647,13 +647,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/product/vue-dashboard-tem
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -671,11 +671,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -687,13 +687,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -711,11 +711,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -727,13 +727,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -751,11 +751,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -767,13 +767,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -791,11 +791,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -807,13 +807,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -831,11 +831,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -847,13 +847,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -871,7 +871,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/react/index.html b/react/index.html
index 6321c412ea8..c918ae8e118 100644
--- a/react/index.html
+++ b/react/index.html
@@ -1051,7 +1051,7 @@ <h2 class="section-title"><span class="text-yellow">CoreUI</span> News</h2>
   <div class="container">
     <div class="row"><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1069,9 +1069,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
             
 
 
@@ -1083,21 +1083,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
   
 />
           </a>
           <p>
-            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
+            <p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1115,9 +1115,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
             
 
 
@@ -1129,21 +1129,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
   
 />
           </a>
           <p>
-            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
+            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1161,9 +1161,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
           </div>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
             
 
 
@@ -1175,16 +1175,16 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
   
 />
           </a>
           <p>
-            <p>Passing props in React is a fundamental concept that allows data to flow between components. When building user interfaces with React, you often need to pass additional props from a parent …</p>
+            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
           </p>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div></div>
diff --git a/sitemap.xml b/sitemap.xml
index 4fdb86aca35..6eac6eedfef 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -2,8 +2,23 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
   <url>
+    <loc>https://coreui.io/categories/blog/</loc>
+    <lastmod>2024-11-13T09:00:00+01:00</lastmod>
+  </url><url>
     <loc>https://coreui.io/categories/</loc>
-    <lastmod>2024-11-12T12:00:00+01:00</lastmod>
+    <lastmod>2024-11-13T09:00:00+01:00</lastmod>
+  </url><url>
+    <loc>https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/</loc>
+    <lastmod>2024-11-13T09:00:00+01:00</lastmod>
+  </url><url>
+    <loc>https://coreui.io/tags/how-to/</loc>
+    <lastmod>2024-11-13T09:00:00+01:00</lastmod>
+  </url><url>
+    <loc>https://coreui.io/tags/javascript/</loc>
+    <lastmod>2024-11-13T09:00:00+01:00</lastmod>
+  </url><url>
+    <loc>https://coreui.io/tags/</loc>
+    <lastmod>2024-11-13T09:00:00+01:00</lastmod>
   </url><url>
     <loc>https://coreui.io/tags/changelog/</loc>
     <lastmod>2024-11-12T12:00:00+01:00</lastmod>
@@ -19,9 +34,6 @@
   </url><url>
     <loc>https://coreui.io/tags/react/</loc>
     <lastmod>2024-11-12T12:00:00+01:00</lastmod>
-  </url><url>
-    <loc>https://coreui.io/tags/</loc>
-    <lastmod>2024-11-12T12:00:00+01:00</lastmod>
   </url><url>
     <loc>https://coreui.io/tags/v5/</loc>
     <lastmod>2024-11-12T12:00:00+01:00</lastmod>
@@ -34,15 +46,9 @@
   </url><url>
     <loc>https://coreui.io/changelog/coreui/coreui-pro/v5.7.0/</loc>
     <lastmod>2024-11-12T08:00:00+01:00</lastmod>
-  </url><url>
-    <loc>https://coreui.io/categories/blog/</loc>
-    <lastmod>2024-11-08T19:02:51+01:00</lastmod>
   </url><url>
     <loc>https://coreui.io/blog/how-to-show-or-hide-element-in-react/</loc>
     <lastmod>2024-11-08T19:02:51+01:00</lastmod>
-  </url><url>
-    <loc>https://coreui.io/tags/how-to/</loc>
-    <lastmod>2024-11-08T19:02:51+01:00</lastmod>
   </url><url>
     <loc>https://coreui.io/tags/jsx/</loc>
     <lastmod>2024-11-08T19:02:51+01:00</lastmod>
@@ -130,9 +136,6 @@
   </url><url>
     <loc>https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/</loc>
     <lastmod>2024-10-16T14:11:01+02:00</lastmod>
-  </url><url>
-    <loc>https://coreui.io/tags/javascript/</loc>
-    <lastmod>2024-10-16T14:11:01+02:00</lastmod>
   </url><url>
     <loc>https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/</loc>
     <lastmod>2024-09-20T23:59:06+02:00</lastmod>
diff --git a/tags/how-to/index.html b/tags/how-to/index.html
index 0ffaf6bc039..988fea1429d 100644
--- a/tags/how-to/index.html
+++ b/tags/how-to/index.html
@@ -339,6 +339,56 @@
       <div class="blog container py-6">
         <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, November 13, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="javascript string to boolean" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
+   width="920px"
+/> 
+  
+    <p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -793,56 +843,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-replace-all-o
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-a-property-from-an-object-in-javascript/">How to remove a property from an object in Javascript</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Wednesday, August 28, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="javascript remove property from object" 
-    srcset="/images/blog/how-to-remove-a-property-from-an-object-in-javascript_hu13010252142525680416.webp 480w, /images/blog/how-to-remove-a-property-from-an-object-in-javascript_hu16432507301404908418.webp 768w, /images/blog/how-to-remove-a-property-from-an-object-in-javascript_hu5037907994169638489.webp 1024w, /images/blog/how-to-remove-a-property-from-an-object-in-javascript_hu2133748498411408393.webp 1366w"  
-  src="/images/blog/how-to-remove-a-property-from-an-object-in-javascript_hu8461033096770195250.webp"
-   width="920px"
-/> 
-  
-    <p>In JavaScript, working with objects is a fundamental part of building applications. Often, you may need to remove properties from an object, whether it&rsquo;s for cleaning up data or preparing an object for a specific use case. This article explores various techniques for removing properties from a JavaScript object, discussing the advantages and potential pitfalls of each method. We’ll also cover how to remove multiple properties from a single object efficiently.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-remove-a-property-from-an-object-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item disabled">
diff --git a/tags/how-to/index.xml b/tags/how-to/index.xml
index e1dac647350..7210551a40f 100644
--- a/tags/how-to/index.xml
+++ b/tags/how-to/index.xml
@@ -6,8 +6,15 @@
     <description>Recent content in How-To on CoreUI</description>
     <generator>Hugo</generator>
     <language>en-us</language>
-    <lastBuildDate>Fri, 08 Nov 2024 19:02:51 +0100</lastBuildDate>
+    <lastBuildDate>Wed, 13 Nov 2024 09:00:00 +0100</lastBuildDate>
     <atom:link href="https://coreui.io/tags/how-to/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>How to convert a string to boolean in JavaScript</title>
+      <link>https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/</link>
+      <pubDate>Wed, 13 Nov 2024 09:00:00 +0100</pubDate>
+      <guid>https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/</guid>
+      <description>&lt;p&gt;Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.&lt;/p&gt;</description>
+    </item>
     <item>
       <title>How to show or hide elements in React? A Step-by-Step Guide.</title>
       <link>https://coreui.io/blog/how-to-show-or-hide-element-in-react/</link>
diff --git a/tags/how-to/page/2/index.html b/tags/how-to/page/2/index.html
index 09cb6d247d9..d31e7d21865 100644
--- a/tags/how-to/page/2/index.html
+++ b/tags/how-to/page/2/index.html
@@ -339,6 +339,56 @@
       <div class="blog container py-6">
         <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-a-property-from-an-object-in-javascript/">How to remove a property from an object in Javascript</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, August 28, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="javascript remove property from object" 
+    srcset="/images/blog/how-to-remove-a-property-from-an-object-in-javascript_hu13010252142525680416.webp 480w, /images/blog/how-to-remove-a-property-from-an-object-in-javascript_hu16432507301404908418.webp 768w, /images/blog/how-to-remove-a-property-from-an-object-in-javascript_hu5037907994169638489.webp 1024w, /images/blog/how-to-remove-a-property-from-an-object-in-javascript_hu2133748498411408393.webp 1366w"  
+  src="/images/blog/how-to-remove-a-property-from-an-object-in-javascript_hu8461033096770195250.webp"
+   width="920px"
+/> 
+  
+    <p>In JavaScript, working with objects is a fundamental part of building applications. Often, you may need to remove properties from an object, whether it&rsquo;s for cleaning up data or preparing an object for a specific use case. This article explores various techniques for removing properties from a JavaScript object, discussing the advantages and potential pitfalls of each method. We’ll also cover how to remove multiple properties from a single object efficiently.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-remove-a-property-from-an-object-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/the-wacky-world-of-javascript-unraveling-the-oddities/">The Wacky World of JavaScript: Unraveling the Oddities</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -788,56 +838,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-the-differen
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-unique-values-from-a-javascript-array/">How to Get Unique Values from a JavaScript Array</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Friday, July 5, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="javascript array unique" 
-    srcset="/images/blog/how-to-get-unique-values-from-a-javascript-array_hu2314230777166900111.webp 480w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu16927554053944791323.webp 768w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu619700625499798248.webp 1024w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu14935641498110890912.webp 1366w"  
-  src="/images/blog/how-to-get-unique-values-from-a-javascript-array_hu4360027771422628715.webp"
-   width="920px"
-/> 
-  
-    <p>In JavaScript, handling arrays and ensuring their uniqueness is a common task. Here are several methods to achieve unique values from an array, ensuring you remove duplicate values effectively.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-get-unique-values-from-a-javascript-array/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
diff --git a/tags/how-to/page/3/index.html b/tags/how-to/page/3/index.html
index d5406967dd6..6b77b373dc8 100644
--- a/tags/how-to/page/3/index.html
+++ b/tags/how-to/page/3/index.html
@@ -339,6 +339,56 @@
       <div class="blog container py-6">
         <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-unique-values-from-a-javascript-array/">How to Get Unique Values from a JavaScript Array</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Friday, July 5, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="javascript array unique" 
+    srcset="/images/blog/how-to-get-unique-values-from-a-javascript-array_hu2314230777166900111.webp 480w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu16927554053944791323.webp 768w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu619700625499798248.webp 1024w, /images/blog/how-to-get-unique-values-from-a-javascript-array_hu14935641498110890912.webp 1366w"  
+  src="/images/blog/how-to-get-unique-values-from-a-javascript-array_hu4360027771422628715.webp"
+   width="920px"
+/> 
+  
+    <p>In JavaScript, handling arrays and ensuring their uniqueness is a common task. Here are several methods to achieve unique values from an array, ensuring you remove duplicate values effectively.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-get-unique-values-from-a-javascript-array/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-return-multiple-values-from-a-javascript-function/">How to return multiple values from a JavaScript function</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -789,56 +839,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-convert-a-map
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-center-a-button-in-css/">How to Center a Button in CSS</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Wednesday, May 15, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/css/">#css</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="center a button in css" 
-    srcset="/images/blog/how-to-center-a-button-in-css_hu6005434931290619336.webp 480w, /images/blog/how-to-center-a-button-in-css_hu15189011087386017929.webp 768w, /images/blog/how-to-center-a-button-in-css_hu18080941540720911048.webp 1024w, /images/blog/how-to-center-a-button-in-css_hu375413074682828173.webp 1366w"  
-  src="/images/blog/how-to-center-a-button-in-css_hu17261962725495727290.webp"
-   width="920px"
-/> 
-  
-    <p>Centering a button in CSS can be achieved using several methods. Here are some simple techniques to help you center a button horizontally and vertically on your web page. The following examples will guide you through the use of CSS centering techniques.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-center-a-button-in-css/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
diff --git a/tags/how-to/page/4/index.html b/tags/how-to/page/4/index.html
index de8a511789d..7cee996e268 100644
--- a/tags/how-to/page/4/index.html
+++ b/tags/how-to/page/4/index.html
@@ -339,6 +339,56 @@
       <div class="blog container py-6">
         <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-center-a-button-in-css/">How to Center a Button in CSS</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, May 15, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/css/">#css</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="center a button in css" 
+    srcset="/images/blog/how-to-center-a-button-in-css_hu6005434931290619336.webp 480w, /images/blog/how-to-center-a-button-in-css_hu15189011087386017929.webp 768w, /images/blog/how-to-center-a-button-in-css_hu18080941540720911048.webp 1024w, /images/blog/how-to-center-a-button-in-css_hu375413074682828173.webp 1366w"  
+  src="/images/blog/how-to-center-a-button-in-css_hu17261962725495727290.webp"
+   width="920px"
+/> 
+  
+    <p>Centering a button in CSS can be achieved using several methods. Here are some simple techniques to help you center a button horizontally and vertically on your web page. The following examples will guide you through the use of CSS centering techniques.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-center-a-button-in-css/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-hide-scrollbar-with-css/">How to Hide Scrollbar with CSS</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -791,56 +841,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-merge-objects
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/">How to round a number to two decimal places in JavaScript</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Wednesday, February 21, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="How to round a number to two decimal places in JavaScript" 
-    srcset="/images/blog/how-to-round-a-number-to-two-decimal-places-in-javascript_hu11569813648036826852.webp 480w, /images/blog/how-to-round-a-number-to-two-decimal-places-in-javascript_hu2055917255570283807.webp 768w, /images/blog/how-to-round-a-number-to-two-decimal-places-in-javascript_hu10196926557294887358.webp 1024w, /images/blog/how-to-round-a-number-to-two-decimal-places-in-javascript_hu10161582831031849884.webp 1366w"  
-  src="/images/blog/how-to-round-a-number-to-two-decimal-places-in-javascript_hu13327857270408412632.webp"
-   width="920px"
-/> 
-  
-    <p>In the ever-evolving landscape of web development, mastering JavaScript nuances can significantly enhance your applications&rsquo; functionality and user experience. A joint yet critical operation in numerous computing scenarios is to round numbers to a specific number of decimal places. Among these, rounding to two decimal places is particularly relevant across financial calculations, statistical reporting, and data presentation for its balance between precision and readability. This comprehensive guide will walk you through the intricacies of rounding numbers to two decimal places in JavaScript, ensuring you confidently apply this operation.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
diff --git a/tags/how-to/page/5/index.html b/tags/how-to/page/5/index.html
index 2c9c78c1f36..3ca46183991 100644
--- a/tags/how-to/page/5/index.html
+++ b/tags/how-to/page/5/index.html
@@ -339,6 +339,56 @@
       <div class="blog container py-6">
         <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/">How to round a number to two decimal places in JavaScript</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, February 21, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to round a number to two decimal places in JavaScript" 
+    srcset="/images/blog/how-to-round-a-number-to-two-decimal-places-in-javascript_hu11569813648036826852.webp 480w, /images/blog/how-to-round-a-number-to-two-decimal-places-in-javascript_hu2055917255570283807.webp 768w, /images/blog/how-to-round-a-number-to-two-decimal-places-in-javascript_hu10196926557294887358.webp 1024w, /images/blog/how-to-round-a-number-to-two-decimal-places-in-javascript_hu10161582831031849884.webp 1366w"  
+  src="/images/blog/how-to-round-a-number-to-two-decimal-places-in-javascript_hu13327857270408412632.webp"
+   width="920px"
+/> 
+  
+    <p>In the ever-evolving landscape of web development, mastering JavaScript nuances can significantly enhance your applications&rsquo; functionality and user experience. A joint yet critical operation in numerous computing scenarios is to round numbers to a specific number of decimal places. Among these, rounding to two decimal places is particularly relevant across financial calculations, statistical reporting, and data presentation for its balance between precision and readability. This comprehensive guide will walk you through the intricacies of rounding numbers to two decimal places in JavaScript, ensuring you confidently apply this operation.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-string-is-number-in-javascript/">How to check if a string is a number in JavaScript</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -789,56 +839,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-a-ke
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-element-from-javascript-array/">How to remove elements from a JavaScript Array</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Tuesday, January 16, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="How to remove elements from a JavaScript Array" 
-    srcset="/images/blog/how-to-remove-element-from-javascript-array_hu8285708388164493455.webp 480w, /images/blog/how-to-remove-element-from-javascript-array_hu5263554330120077586.webp 768w, /images/blog/how-to-remove-element-from-javascript-array_hu13827051333394792436.webp 1024w, /images/blog/how-to-remove-element-from-javascript-array_hu811833896369105406.webp 1366w"  
-  src="/images/blog/how-to-remove-element-from-javascript-array_hu17414074429586432132.webp"
-   width="920px"
-/> 
-  
-    <p>Have you ever faced the challenge of removing a specific item from an array in JavaScript and found yourself puzzled with various methods and unsure which one to use? Arrays are fundamental structures in programming that store collections of data. However, understanding how to manipulate them efficiently, especially when it comes to removing elements, is crucial for a streamlined code. In this article, we&rsquo;re going to demystify the process of removing elements from JavaScript arrays. Whether you&rsquo;re a budding programmer or a seasoned developer looking to brush up on your skills, this guide is designed to provide you with everything you need to handle array modifications with confidence.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-remove-element-from-javascript-array/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
diff --git a/tags/how-to/page/6/index.html b/tags/how-to/page/6/index.html
index 7d10c8b018a..7d02da51dd0 100644
--- a/tags/how-to/page/6/index.html
+++ b/tags/how-to/page/6/index.html
@@ -339,6 +339,56 @@
       <div class="blog container py-6">
         <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-element-from-javascript-array/">How to remove elements from a JavaScript Array</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Tuesday, January 16, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to remove elements from a JavaScript Array" 
+    srcset="/images/blog/how-to-remove-element-from-javascript-array_hu8285708388164493455.webp 480w, /images/blog/how-to-remove-element-from-javascript-array_hu5263554330120077586.webp 768w, /images/blog/how-to-remove-element-from-javascript-array_hu13827051333394792436.webp 1024w, /images/blog/how-to-remove-element-from-javascript-array_hu811833896369105406.webp 1366w"  
+  src="/images/blog/how-to-remove-element-from-javascript-array_hu17414074429586432132.webp"
+   width="920px"
+/> 
+  
+    <p>Have you ever faced the challenge of removing a specific item from an array in JavaScript and found yourself puzzled with various methods and unsure which one to use? Arrays are fundamental structures in programming that store collections of data. However, understanding how to manipulate them efficiently, especially when it comes to removing elements, is crucial for a streamlined code. In this article, we&rsquo;re going to demystify the process of removing elements from JavaScript arrays. Whether you&rsquo;re a budding programmer or a seasoned developer looking to brush up on your skills, this guide is designed to provide you with everything you need to handle array modifications with confidence.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-remove-element-from-javascript-array/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-create-react-app-to-vite/">How to Migrate from create-react-app to Vite?</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
diff --git a/tags/index.html b/tags/index.html
index c0060e4df2f..790430b4d5a 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -374,7 +374,7 @@
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -386,13 +386,13 @@
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -410,11 +410,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -426,13 +426,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -450,11 +450,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -466,13 +466,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -490,11 +490,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -506,13 +506,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -530,11 +530,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -546,13 +546,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -570,11 +570,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -586,13 +586,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -610,7 +610,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/tags/index.xml b/tags/index.xml
index 3f8ea6962fc..83a3f0cc267 100644
--- a/tags/index.xml
+++ b/tags/index.xml
@@ -6,8 +6,22 @@
     <description>Recent content in Tags on CoreUI</description>
     <generator>Hugo</generator>
     <language>en-us</language>
-    <lastBuildDate>Tue, 12 Nov 2024 12:00:00 +0100</lastBuildDate>
+    <lastBuildDate>Wed, 13 Nov 2024 09:00:00 +0100</lastBuildDate>
     <atom:link href="https://coreui.io/tags/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>How-To</title>
+      <link>https://coreui.io/tags/how-to/</link>
+      <pubDate>Wed, 13 Nov 2024 09:00:00 +0100</pubDate>
+      <guid>https://coreui.io/tags/how-to/</guid>
+      <description></description>
+    </item>
+    <item>
+      <title>Javascript</title>
+      <link>https://coreui.io/tags/javascript/</link>
+      <pubDate>Wed, 13 Nov 2024 09:00:00 +0100</pubDate>
+      <guid>https://coreui.io/tags/javascript/</guid>
+      <description></description>
+    </item>
     <item>
       <title>Changelog</title>
       <link>https://coreui.io/tags/changelog/</link>
@@ -43,13 +57,6 @@
       <guid>https://coreui.io/tags/bootstrap/</guid>
       <description></description>
     </item>
-    <item>
-      <title>How-To</title>
-      <link>https://coreui.io/tags/how-to/</link>
-      <pubDate>Thu, 07 Nov 2024 09:00:00 +0100</pubDate>
-      <guid>https://coreui.io/tags/how-to/</guid>
-      <description></description>
-    </item>
     <item>
       <title>Jsx</title>
       <link>https://coreui.io/tags/jsx/</link>
@@ -85,13 +92,6 @@
       <guid>https://coreui.io/tags/template/</guid>
       <description></description>
     </item>
-    <item>
-      <title>Javascript</title>
-      <link>https://coreui.io/tags/javascript/</link>
-      <pubDate>Fri, 20 Sep 2024 09:00:00 +0100</pubDate>
-      <guid>https://coreui.io/tags/javascript/</guid>
-      <description></description>
-    </item>
     <item>
       <title>What-Is</title>
       <link>https://coreui.io/tags/what-is/</link>
diff --git a/tags/javascript/index.html b/tags/javascript/index.html
index 0e395b1674f..f04c26219e6 100644
--- a/tags/javascript/index.html
+++ b/tags/javascript/index.html
@@ -339,6 +339,56 @@
       <div class="blog container py-6">
         <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, November 13, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="javascript string to boolean" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
+   width="920px"
+/> 
+  
+    <p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -787,56 +837,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-loop-through-
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Wednesday, July 17, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="get element id in javascript" 
-    srcset="/images/blog/how-to-get-element-id-in-javascript_hu637950735497983744.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu13568360846319537941.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu7497621417309215605.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu18025811712456293759.webp 1366w"  
-  src="/images/blog/how-to-get-element-id-in-javascript_hu10048846974405195414.webp"
-   width="920px"
-/> 
-  
-    <p>When working with <a href="https://coreui.io/blog/what-is-javascript-printf-equivalent/">JavaScript</a>, accessing and manipulating HTML elements is a common task. One frequently asked question is, &ldquo;How can I get an element&rsquo;s ID value with JavaScript?&rdquo; This guide will explore various methods to retrieve the ID of an HTML element using JavaScript.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item disabled">
diff --git a/tags/javascript/index.xml b/tags/javascript/index.xml
index d5e44661430..a6eb5d8106e 100644
--- a/tags/javascript/index.xml
+++ b/tags/javascript/index.xml
@@ -6,8 +6,15 @@
     <description>Recent content in Javascript on CoreUI</description>
     <generator>Hugo</generator>
     <language>en-us</language>
-    <lastBuildDate>Wed, 16 Oct 2024 14:11:01 +0200</lastBuildDate>
+    <lastBuildDate>Wed, 13 Nov 2024 09:00:00 +0100</lastBuildDate>
     <atom:link href="https://coreui.io/tags/javascript/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>How to convert a string to boolean in JavaScript</title>
+      <link>https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/</link>
+      <pubDate>Wed, 13 Nov 2024 09:00:00 +0100</pubDate>
+      <guid>https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/</guid>
+      <description>&lt;p&gt;Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to achieve this conversion, ensuring your code handles truthy values and false conditions accurately.&lt;/p&gt;</description>
+    </item>
     <item>
       <title>How to validate an email address in JavaScript</title>
       <link>https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/</link>
diff --git a/tags/javascript/page/2/index.html b/tags/javascript/page/2/index.html
index c639811e6ce..817bf567090 100644
--- a/tags/javascript/page/2/index.html
+++ b/tags/javascript/page/2/index.html
@@ -339,6 +339,56 @@
       <div class="blog container py-6">
         <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, July 17, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="get element id in javascript" 
+    srcset="/images/blog/how-to-get-element-id-in-javascript_hu637950735497983744.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu13568360846319537941.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu7497621417309215605.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu18025811712456293759.webp 1366w"  
+  src="/images/blog/how-to-get-element-id-in-javascript_hu10048846974405195414.webp"
+   width="920px"
+/> 
+  
+    <p>When working with <a href="https://coreui.io/blog/what-is-javascript-printf-equivalent/">JavaScript</a>, accessing and manipulating HTML elements is a common task. One frequently asked question is, &ldquo;How can I get an element&rsquo;s ID value with JavaScript?&rdquo; This guide will explore various methods to retrieve the ID of an HTML element using JavaScript.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-the-difference-between-null-and-undefined-in-javascript/">What is the Difference Between Null and Undefined in JavaScript</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -788,56 +838,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-convert-a-map
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-use-javascript-settimeout/">How to Use JavaScript setTimeout()</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Monday, April 29, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="JavaScript setTimeout" 
-    srcset="/images/blog/how-to-use-javascript-settimeout_hu5080867591270274792.webp 480w, /images/blog/how-to-use-javascript-settimeout_hu15492300423808026447.webp 768w, /images/blog/how-to-use-javascript-settimeout_hu14663326593656816003.webp 1024w, /images/blog/how-to-use-javascript-settimeout_hu9822951790343913053.webp 1366w"  
-  src="/images/blog/how-to-use-javascript-settimeout_hu1520089296233674725.webp"
-   width="920px"
-/> 
-  
-    <p>The <code>setTimeout()</code> function is a fundamental part of JavaScript that allows developers to delay the execution of code. This function is incredibly useful in creating a more interactive and dynamic user experience in web applications by scheduling tasks, managing delays, or even delaying actions within an application. In this blog post, we&rsquo;ll explore how to use <code>setTimeout()</code> effectively, ensuring even those new to programming can grasp and implement this powerful feature.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-use-javascript-settimeout/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
diff --git a/tags/javascript/page/3/index.html b/tags/javascript/page/3/index.html
index 6189c313e3a..120d2f08710 100644
--- a/tags/javascript/page/3/index.html
+++ b/tags/javascript/page/3/index.html
@@ -339,6 +339,56 @@
       <div class="blog container py-6">
         <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-use-javascript-settimeout/">How to Use JavaScript setTimeout()</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Monday, April 29, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="JavaScript setTimeout" 
+    srcset="/images/blog/how-to-use-javascript-settimeout_hu5080867591270274792.webp 480w, /images/blog/how-to-use-javascript-settimeout_hu15492300423808026447.webp 768w, /images/blog/how-to-use-javascript-settimeout_hu14663326593656816003.webp 1024w, /images/blog/how-to-use-javascript-settimeout_hu9822951790343913053.webp 1366w"  
+  src="/images/blog/how-to-use-javascript-settimeout_hu1520089296233674725.webp"
+   width="920px"
+/> 
+  
+    <p>The <code>setTimeout()</code> function is a fundamental part of JavaScript that allows developers to delay the execution of code. This function is incredibly useful in creating a more interactive and dynamic user experience in web applications by scheduling tasks, managing delays, or even delaying actions within an application. In this blog post, we&rsquo;ll explore how to use <code>setTimeout()</code> effectively, ensuring even those new to programming can grasp and implement this powerful feature.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-use-javascript-settimeout/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-generate-a-random-number-in-javascript/">Javascript Random - How to Generate a Random Number in JavaScript?</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -787,56 +837,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-round-a-numbe
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-string-is-number-in-javascript/">How to check if a string is a number in JavaScript</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Sunday, February 11, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="How to check if a string is a number in JavaScript" 
-    srcset="/images/blog/how-to-check-if-string-is-number-in-javascript_hu12834950360507674887.webp 480w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu16428538355232902853.webp 768w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu15056458603195031162.webp 1024w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu10430054107152879928.webp 1366w"  
-  src="/images/blog/how-to-check-if-string-is-number-in-javascript_hu7617250843278388154.webp"
-   width="920px"
-/> 
-  
-    <p>In the realm of web development, the versatility and power of JavaScript stand unchallenged. It is pivotal in adding interactivity to websites, working with data, and creating complex web applications. A common hurdle developers often stumble upon is determining whether a given piece of text—more formally, a string—represents a number. This validation is crucial for data processing, form submissions, and other scenarios where numeric input is expected. This comprehensive article explores the methods and best practices for checking if a string is a number in JavaScript, ensuring your code is robust, reliable, and ready for real-world usage.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-check-if-string-is-number-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
diff --git a/tags/javascript/page/4/index.html b/tags/javascript/page/4/index.html
index e8c4e29cf13..0a97c998431 100644
--- a/tags/javascript/page/4/index.html
+++ b/tags/javascript/page/4/index.html
@@ -339,6 +339,56 @@
       <div class="blog container py-6">
         <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-string-is-number-in-javascript/">How to check if a string is a number in JavaScript</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Sunday, February 11, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to check if a string is a number in JavaScript" 
+    srcset="/images/blog/how-to-check-if-string-is-number-in-javascript_hu12834950360507674887.webp 480w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu16428538355232902853.webp 768w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu15056458603195031162.webp 1024w, /images/blog/how-to-check-if-string-is-number-in-javascript_hu10430054107152879928.webp 1366w"  
+  src="/images/blog/how-to-check-if-string-is-number-in-javascript_hu7617250843278388154.webp"
+   width="920px"
+/> 
+  
+    <p>In the realm of web development, the versatility and power of JavaScript stand unchallenged. It is pivotal in adding interactivity to websites, working with data, and creating complex web applications. A common hurdle developers often stumble upon is determining whether a given piece of text—more formally, a string—represents a number. This validation is crucial for data processing, form submissions, and other scenarios where numeric input is expected. This comprehensive article explores the methods and best practices for checking if a string is a number in JavaScript, ensuring your code is robust, reliable, and ready for real-world usage.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-check-if-string-is-number-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-an-array-is-empty-in-javascript/">How to check if an array is empty in JavaScript?</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
@@ -789,60 +839,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-elemen
     </div>
      
   
-</div><div class="post mb-6">
-  
-    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-create-react-app-to-vite/">How to Migrate from create-react-app to Vite?</a></h2>
-  
-  <div class="d-flex flex-wrap mb-4">
-    <div class="post-date me-4">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<title>calendar</title>
-<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
-<path d="M14 28h4v4h-4v-4z"></path>
-<path d="M25 28h4v4h-4v-4z"></path>
-<path d="M35 28h4v4h-4v-4z"></path>
-<path d="M46 28h4v4h-4v-4z"></path>
-<path d="M14 37h4v4h-4v-4z"></path>
-<path d="M25 37h4v4h-4v-4z"></path>
-<path d="M35 37h4v4h-4v-4z"></path>
-<path d="M46 37h4v4h-4v-4z"></path>
-<path d="M14 46h4v4h-4v-4z"></path>
-<path d="M25 46h4v4h-4v-4z"></path>
-<path d="M35 46h4v4h-4v-4z"></path>
-<path d="M46 46h4v4h-4v-4z"></path>
-</svg>
-Wednesday, January 10, 2024
-    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
-          <a href="/tags/javascript/">#javascript</a>
-          <a href="/tags/node.js/">#node.js</a>
-          <a href="/tags/vite/">#vite</a>
-          <a href="/tags/cra/">#cra</a>
-          <a href="/tags/create-react-app/">#create-react-app</a>
-          </div></div>
-  
-
-
-  
-  
-  
-  
-
-<img
-  loading="lazy"
-  class="post-image" 
-  alt="How to Migrate from create-react-app to Vite?" 
-    srcset="/images/blog/cra-vite_hu18040529967068358202.webp 480w, /images/blog/cra-vite_hu3131374258139474918.webp 768w, /images/blog/cra-vite_hu13594194348032770235.webp 1024w, /images/blog/cra-vite_hu9241263533019932617.webp 1366w"  
-  src="/images/blog/cra-vite_hu8261980274864893091.webp"
-   width="920px"
-/> 
-  
-    <p>In the evolving landscape of web development, keeping up with efficient tools and processes is crucial for any developer looking to enhance performance and maintainability. Vite has emerged as a natural successor to Create React App (CRA) for many looking to build modern, single-page React applications. In this comprehensive guide, we&rsquo;ll walk through the steps to migrate your project from CRA to Vite, with a focus on practicality and ease.</p>
-    
-    <div>
-      <a href="https://coreui.io/blog/how-to-migrate-create-react-app-to-vite/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
-    </div>
-     
-  
 </div>
     <ul class="pagination pagination-default">
       <li class="page-item">
diff --git a/tags/javascript/page/5/index.html b/tags/javascript/page/5/index.html
index e1a7d3abc6d..5690a4f1e7d 100644
--- a/tags/javascript/page/5/index.html
+++ b/tags/javascript/page/5/index.html
@@ -339,6 +339,60 @@
       <div class="blog container py-6">
         <div class="blog-content"><div class="post mb-6">
   
+    <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-create-react-app-to-vite/">How to Migrate from create-react-app to Vite?</a></h2>
+  
+  <div class="d-flex flex-wrap mb-4">
+    <div class="post-date me-4">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
+<title>calendar</title>
+<path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
+<path d="M14 28h4v4h-4v-4z"></path>
+<path d="M25 28h4v4h-4v-4z"></path>
+<path d="M35 28h4v4h-4v-4z"></path>
+<path d="M46 28h4v4h-4v-4z"></path>
+<path d="M14 37h4v4h-4v-4z"></path>
+<path d="M25 37h4v4h-4v-4z"></path>
+<path d="M35 37h4v4h-4v-4z"></path>
+<path d="M46 37h4v4h-4v-4z"></path>
+<path d="M14 46h4v4h-4v-4z"></path>
+<path d="M25 46h4v4h-4v-4z"></path>
+<path d="M35 46h4v4h-4v-4z"></path>
+<path d="M46 46h4v4h-4v-4z"></path>
+</svg>
+Wednesday, January 10, 2024
+    </div><div class="post-tags"><a href="/tags/how-to/">#how-to</a>
+          <a href="/tags/javascript/">#javascript</a>
+          <a href="/tags/node.js/">#node.js</a>
+          <a href="/tags/vite/">#vite</a>
+          <a href="/tags/cra/">#cra</a>
+          <a href="/tags/create-react-app/">#create-react-app</a>
+          </div></div>
+  
+
+
+  
+  
+  
+  
+
+<img
+  loading="lazy"
+  class="post-image" 
+  alt="How to Migrate from create-react-app to Vite?" 
+    srcset="/images/blog/cra-vite_hu18040529967068358202.webp 480w, /images/blog/cra-vite_hu3131374258139474918.webp 768w, /images/blog/cra-vite_hu13594194348032770235.webp 1024w, /images/blog/cra-vite_hu9241263533019932617.webp 1366w"  
+  src="/images/blog/cra-vite_hu8261980274864893091.webp"
+   width="920px"
+/> 
+  
+    <p>In the evolving landscape of web development, keeping up with efficient tools and processes is crucial for any developer looking to enhance performance and maintainability. Vite has emerged as a natural successor to Create React App (CRA) for many looking to build modern, single-page React applications. In this comprehensive guide, we&rsquo;ll walk through the steps to migrate your project from CRA to Vite, with a focus on practicality and ease.</p>
+    
+    <div>
+      <a href="https://coreui.io/blog/how-to-migrate-create-react-app-to-vite/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+    </div>
+     
+  
+</div><div class="post mb-6">
+  
     <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-fix-syntaxerror-cannot-use-import-statement-outside-a-module/">How to fix “SyntaxError: Cannot use import statement outside a module”?</a></h2>
   
   <div class="d-flex flex-wrap mb-4">
diff --git a/themes-templates/index.html b/themes-templates/index.html
index 117feea0322..5ea6aee4c7c 100644
--- a/themes-templates/index.html
+++ b/themes-templates/index.html
@@ -519,7 +519,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/themes-templates/admin-da
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+      <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
         
 
 
@@ -531,13 +531,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/themes-templates/admin-da
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -555,11 +555,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+      <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
         
 
 
@@ -571,13 +571,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-eleme
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -595,11 +595,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+      <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
         
 
 
@@ -611,13 +611,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-in
 <img
   loading="lazy"
   class="post-image" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -635,11 +635,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
+      <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
         
 
 
@@ -651,13 +651,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-co
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to loop inside React JSX" 
-    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
-  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
+  alt="Passing props to child components in React function components" 
+    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
+  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -675,11 +675,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 27, 2024
+Wednesday, October 2, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">
         
 
 
@@ -691,13 +691,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to validate an email address in JavaScript" 
-    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
-  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
+  alt="How to loop inside React JSX" 
+    srcset="/images/blog/how-to-loop-inside-react-jsx_hu7169547029755889567.webp 480w, /images/blog/how-to-loop-inside-react-jsx_hu6800102732350963489.webp 768w, /images/blog/how-to-loop-inside-react-jsx_hu9717952054978581331.webp 1024w, /images/blog/how-to-loop-inside-react-jsx_hu707823567911854449.webp 1366w"  
+  src="/images/blog/how-to-loop-inside-react-jsx_hu4105002008417675748.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-inside-react-jsx/">How to loop inside React JSX</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -715,11 +715,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Friday, September 20, 2024
+Friday, September 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">
         
 
 
@@ -731,13 +731,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the difference between typeof and instanceof in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10962531401800093515.webp 480w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu18251320159369594298.webp 768w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu14649479195618613180.webp 1024w, /images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu10204799118021462396.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript_hu15758313598919965529.webp"
+  alt="How to validate an email address in JavaScript" 
+    srcset="/images/blog/how-to-validate-an-email-address-in-javascript_hu4873215190607315542.webp 480w, /images/blog/how-to-validate-an-email-address-in-javascript_hu9280036794406275200.webp 768w, /images/blog/how-to-validate-an-email-address-in-javascript_hu15878315683086229310.webp 1024w, /images/blog/how-to-validate-an-email-address-in-javascript_hu17439952104869933131.webp 1366w"  
+  src="/images/blog/how-to-validate-an-email-address-in-javascript_hu3841761422969580659.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-typeof-and-instanceof-in-javascript/">What is the difference between typeof and instanceof in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-validate-an-email-address-in-javascript/">How to validate an email address in JavaScript</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -755,7 +755,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, September 17, 2024
+Friday, September 20, 2024
       </div>
       <hr>
     </div></div>
diff --git a/vue-laravel/index.html b/vue-laravel/index.html
index f3e14df7eb1..7da7ca73182 100644
--- a/vue-laravel/index.html
+++ b/vue-laravel/index.html
@@ -684,7 +684,7 @@ <h2 class="section-title"><span class="text-yellow">CoreUI</span> News</h2>
   <div class="container">
     <div class="row"><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -702,9 +702,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
             
 
 
@@ -716,21 +716,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
   
 />
           </a>
           <p>
-            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
+            <p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -748,9 +748,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
             
 
 
@@ -762,21 +762,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
   
 />
           </a>
           <p>
-            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
+            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -794,9 +794,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
           </div>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
             
 
 
@@ -808,16 +808,16 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
   
 />
           </a>
           <p>
-            <p>Passing props in React is a fundamental concept that allows data to flow between components. When building user interfaces with React, you often need to pass additional props from a parent …</p>
+            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
           </p>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div></div>
diff --git a/vue/index.html b/vue/index.html
index 7950e413cff..737430e8976 100644
--- a/vue/index.html
+++ b/vue/index.html
@@ -951,7 +951,7 @@ <h2 class="section-title"><span class="text-yellow">CoreUI</span> News</h2>
   <div class="container">
     <div class="row"><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">How to convert a string to boolean in JavaScript</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -969,9 +969,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Thursday, November 7, 2024
+Wednesday, November 13, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/">
             
 
 
@@ -983,21 +983,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to show or hide elements in React? A Step-by-Step Guide." 
-    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
-  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
+  alt="How to convert a string to boolean in JavaScript" 
+    srcset="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu12813037798663507662.webp 480w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu14513134624155259524.webp 768w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu18298395002692961939.webp 1024w, /images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu7698351607774644796.webp 1366w"  
+  src="/images/blog/how-to-convert-a-string-to-boolean-in-javascript_hu3933520708227606494.webp"
   
 />
           </a>
           <p>
-            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
+            <p>Working with different data types is a common task in JavaScript development. One frequent requirement is to convert a string to a boolean value. This article explores various methods to …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-convert-a-string-to-boolean-in-javascript/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">How to show or hide elements in React? A Step-by-Step Guide.</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1015,9 +1015,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 16, 2024
+Thursday, November 7, 2024
           </div>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/">
             
 
 
@@ -1029,21 +1029,21 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="How to set focus on an input field after rendering in React" 
-    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
-  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
+  alt="How to show or hide elements in React? A Step-by-Step Guide." 
+    srcset="/images/blog/how-to-show-or-hide-element-in-react_hu13271220492464274174.webp 480w, /images/blog/how-to-show-or-hide-element-in-react_hu2179265267815787461.webp 768w, /images/blog/how-to-show-or-hide-element-in-react_hu6488657021192520032.webp 1024w, /images/blog/how-to-show-or-hide-element-in-react_hu14253604614344491112.webp 1366w"  
+  src="/images/blog/how-to-show-or-hide-element-in-react_hu17884724344009664321.webp"
   
 />
           </a>
           <p>
-            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
+            <p>In modern web development, creating dynamic user interfaces is essential. The React library, a popular JavaScript tool, allows developers to build rich user interfaces by efficiently …</p>
           </p>
-          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-show-or-hide-element-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div><div class="col-md-4 mb-4 mb-md-0">
         <div class="post px-3">
-          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">Passing props to child components in React function components</a></h3>
+          <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">How to set focus on an input field after rendering in React</a></h3>
           <div class="post-date mb-4">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -1061,9 +1061,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, October 2, 2024
+Wednesday, October 16, 2024
           </div>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/">
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/">
             
 
 
@@ -1075,16 +1075,16 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/passin
 <img
   loading="lazy"
   class="post-image mb-0" 
-  alt="Passing props to child components in React function components" 
-    srcset="/images/blog/passing-props-to-child-components-in-react-function-components_hu634700452330348074.webp 480w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9405886966818637575.webp 768w, /images/blog/passing-props-to-child-components-in-react-function-components_hu13781846731377808509.webp 1024w, /images/blog/passing-props-to-child-components-in-react-function-components_hu9709931440615321840.webp 1366w"  
-  src="/images/blog/passing-props-to-child-components-in-react-function-components_hu5108605810135283187.webp"
+  alt="How to set focus on an input field after rendering in React" 
+    srcset="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu13864649975847264522.webp 480w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu16272307397020626998.webp 768w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6684525218561275843.webp 1024w, /images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu4900695735163775509.webp 1366w"  
+  src="/images/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react_hu6630094707317875284.webp"
   
 />
           </a>
           <p>
-            <p>Passing props in React is a fundamental concept that allows data to flow between components. When building user interfaces with React, you often need to pass additional props from a parent …</p>
+            <p>In modern React applications, managing focus on input elements is crucial for enhancing user experience. This practical guide will explore how to set focus on an input field after rendering …</p>
           </p>
-          <a href="https://coreui.io/blog/passing-props-to-child-components-in-react-function-components/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
+          <a href="https://coreui.io/blog/how-to-set-focus-on-an-input-field-after-rendering-in-react/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
         </div>
         <hr class="d-md-none">
       </div></div>