update website

coreui · Nov 13, 2024 · 435c5bb · 435c5bb
1 parent e0499e4
commit 435c5bb
Show file tree

Hide file tree

Showing 339 changed files with 14,155 additions and 13,095 deletions.
diff --git 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>