Skip to content

Commit

Permalink
update website
Browse files Browse the repository at this point in the history
  • Loading branch information
@mrholek
mrholek committed Jun 13, 2024
1 parent 132736d commit 123d031
Show file tree
Hide file tree
Showing 212 changed files with 10,237 additions and 8,305 deletions.
48 changes: 24 additions & 24 deletions angular/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -942,7 +942,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-fix-react-must-be-in-scope-when-using-jsx/">Understanding and Resolving the “React Must Be in Scope When Using JSX</a></h3>
<h3 class="post-title text-truncate 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></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>
Expand All @@ -960,9 +960,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>
Tuesday, June 11, 2024
Thursday, June 13, 2024
</div>
<a href="https://coreui.io/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/">
<a href="https://coreui.io/blog/how-to-remove-underline-from-link-in-css/">



Expand All @@ -974,20 +974,20 @@ <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="Understanding and Resolving the “React Must Be in Scope When Using JSX"
srcset="/images/blog/how-to-fix-react-must-be-in-scope-when-using-jsx_hu448926a2ab835bd6fb37552d2e1634db_102974_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-fix-react-must-be-in-scope-when-using-jsx_hu448926a2ab835bd6fb37552d2e1634db_102974_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-fix-react-must-be-in-scope-when-using-jsx_hu448926a2ab835bd6fb37552d2e1634db_102974_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-fix-react-must-be-in-scope-when-using-jsx_hu448926a2ab835bd6fb37552d2e1634db_102974_1366x0_resize_q90_h2_box_3.webp 1366w"
src="/images/blog/how-to-fix-react-must-be-in-scope-when-using-jsx_hu448926a2ab835bd6fb37552d2e1634db_102974_1360x0_resize_q90_h2_box_3.webp"
alt="How to Remove Underline from Link in CSS"
srcset="/images/blog/how-to-remove-underline-from-link-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79901_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-remove-underline-from-link-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79901_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-remove-underline-from-link-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79901_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-remove-underline-from-link-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79901_1366x0_resize_q90_h2_box_3.webp 1366w"
src="/images/blog/how-to-remove-underline-from-link-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79901_1360x0_resize_q90_h2_box_3.webp"
/>
</a>
<p>
<p>React developers often encounter the error message &ldquo;React must be in scope when using JSX.&rdquo; This common error can be confusing, especially for beginners. In this article, we will …</p>
<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 …</p>
</p>
<a href="https://coreui.io/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
<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>
<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/what-does-javascript-void-0-mean/">What Does javascript:void(0) Mean?</a></h3>
<h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/">Understanding and Resolving the “React Must Be in Scope When Using JSX</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>
Expand All @@ -1005,9 +1005,9 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/what-d
<path d="M35 46h4v4h-4v-4z"></path>
<path d="M46 46h4v4h-4v-4z"></path>
</svg>
Tuesday, June 4, 2024
Tuesday, June 11, 2024
</div>
<a href="https://coreui.io/blog/what-does-javascript-void-0-mean/">
<a href="https://coreui.io/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/">



Expand All @@ -1019,20 +1019,20 @@ <h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/what-d
<img
loading="lazy"
class="post-image mb-0"
alt="What Does javascript:void(0) Mean?"
srcset="/images/blog/what-does-javascript-void-0-mean_hu0082b4bc3ab95b5d3259ea10f1327dfc_94763_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/what-does-javascript-void-0-mean_hu0082b4bc3ab95b5d3259ea10f1327dfc_94763_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/what-does-javascript-void-0-mean_hu0082b4bc3ab95b5d3259ea10f1327dfc_94763_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/what-does-javascript-void-0-mean_hu0082b4bc3ab95b5d3259ea10f1327dfc_94763_1366x0_resize_q90_h2_box_3.webp 1366w"
src="/images/blog/what-does-javascript-void-0-mean_hu0082b4bc3ab95b5d3259ea10f1327dfc_94763_1360x0_resize_q90_h2_box_3.webp"
alt="Understanding and Resolving the “React Must Be in Scope When Using JSX"
srcset="/images/blog/how-to-fix-react-must-be-in-scope-when-using-jsx_hu448926a2ab835bd6fb37552d2e1634db_102974_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-fix-react-must-be-in-scope-when-using-jsx_hu448926a2ab835bd6fb37552d2e1634db_102974_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-fix-react-must-be-in-scope-when-using-jsx_hu448926a2ab835bd6fb37552d2e1634db_102974_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-fix-react-must-be-in-scope-when-using-jsx_hu448926a2ab835bd6fb37552d2e1634db_102974_1366x0_resize_q90_h2_box_3.webp 1366w"
src="/images/blog/how-to-fix-react-must-be-in-scope-when-using-jsx_hu448926a2ab835bd6fb37552d2e1634db_102974_1360x0_resize_q90_h2_box_3.webp"
/>
</a>
<p>
<p>In JavaScript, <code>javascript:void(0)</code> is a common expression used within hyperlinks to prevent the default behavior of the link, such as reloading the page or navigating to a new page. This …</p>
<p>React developers often encounter the error message &ldquo;React must be in scope when using JSX.&rdquo; This common error can be confusing, especially for beginners. In this article, we will …</p>
</p>
<a href="https://coreui.io/blog/what-does-javascript-void-0-mean/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
<a href="https://coreui.io/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/" 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-detect-a-click-outside-of-a-react-component/">How to Detect a Click Outside of a React Component</a></h3>
<h3 class="post-title text-truncate mb-3"><a href="https://coreui.io/blog/what-does-javascript-void-0-mean/">What Does javascript:void(0) Mean?</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>
Expand All @@ -1050,9 +1050,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>
Friday, May 31, 2024
Tuesday, June 4, 2024
</div>
<a href="https://coreui.io/blog/how-to-detect-a-click-outside-of-a-react-component/">
<a href="https://coreui.io/blog/what-does-javascript-void-0-mean/">



Expand All @@ -1064,15 +1064,15 @@ <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 Detect a Click Outside of a React Component"
srcset="/images/blog/how-to-detect-a-click-outside-of-a-react-component_hu448926a2ab835bd6fb37552d2e1634db_100165_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-detect-a-click-outside-of-a-react-component_hu448926a2ab835bd6fb37552d2e1634db_100165_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-detect-a-click-outside-of-a-react-component_hu448926a2ab835bd6fb37552d2e1634db_100165_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-detect-a-click-outside-of-a-react-component_hu448926a2ab835bd6fb37552d2e1634db_100165_1366x0_resize_q90_h2_box_3.webp 1366w"
src="/images/blog/how-to-detect-a-click-outside-of-a-react-component_hu448926a2ab835bd6fb37552d2e1634db_100165_1360x0_resize_q90_h2_box_3.webp"
alt="What Does javascript:void(0) Mean?"
srcset="/images/blog/what-does-javascript-void-0-mean_hu0082b4bc3ab95b5d3259ea10f1327dfc_94763_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/what-does-javascript-void-0-mean_hu0082b4bc3ab95b5d3259ea10f1327dfc_94763_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/what-does-javascript-void-0-mean_hu0082b4bc3ab95b5d3259ea10f1327dfc_94763_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/what-does-javascript-void-0-mean_hu0082b4bc3ab95b5d3259ea10f1327dfc_94763_1366x0_resize_q90_h2_box_3.webp 1366w"
src="/images/blog/what-does-javascript-void-0-mean_hu0082b4bc3ab95b5d3259ea10f1327dfc_94763_1360x0_resize_q90_h2_box_3.webp"
/>
</a>
<p>
<p>Detecting clicks outside a React component enhances user interactions by managing behaviors like closing <a href="https://coreui.io/react/docs/components/tooltip/">tooltip</a>, <a href="https://coreui.io/react/docs/components/modal/">modals</a>, or <a href="https://coreui.io/react/docs/components/dropdown/">dropdown component</a> when users click outside them. This technique …</p>
<p>In JavaScript, <code>javascript:void(0)</code> is a common expression used within hyperlinks to prevent the default behavior of the link, such as reloading the page or navigating to a new page. This …</p>
</p>
<a href="https://coreui.io/blog/how-to-detect-a-click-outside-of-a-react-component/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
<a href="https://coreui.io/blog/what-does-javascript-void-0-mean/" class="btn btn-border btn-border-grey btn-xl">Read More…</a>
</div>
<hr class="d-md-none">
</div></div>
Expand Down
Loading

0 comments on commit 123d031

Please sign in to comment.