Getting Started with React: A Comprehensive Guide for Beginners
HTML Tags Used in This Article:
– ``: Defines the root element of an HTML document.
– `
`: Contains meta-information about the HTML document.
– `
`: Specifies the title of the HTML document.<br />
– `<body>`: Contains the visible content of the HTML document.<br />
– `</p>
<h1>` to `</p>
<h6>`: Represents headings of different levels.<br />
– `</p>
<p>`: Represents a paragraph of text.<br />
– `<a>`: Creates a hyperlink to another webpage or a specific part of the same webpage.<br />
– `<img>`: Embeds an image in the HTML document.<br />
– `</p>
<ul>`: Creates an unordered list.<br />
– `</p>
<li>`: Represents a list item.<br />
– `</p>
<div>`: Defines a division or a container for other HTML elements.<br />
– `<span>`: Defines a section of text within a larger document.<br />
– `<button>`: Creates a clickable button.</p>
<p>Introduction:<br />
React is a popular JavaScript library used for building user interfaces. It simplifies the process of creating interactive web applications by using reusable UI components. If you’re new to React, this comprehensive guide will help you get started with React and learn the basics.</p>
<p>1. Setting up an HTML Document:<br />
To begin with, create an HTML document by opening a text editor and saving the file with a .html extension. Open the file in a web browser to see the result. The basic structure of an HTML document includes opening and closing tags of `<html>`, `<head>`, and `<body>`. Add a title using the `<title>` tag inside the `<head>`.</p>
<p>2. Creating Headings and Paragraphs:<br />
Use the `</p>
<h1>` to `</p>
<h6>` tags for creating headings of different levels. These tags follow a hierarchical structure, with `</p>
<h1>` being the highest and `</p>
<h6>` being the lowest level of heading. For regular text, utilize the `</p>
<p>` tag to create paragraphs.</p>
<p>3. Adding Hyperlinks and Images:<br />
To link to other webpages or specific parts of the same webpage, use the `<a>` tag. It requires an `href` attribute to specify the URL or target location. For adding images, utilize the `<img>` tag with the `src` attribute to define the image URL.</p>
<p>4. Creating Lists:<br />
Use the `</p>
<ul>` tag to create unordered lists and `</p>
<li>` tags to define individual items in the list. This is useful for presenting information in a structured format, such as a list of steps or bullet points.
<p>5. Understanding Divisions and Spans:<br />
The `</p>
<div>` tag is used to create divisions or containers within an HTML document. It helps in organizing and styling different sections of a webpage. On the other hand, the `<span>` tag is used to define a section of text within a larger document. It is often used to apply styling or manipulate specific parts of the text.</p>
<p>6. Interactive Elements with Buttons:<br />
For creating interactive elements like buttons, use the `<button>` tag. You can add text or other HTML elements inside the button tags to create a clickable button. Utilize the `onclick` attribute to specify the action to be performed when the button is clicked. This allows you to trigger JavaScript functions or perform other actions.</p>
<p>Conclusion:<br />
In this article, we covered the basic HTML tags you will encounter while getting started with React. Understanding these tags is crucial since React builds upon HTML to create interactive user interfaces. By mastering HTML tags, you will have a solid foundation for developing React applications. Remember to practice using these tags in your HTML documents to gain confidence and familiarity.<br />
</p>
<div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing"><h3 class="sd-title">Share this:</h3><div class="sd-content"><ul><li class="share-twitter"><a rel="nofollow noopener noreferrer" data-shared="sharing-twitter-2331" class="share-twitter sd-button share-icon" href="https://jscommands.com/getting-started-with-react-a-comprehensive-guide-for-beginners/?share=twitter" target="_blank" title="Click to share on Twitter" ><span>Twitter</span></a></li><li class="share-facebook"><a rel="nofollow noopener noreferrer" data-shared="sharing-facebook-2331" class="share-facebook sd-button share-icon" href="https://jscommands.com/getting-started-with-react-a-comprehensive-guide-for-beginners/?share=facebook" target="_blank" title="Click to share on Facebook" ><span>Facebook</span></a></li><li class="share-jetpack-whatsapp"><a rel="nofollow noopener noreferrer" data-shared="" class="share-jetpack-whatsapp sd-button share-icon" href="https://jscommands.com/getting-started-with-react-a-comprehensive-guide-for-beginners/?share=jetpack-whatsapp" target="_blank" title="Click to share on WhatsApp" ><span>WhatsApp</span></a></li><li class="share-reddit"><a rel="nofollow noopener noreferrer" data-shared="" class="share-reddit sd-button share-icon" href="https://jscommands.com/getting-started-with-react-a-comprehensive-guide-for-beginners/?share=reddit" target="_blank" title="Click to share on Reddit" ><span>Reddit</span></a></li><li class="share-linkedin"><a rel="nofollow noopener noreferrer" data-shared="sharing-linkedin-2331" class="share-linkedin sd-button share-icon" href="https://jscommands.com/getting-started-with-react-a-comprehensive-guide-for-beginners/?share=linkedin" target="_blank" title="Click to share on LinkedIn" ><span>LinkedIn</span></a></li><li class="share-telegram"><a rel="nofollow noopener noreferrer" data-shared="" class="share-telegram sd-button share-icon" href="https://jscommands.com/getting-started-with-react-a-comprehensive-guide-for-beginners/?share=telegram" target="_blank" title="Click to share on Telegram" ><span>Telegram</span></a></li><li class="share-end"></li></ul></div></div></div><div class='sharedaddy sd-block sd-like jetpack-likes-widget-wrapper jetpack-likes-widget-unloaded' id='like-post-wrapper-213422769-2331-673f97bb44d4c' data-src='https://widgets.wp.com/likes/?ver=14.0#blog_id=213422769&post_id=2331&origin=jscommands.com&obj_id=213422769-2331-673f97bb44d4c&n=1' data-name='like-post-frame-213422769-2331-673f97bb44d4c' data-title='Like or Reblog'><h3 class="sd-title">Like this:</h3><div class='likes-widget-placeholder post-likes-widget-placeholder' style='height: 55px;'><span class='button'><span>Like</span></span> <span class="loading">Loading…</span></div><span class='sd-text-color'></span><a class='sd-link-color'></a></div></div>
<div class="taxonomy-post_tag wp-block-post-terms"><a href="https://jscommands.com/tag/angular-js/" rel="tag">Angular.js</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/beginners/" rel="tag">beginner’s</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/comprehensive/" rel="tag">comprehensive</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/express-js/" rel="tag">Express.js</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/for/" rel="tag">for</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/getting/" rel="tag">getting</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/guide/" rel="tag">guide</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/guides/" rel="tag">Guides</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/javascript/" rel="tag">javascript</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/jest/" rel="tag">Jest</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/libraries/" rel="tag">libraries</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/next-js/" rel="tag">Next.js</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/node-js/" rel="tag">node.js</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/react/" rel="tag">React</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/react-js/" rel="tag">react.js</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/started/" rel="tag">started</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/svelte/" rel="tag">Svelte</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/tutorial/" rel="tag">Tutorial</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/vite/" rel="tag">vite</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/vite-js/" rel="tag">vite.js</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/vue-js/" rel="tag">Vue.js</a><span class="wp-block-post-terms__separator">, </span><a href="https://jscommands.com/tag/with/" rel="tag">with</a></div>
<div class="wp-block-group author-box is-layout-constrained wp-container-core-group-is-layout-8 wp-block-group-is-layout-constrained"><div class="wp-block-post-author"><div class="wp-block-post-author__avatar"><img src='https://secure.gravatar.com/avatar/fc636c4cafef7ac1ec21594460fb96a1?s=250&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/fc636c4cafef7ac1ec21594460fb96a1?s=250&d=mm&r=g 2x' class='avatar avatar-48 photo' height='48' width='48' decoding='async'/></div><div class="wp-block-post-author__content"><p class="wp-block-post-author__name">Alfalfa</p></div></div>
</div>
<div class="wp-block-comments"><div></div></div></div>
</div>
<div class="wp-block-column sidebar is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%"><div class="wp-block-template-part">
<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-15 wp-block-group-is-layout-constrained">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image size-full has-custom-border"><img decoding="async" src="https://jscommands.com/wp-content/themes/visualblogger/assets/img/300x250.png" alt="" class="wp-image-140" style="border-radius:4px"/></figure>
</div>
<div class="wp-block-group has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-12 wp-block-group-is-layout-constrained" style="border-radius:4px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px">
<h3 class="section-header wp-block-heading has-normal-font-size"><strong>Recent Posts</strong></h3>
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:1em"><ul style="line-height:1.3;" class="wp-block-latest-posts__list has-dates wp-block-latest-posts has-tiny-font-size"><li><div class="wp-block-latest-posts__featured-image alignleft"><a href="https://jscommands.com/gatsbyjs-client-side-paths-lead-to-404-page-when-accessed-directly-in-browser/" aria-label="GatsbyJS client-side paths lead to 404 page when accessed directly in browser”"><img loading="lazy" width="150" height="150" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?resize=150%2C150&ssl=1" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" style="max-width:80px;max-height:80px;" decoding="async" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?resize=150%2C150&ssl=1 150w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?zoom=2&resize=150%2C150&ssl=1 300w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?zoom=3&resize=150%2C150&ssl=1 450w" sizes="auto, (max-width: 150px) 100vw, 150px" /></a></div><a class="wp-block-latest-posts__post-title" href="https://jscommands.com/gatsbyjs-client-side-paths-lead-to-404-page-when-accessed-directly-in-browser/">GatsbyJS client-side paths lead to 404 page when accessed directly in browser”</a><time datetime="2024-11-21T19:46:15+00:00" class="wp-block-latest-posts__post-date">November 21, 2024</time></li>
<li><div class="wp-block-latest-posts__featured-image alignleft"><a href="https://jscommands.com/enhancing-faster-rcnn-with-pytorch-for-object-detection-custom-dataset-for-wheat-detection/" aria-label="Enhancing Faster-RCNN with PyTorch for Object Detection: Custom Dataset for Wheat Detection"><img width="150" height="150" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?resize=150%2C150&ssl=1" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" style="max-width:80px;max-height:80px;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?resize=150%2C150&ssl=1 150w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?zoom=2&resize=150%2C150&ssl=1 300w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?zoom=3&resize=150%2C150&ssl=1 450w" sizes="auto, (max-width: 150px) 100vw, 150px" /></a></div><a class="wp-block-latest-posts__post-title" href="https://jscommands.com/enhancing-faster-rcnn-with-pytorch-for-object-detection-custom-dataset-for-wheat-detection/">Enhancing Faster-RCNN with PyTorch for Object Detection: Custom Dataset for Wheat Detection</a><time datetime="2024-11-21T19:32:27+00:00" class="wp-block-latest-posts__post-date">November 21, 2024</time></li>
<li><div class="wp-block-latest-posts__featured-image alignleft"><a href="https://jscommands.com/surprising-outcomes-%f0%9f%98%95-ml-tensorflow-experiments-on-m1-pro-max-macbooks/" aria-label="Surprising outcomes 😕 ML @TensorFlow experiments on M1 Pro/Max MacBooks"><img width="150" height="150" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?resize=150%2C150&ssl=1" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" style="max-width:80px;max-height:80px;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?resize=150%2C150&ssl=1 150w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?zoom=2&resize=150%2C150&ssl=1 300w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?zoom=3&resize=150%2C150&ssl=1 450w" sizes="auto, (max-width: 150px) 100vw, 150px" /></a></div><a class="wp-block-latest-posts__post-title" href="https://jscommands.com/surprising-outcomes-%f0%9f%98%95-ml-tensorflow-experiments-on-m1-pro-max-macbooks/">Surprising outcomes 😕 ML @TensorFlow experiments on M1 Pro/Max MacBooks</a><time datetime="2024-11-21T18:30:26+00:00" class="wp-block-latest-posts__post-date">November 21, 2024</time></li>
<li><div class="wp-block-latest-posts__featured-image alignleft"><a href="https://jscommands.com/exploring-the-advantages-and-benefits-of-express-js/" aria-label="Exploring the Advantages and Benefits of Express.js"><img width="150" height="150" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732210759_maxresdefault.jpg?resize=150%2C150&ssl=1" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" style="max-width:80px;max-height:80px;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732210759_maxresdefault.jpg?resize=150%2C150&ssl=1 150w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732210759_maxresdefault.jpg?zoom=2&resize=150%2C150&ssl=1 300w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732210759_maxresdefault.jpg?zoom=3&resize=150%2C150&ssl=1 450w" sizes="auto, (max-width: 150px) 100vw, 150px" /></a></div><a class="wp-block-latest-posts__post-title" href="https://jscommands.com/exploring-the-advantages-and-benefits-of-express-js/">Exploring the Advantages and Benefits of Express.js</a><time datetime="2024-11-21T17:39:18+00:00" class="wp-block-latest-posts__post-date">November 21, 2024</time></li>
<li><div class="wp-block-latest-posts__featured-image alignleft"><a href="https://jscommands.com/using-python-remote-sensing-data-and-machine-learning-to-classify-land-cover/" aria-label="Using Python, Remote Sensing Data, and Machine Learning to Classify Land Cover"><img width="150" height="150" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732210100_maxresdefault.jpg?resize=150%2C150&ssl=1" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" style="max-width:80px;max-height:80px;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732210100_maxresdefault.jpg?resize=150%2C150&ssl=1 150w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732210100_maxresdefault.jpg?zoom=2&resize=150%2C150&ssl=1 300w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732210100_maxresdefault.jpg?zoom=3&resize=150%2C150&ssl=1 450w" sizes="auto, (max-width: 150px) 100vw, 150px" /></a></div><a class="wp-block-latest-posts__post-title" href="https://jscommands.com/using-python-remote-sensing-data-and-machine-learning-to-classify-land-cover/">Using Python, Remote Sensing Data, and Machine Learning to Classify Land Cover</a><time datetime="2024-11-21T17:28:18+00:00" class="wp-block-latest-posts__post-date">November 21, 2024</time></li>
</ul></div>
</div>
<div class="wp-block-group has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-13 wp-block-group-is-layout-constrained" style="border-radius:4px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px">
<h3 class="section-header wp-block-heading has-normal-font-size"><strong>Categories</strong></h3>
<ul style="margin-top:1em;" class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-88795"><a href="https://jscommands.com/category/akwaabatv/">AkwaabaTV</a> <span class="post-count"> 12 </span>
</li>
<li class="cat-item cat-item-1464"><a href="https://jscommands.com/category/angular-js/">Angular js</a> <span class="post-count"> 820 </span>
</li>
<li class="cat-item cat-item-71"><a href="https://jscommands.com/category/arrays/">Arrays</a> <span class="post-count"> 1 </span>
</li>
<li class="cat-item cat-item-1469"><a href="https://jscommands.com/category/express-js/">Express.js</a> <span class="post-count"> 263 </span>
</li>
<li class="cat-item cat-item-11933"><a href="https://jscommands.com/category/gasby-js/">Gasby.js</a> <span class="post-count"> 4 </span>
</li>
<li class="cat-item cat-item-1"><a href="https://jscommands.com/category/guides/">Guides</a> <span class="post-count"> 4,271 </span>
</li>
<li class="cat-item cat-item-1462"><a href="https://jscommands.com/category/javascript/">Javascript</a> <span class="post-count"> 936 </span>
</li>
<li class="cat-item cat-item-21"><a href="https://jscommands.com/category/libraries/">Libraries</a> <span class="post-count"> 134 </span>
</li>
<li class="cat-item cat-item-1468"><a href="https://jscommands.com/category/next-js/">Next.js</a> <span class="post-count"> 447 </span>
</li>
<li class="cat-item cat-item-1471"><a href="https://jscommands.com/category/node-js/">node.js</a> <span class="post-count"> 666 </span>
</li>
<li class="cat-item cat-item-15858"><a href="https://jscommands.com/category/nw/">nw</a> <span class="post-count"> 892 </span>
</li>
<li class="cat-item cat-item-52"><a href="https://jscommands.com/category/project/">Project</a> <span class="post-count"> 1 </span>
</li>
<li class="cat-item cat-item-29275"><a href="https://jscommands.com/category/python/">Python</a> <span class="post-count"> 8,089 </span>
</li>
<li class="cat-item cat-item-1463"><a href="https://jscommands.com/category/react-js/">React js</a> <span class="post-count"> 764 </span>
</li>
<li class="cat-item cat-item-19"><a href="https://jscommands.com/category/tutorial/">Tutorial</a> <span class="post-count"> 140 </span>
</li>
<li class="cat-item cat-item-9"><a href="https://jscommands.com/category/video/">Video</a> <span class="post-count"> 3,834 </span>
</li>
<li class="cat-item cat-item-1465"><a href="https://jscommands.com/category/vite/">Vite</a> <span class="post-count"> 484 </span>
</li>
<li class="cat-item cat-item-11932"><a href="https://jscommands.com/category/vite-js/">Vite.js</a> <span class="post-count"> 39 </span>
</li>
<li class="cat-item cat-item-1466"><a href="https://jscommands.com/category/vue-js/">Vue.js</a> <span class="post-count"> 775 </span>
</li>
</ul></div>
<div class="wp-block-group has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-14 wp-block-group-is-layout-constrained" style="border-radius:4px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px">
<h3 class="section-header wp-block-heading has-normal-font-size"><strong>Tags</strong></h3>
<p style="margin-top:1em;" class="is-style-default wp-block-tag-cloud"><a href="https://jscommands.com/tag/and/" class="tag-cloud-link tag-link-338 tag-link-position-1" style="font-size: 12px;" aria-label="and (4,392 items)">and</a>
<a href="https://jscommands.com/tag/angular/" class="tag-cloud-link tag-link-232 tag-link-position-2" style="font-size: 12px;" aria-label="Angular (8,435 items)">Angular</a>
<a href="https://jscommands.com/tag/angular-js/" class="tag-cloud-link tag-link-309 tag-link-position-3" style="font-size: 12px;" aria-label="Angular.js (8,542 items)">Angular.js</a>
<a href="https://jscommands.com/tag/bottle/" class="tag-cloud-link tag-link-29276 tag-link-position-4" style="font-size: 12px;" aria-label="Bottle (8,079 items)">Bottle</a>
<a href="https://jscommands.com/tag/django/" class="tag-cloud-link tag-link-821 tag-link-position-5" style="font-size: 12px;" aria-label="django (8,114 items)">django</a>
<a href="https://jscommands.com/tag/express-js/" class="tag-cloud-link tag-link-222 tag-link-position-6" style="font-size: 12px;" aria-label="Express.js (8,544 items)">Express.js</a>
<a href="https://jscommands.com/tag/fastapi/" class="tag-cloud-link tag-link-9194 tag-link-position-7" style="font-size: 12px;" aria-label="fastapi, (8,085 items)">fastapi,</a>
<a href="https://jscommands.com/tag/flask/" class="tag-cloud-link tag-link-2688 tag-link-position-8" style="font-size: 12px;" aria-label="flask (8,092 items)">flask</a>
<a href="https://jscommands.com/tag/for/" class="tag-cloud-link tag-link-337 tag-link-position-9" style="font-size: 12px;" aria-label="for (2,515 items)">for</a>
<a href="https://jscommands.com/tag/gatsby-js/" class="tag-cloud-link tag-link-223 tag-link-position-10" style="font-size: 12px;" aria-label="Gatsby.js (8,408 items)">Gatsby.js</a>
<a href="https://jscommands.com/tag/guides/" class="tag-cloud-link tag-link-23 tag-link-position-11" style="font-size: 12px;" aria-label="Guides (4,123 items)">Guides</a>
<a href="https://jscommands.com/tag/javascript/" class="tag-cloud-link tag-link-72 tag-link-position-12" style="font-size: 12px;" aria-label="javascript (8,676 items)">javascript</a>
<a href="https://jscommands.com/tag/keras/" class="tag-cloud-link tag-link-29280 tag-link-position-13" style="font-size: 12px;" aria-label="Keras (8,080 items)">Keras</a>
<a href="https://jscommands.com/tag/kivy/" class="tag-cloud-link tag-link-29283 tag-link-position-14" style="font-size: 12px;" aria-label="Kivy (8,079 items)">Kivy</a>
<a href="https://jscommands.com/tag/next-js/" class="tag-cloud-link tag-link-235 tag-link-position-15" style="font-size: 12px;" aria-label="Next.js (8,550 items)">Next.js</a>
<a href="https://jscommands.com/tag/node-js/" class="tag-cloud-link tag-link-229 tag-link-position-16" style="font-size: 12px;" aria-label="node.js (8,552 items)">node.js</a>
<a href="https://jscommands.com/tag/pyqt/" class="tag-cloud-link tag-link-29281 tag-link-position-17" style="font-size: 12px;" aria-label="PyQt (8,079 items)">PyQt</a>
<a href="https://jscommands.com/tag/pysimplegui/" class="tag-cloud-link tag-link-29284 tag-link-position-18" style="font-size: 12px;" aria-label="PySimpleGUI (8,079 items)">PySimpleGUI</a>
<a href="https://jscommands.com/tag/python/" class="tag-cloud-link tag-link-791 tag-link-position-19" style="font-size: 12px;" aria-label="python (8,252 items)">python</a>
<a href="https://jscommands.com/tag/pytorch/" class="tag-cloud-link tag-link-29279 tag-link-position-20" style="font-size: 12px;" aria-label="PyTorch (8,080 items)">PyTorch</a>
<a href="https://jscommands.com/tag/react-js/" class="tag-cloud-link tag-link-211 tag-link-position-21" style="font-size: 12px;" aria-label="react.js (8,553 items)">react.js</a>
<a href="https://jscommands.com/tag/scikit-learn/" class="tag-cloud-link tag-link-29277 tag-link-position-22" style="font-size: 12px;" aria-label="scikit-learn (8,080 items)">scikit-learn</a>
<a href="https://jscommands.com/tag/tensorflow/" class="tag-cloud-link tag-link-29278 tag-link-position-23" style="font-size: 12px;" aria-label="TensorFlow (8,082 items)">TensorFlow</a>
<a href="https://jscommands.com/tag/tkinter/" class="tag-cloud-link tag-link-29282 tag-link-position-24" style="font-size: 12px;" aria-label="Tkinter (8,079 items)">Tkinter</a>
<a href="https://jscommands.com/tag/video/" class="tag-cloud-link tag-link-243 tag-link-position-25" style="font-size: 12px;" aria-label="video (4,068 items)">video</a>
<a href="https://jscommands.com/tag/vite/" class="tag-cloud-link tag-link-311 tag-link-position-26" style="font-size: 12px;" aria-label="vite (8,543 items)">vite</a>
<a href="https://jscommands.com/tag/vite-js/" class="tag-cloud-link tag-link-310 tag-link-position-27" style="font-size: 12px;" aria-label="vite.js (8,542 items)">vite.js</a>
<a href="https://jscommands.com/tag/vue/" class="tag-cloud-link tag-link-312 tag-link-position-28" style="font-size: 12px;" aria-label="vue (8,419 items)">vue</a>
<a href="https://jscommands.com/tag/vue-js/" class="tag-cloud-link tag-link-233 tag-link-position-29" style="font-size: 12px;" aria-label="Vue.js (8,548 items)">Vue.js</a>
<a href="https://jscommands.com/tag/with/" class="tag-cloud-link tag-link-109 tag-link-position-30" style="font-size: 12px;" aria-label="with (4,267 items)">with</a></p></div>
</div>
</div></div>
</div>
</main>
<footer class="wp-block-template-part">
<div class="wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-e28222298d2fac894ae51af5d216043f is-layout-constrained wp-container-core-group-is-layout-27 wp-block-group-is-layout-constrained" style="margin-top:1em;padding-top:2rem">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-white-color has-text-color"><a href="#">Category Name</a></h3>
</div>
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:0px;margin-bottom:0px">
<div class="content-style-one-small wp-block-query is-layout-flow wp-block-query-is-layout-flow"><ul class="wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow"><li class="wp-block-post post-71153 post type-post status-publish format-standard has-post-thumbnail hentry category-guides category-video tag-gatsbyjs tag-15057 tag-accessed tag-angular tag-angular-js tag-browser tag-client-side tag-directly tag-express-js tag-gatsby-js tag-guides tag-javascript tag-lead tag-next-js tag-node-js tag-page tag-paths tag-react-js tag-video tag-vite tag-vite-js tag-vue tag-vue-js tag-when">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/gatsbyjs-client-side-paths-lead-to-404-page-when-accessed-directly-in-browser/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="GatsbyJS client-side paths lead to 404 page when accessed directly in browser”" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/gatsbyjs-client-side-paths-lead-to-404-page-when-accessed-directly-in-browser/" target="_self" >GatsbyJS client-side paths lead to 404 page when accessed directly in browser”</a></h2>
</li><li class="wp-block-post post-71151 post type-post status-publish format-standard has-post-thumbnail hentry category-python tag-bottle tag-custom tag-dataset tag-detection tag-django tag-enhancing tag-fastapi tag-faster-rcnn tag-flask tag-for tag-keras tag-kivy tag-object tag-pyqt tag-pysimplegui tag-python tag-pytorch tag-scikit-learn tag-tensorflow tag-tkinter tag-wheat tag-with">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/enhancing-faster-rcnn-with-pytorch-for-object-detection-custom-dataset-for-wheat-detection/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Enhancing Faster-RCNN with PyTorch for Object Detection: Custom Dataset for Wheat Detection" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/enhancing-faster-rcnn-with-pytorch-for-object-detection-custom-dataset-for-wheat-detection/" target="_self" >Enhancing Faster-RCNN with PyTorch for Object Detection: Custom Dataset for Wheat Detection</a></h2>
</li><li class="wp-block-post post-71149 post type-post status-publish format-standard has-post-thumbnail hentry category-python tag-14-versus-16-dev tag-14-versus-16-software-engineering tag-14-vs-16 tag-android tag-apple tag-best-mac-for-dev tag-best-mac-for-software-engineering tag-bottle tag-developer-impression tag-django tag-engineer-benchmarks tag-experiments tag-fastapi tag-flask tag-intellij tag-java tag-java-on-m1 tag-jvm tag-keras tag-kivy tag-m1-java tag-m1-mac-intellij tag-m1-mac-java tag-m1-max tag-m1-pro tag-m1-pro-vs-m1-max tag-macbook-pro tag-macbooks tag-ml-on-m1-mac tag-ml-on-m1-max tag-ml-on-m1-pro tag-mobile-development tag-outcomes tag-pro-max tag-pyqt tag-pysimplegui tag-python tag-pytorch tag-scikit-learn tag-software-development tag-surprising tag-tensorflow tag-tkinter tag-which-macbook-is-best-for-dev tag-which-macbook-is-best-for-development tag-115270">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/surprising-outcomes-%f0%9f%98%95-ml-tensorflow-experiments-on-m1-pro-max-macbooks/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Surprising outcomes 😕 ML @TensorFlow experiments on M1 Pro/Max MacBooks" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/surprising-outcomes-%f0%9f%98%95-ml-tensorflow-experiments-on-m1-pro-max-macbooks/" target="_self" >Surprising outcomes 😕 ML @TensorFlow experiments on M1 Pro/Max MacBooks</a></h2>
</li></ul>
</div>
</div>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-white-color has-text-color"><a href="#">Category Name</a></h3>
</div>
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:0px;margin-bottom:0px">
<div class="content-style-one-small wp-block-query is-layout-flow wp-block-query-is-layout-flow"><ul class="wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow"><li class="wp-block-post post-71153 post type-post status-publish format-standard has-post-thumbnail hentry category-guides category-video tag-gatsbyjs tag-15057 tag-accessed tag-angular tag-angular-js tag-browser tag-client-side tag-directly tag-express-js tag-gatsby-js tag-guides tag-javascript tag-lead tag-next-js tag-node-js tag-page tag-paths tag-react-js tag-video tag-vite tag-vite-js tag-vue tag-vue-js tag-when">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/gatsbyjs-client-side-paths-lead-to-404-page-when-accessed-directly-in-browser/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="GatsbyJS client-side paths lead to 404 page when accessed directly in browser”" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/gatsbyjs-client-side-paths-lead-to-404-page-when-accessed-directly-in-browser/" target="_self" >GatsbyJS client-side paths lead to 404 page when accessed directly in browser”</a></h2>
</li><li class="wp-block-post post-71151 post type-post status-publish format-standard has-post-thumbnail hentry category-python tag-bottle tag-custom tag-dataset tag-detection tag-django tag-enhancing tag-fastapi tag-faster-rcnn tag-flask tag-for tag-keras tag-kivy tag-object tag-pyqt tag-pysimplegui tag-python tag-pytorch tag-scikit-learn tag-tensorflow tag-tkinter tag-wheat tag-with">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/enhancing-faster-rcnn-with-pytorch-for-object-detection-custom-dataset-for-wheat-detection/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Enhancing Faster-RCNN with PyTorch for Object Detection: Custom Dataset for Wheat Detection" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/enhancing-faster-rcnn-with-pytorch-for-object-detection-custom-dataset-for-wheat-detection/" target="_self" >Enhancing Faster-RCNN with PyTorch for Object Detection: Custom Dataset for Wheat Detection</a></h2>
</li><li class="wp-block-post post-71149 post type-post status-publish format-standard has-post-thumbnail hentry category-python tag-14-versus-16-dev tag-14-versus-16-software-engineering tag-14-vs-16 tag-android tag-apple tag-best-mac-for-dev tag-best-mac-for-software-engineering tag-bottle tag-developer-impression tag-django tag-engineer-benchmarks tag-experiments tag-fastapi tag-flask tag-intellij tag-java tag-java-on-m1 tag-jvm tag-keras tag-kivy tag-m1-java tag-m1-mac-intellij tag-m1-mac-java tag-m1-max tag-m1-pro tag-m1-pro-vs-m1-max tag-macbook-pro tag-macbooks tag-ml-on-m1-mac tag-ml-on-m1-max tag-ml-on-m1-pro tag-mobile-development tag-outcomes tag-pro-max tag-pyqt tag-pysimplegui tag-python tag-pytorch tag-scikit-learn tag-software-development tag-surprising tag-tensorflow tag-tkinter tag-which-macbook-is-best-for-dev tag-which-macbook-is-best-for-development tag-115270">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/surprising-outcomes-%f0%9f%98%95-ml-tensorflow-experiments-on-m1-pro-max-macbooks/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Surprising outcomes 😕 ML @TensorFlow experiments on M1 Pro/Max MacBooks" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/surprising-outcomes-%f0%9f%98%95-ml-tensorflow-experiments-on-m1-pro-max-macbooks/" target="_self" >Surprising outcomes 😕 ML @TensorFlow experiments on M1 Pro/Max MacBooks</a></h2>
</li></ul>
</div>
</div>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-white-color has-text-color"><a href="#">Category Name</a></h3>
</div>
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:0px;margin-bottom:0px">
<div class="content-style-one-small wp-block-query is-layout-flow wp-block-query-is-layout-flow"><ul class="wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow"><li class="wp-block-post post-71153 post type-post status-publish format-standard has-post-thumbnail hentry category-guides category-video tag-gatsbyjs tag-15057 tag-accessed tag-angular tag-angular-js tag-browser tag-client-side tag-directly tag-express-js tag-gatsby-js tag-guides tag-javascript tag-lead tag-next-js tag-node-js tag-page tag-paths tag-react-js tag-video tag-vite tag-vite-js tag-vue tag-vue-js tag-when">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/gatsbyjs-client-side-paths-lead-to-404-page-when-accessed-directly-in-browser/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="GatsbyJS client-side paths lead to 404 page when accessed directly in browser”" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/gatsbyjs-client-side-paths-lead-to-404-page-when-accessed-directly-in-browser/" target="_self" >GatsbyJS client-side paths lead to 404 page when accessed directly in browser”</a></h2>
</li><li class="wp-block-post post-71151 post type-post status-publish format-standard has-post-thumbnail hentry category-python tag-bottle tag-custom tag-dataset tag-detection tag-django tag-enhancing tag-fastapi tag-faster-rcnn tag-flask tag-for tag-keras tag-kivy tag-object tag-pyqt tag-pysimplegui tag-python tag-pytorch tag-scikit-learn tag-tensorflow tag-tkinter tag-wheat tag-with">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/enhancing-faster-rcnn-with-pytorch-for-object-detection-custom-dataset-for-wheat-detection/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Enhancing Faster-RCNN with PyTorch for Object Detection: Custom Dataset for Wheat Detection" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/enhancing-faster-rcnn-with-pytorch-for-object-detection-custom-dataset-for-wheat-detection/" target="_self" >Enhancing Faster-RCNN with PyTorch for Object Detection: Custom Dataset for Wheat Detection</a></h2>
</li><li class="wp-block-post post-71149 post type-post status-publish format-standard has-post-thumbnail hentry category-python tag-14-versus-16-dev tag-14-versus-16-software-engineering tag-14-vs-16 tag-android tag-apple tag-best-mac-for-dev tag-best-mac-for-software-engineering tag-bottle tag-developer-impression tag-django tag-engineer-benchmarks tag-experiments tag-fastapi tag-flask tag-intellij tag-java tag-java-on-m1 tag-jvm tag-keras tag-kivy tag-m1-java tag-m1-mac-intellij tag-m1-mac-java tag-m1-max tag-m1-pro tag-m1-pro-vs-m1-max tag-macbook-pro tag-macbooks tag-ml-on-m1-mac tag-ml-on-m1-max tag-ml-on-m1-pro tag-mobile-development tag-outcomes tag-pro-max tag-pyqt tag-pysimplegui tag-python tag-pytorch tag-scikit-learn tag-software-development tag-surprising tag-tensorflow tag-tkinter tag-which-macbook-is-best-for-dev tag-which-macbook-is-best-for-development tag-115270">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/surprising-outcomes-%f0%9f%98%95-ml-tensorflow-experiments-on-m1-pro-max-macbooks/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Surprising outcomes 😕 ML @TensorFlow experiments on M1 Pro/Max MacBooks" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/surprising-outcomes-%f0%9f%98%95-ml-tensorflow-experiments-on-m1-pro-max-macbooks/" target="_self" >Surprising outcomes 😕 ML @TensorFlow experiments on M1 Pro/Max MacBooks</a></h2>
</li></ul>
</div>
</div>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-white-color has-text-color"><a href="#">Category Name</a></h3>
</div>
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:0px;margin-bottom:0px">
<div class="content-style-one-small wp-block-query is-layout-flow wp-block-query-is-layout-flow"><ul class="wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow"><li class="wp-block-post post-71153 post type-post status-publish format-standard has-post-thumbnail hentry category-guides category-video tag-gatsbyjs tag-15057 tag-accessed tag-angular tag-angular-js tag-browser tag-client-side tag-directly tag-express-js tag-gatsby-js tag-guides tag-javascript tag-lead tag-next-js tag-node-js tag-page tag-paths tag-react-js tag-video tag-vite tag-vite-js tag-vue tag-vue-js tag-when">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/gatsbyjs-client-side-paths-lead-to-404-page-when-accessed-directly-in-browser/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="GatsbyJS client-side paths lead to 404 page when accessed directly in browser”" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732218376_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/gatsbyjs-client-side-paths-lead-to-404-page-when-accessed-directly-in-browser/" target="_self" >GatsbyJS client-side paths lead to 404 page when accessed directly in browser”</a></h2>
</li><li class="wp-block-post post-71151 post type-post status-publish format-standard has-post-thumbnail hentry category-python tag-bottle tag-custom tag-dataset tag-detection tag-django tag-enhancing tag-fastapi tag-faster-rcnn tag-flask tag-for tag-keras tag-kivy tag-object tag-pyqt tag-pysimplegui tag-python tag-pytorch tag-scikit-learn tag-tensorflow tag-tkinter tag-wheat tag-with">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/enhancing-faster-rcnn-with-pytorch-for-object-detection-custom-dataset-for-wheat-detection/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Enhancing Faster-RCNN with PyTorch for Object Detection: Custom Dataset for Wheat Detection" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732217549_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/enhancing-faster-rcnn-with-pytorch-for-object-detection-custom-dataset-for-wheat-detection/" target="_self" >Enhancing Faster-RCNN with PyTorch for Object Detection: Custom Dataset for Wheat Detection</a></h2>
</li><li class="wp-block-post post-71149 post type-post status-publish format-standard has-post-thumbnail hentry category-python tag-14-versus-16-dev tag-14-versus-16-software-engineering tag-14-vs-16 tag-android tag-apple tag-best-mac-for-dev tag-best-mac-for-software-engineering tag-bottle tag-developer-impression tag-django tag-engineer-benchmarks tag-experiments tag-fastapi tag-flask tag-intellij tag-java tag-java-on-m1 tag-jvm tag-keras tag-kivy tag-m1-java tag-m1-mac-intellij tag-m1-mac-java tag-m1-max tag-m1-pro tag-m1-pro-vs-m1-max tag-macbook-pro tag-macbooks tag-ml-on-m1-mac tag-ml-on-m1-max tag-ml-on-m1-pro tag-mobile-development tag-outcomes tag-pro-max tag-pyqt tag-pysimplegui tag-python tag-pytorch tag-scikit-learn tag-software-development tag-surprising tag-tensorflow tag-tkinter tag-which-macbook-is-best-for-dev tag-which-macbook-is-best-for-development tag-115270">
<figure class="wp-block-post-featured-image"><a href="https://jscommands.com/surprising-outcomes-%f0%9f%98%95-ml-tensorflow-experiments-on-m1-pro-max-macbooks/" target="_self" ><img width="400" height="266" src="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?resize=400%2C266&ssl=1" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Surprising outcomes 😕 ML @TensorFlow experiments on M1 Pro/Max MacBooks" style="object-fit:cover;" decoding="async" loading="lazy" srcset="https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?resize=400%2C266&ssl=1 400w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?zoom=2&resize=400%2C266&ssl=1 800w, https://i0.wp.com/jscommands.com/wp-content/uploads/2024/11/1732213828_maxresdefault.jpg?zoom=3&resize=400%2C266&ssl=1 1200w" sizes="auto, (max-width: 400px) 100vw, 400px" /></a></figure>
<h2 style="font-style:normal;font-weight:400;" class="wp-block-post-title has-extra-small-font-size"><a href="https://jscommands.com/surprising-outcomes-%f0%9f%98%95-ml-tensorflow-experiments-on-m1-pro-max-macbooks/" target="_self" >Surprising outcomes 😕 ML @TensorFlow experiments on M1 Pro/Max MacBooks</a></h2>
</li></ul>
</div>
</div>
</div>
</div>
<div class="wp-block-group is-layout-flow wp-container-core-group-is-layout-26 wp-block-group-is-layout-flow" style="padding-top:0;padding-bottom:1rem">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"><nav style="font-size:13px;" class="items-justified-center footer-menu wp-block-navigation is-content-justification-center is-layout-flex wp-container-core-navigation-is-layout-2 wp-block-navigation-is-layout-flex" aria-label=""><ul style="font-size:13px;" class="wp-block-navigation__container items-justified-center footer-menu wp-block-navigation"><ul style="font-size: 13px;" class="wp-block-page-list"><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/donate-2/"><div>Donate</div></a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/allcourses/">All Courses</a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/lp-become-a-teacher/">Become A Teacher</a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/lp-checkout/">Checkout</a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/contact/">Contact</a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/dashboard/">Dashboard</a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/instructor/">Instructor</a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/instructors/">Instructors</a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/post-page/">Post Page</a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/privacy-policy-2/">Privacy Policy</a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/lp-profile/">Profile</a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/student-registration/">Student Registration</a></li><li class="wp-block-pages-list__item wp-block-navigation-item"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://jscommands.com/lp-term-conditions/">Term Conditions</a></li></ul></ul></nav></div>
<ul class="is-style-default wp-block-social-links has-small-icon-size is-content-justification-center is-layout-flex wp-container-core-social-links-is-layout-1 wp-block-social-links-is-layout-flex" style="margin-top:20px"><li class="wp-social-link wp-social-link-twitter wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://twitter.com/HouseRarerad" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Twitter</span></a></li>
<li class="wp-social-link wp-social-link-facebook wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://twitter.com/HouseRarerad" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li>
<li class="wp-social-link wp-social-link-instagram wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://twitter.com/HouseRarerad" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Instagram</span></a></li>
<li class="wp-social-link wp-social-link-youtube wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://twitter.com/HouseRarerad" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li>
<li class="wp-social-link wp-social-link-dribbble wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://twitter.com/HouseRarerad" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Dribbble</span></a></li>
<li class="wp-social-link wp-social-link-linkedin wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://twitter.com/HouseRarerad" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path></svg><span class="wp-block-social-link-label screen-reader-text">LinkedIn</span></a></li></ul>
</div>
</div>
</footer></div>
<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
<div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 bottom-right-view-preferences optin cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin">
<div class="cmplz-header">
<div class="cmplz-logo"></div>
<div class="cmplz-title" id="cmplz-header-1-optin">Manage Cookie Consent</div>
<div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
</div>
</div>
<div class="cmplz-divider cmplz-divider-header"></div>
<div class="cmplz-body">
<div class="cmplz-message" id="cmplz-message-1-optin">To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.</div>
<!-- categories start -->
<div class="cmplz-categories">
<details class="cmplz-category cmplz-functional" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Functional</span>
<span class='cmplz-always-active'>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-functional-optin"
data-category="cmplz_functional"
class="cmplz-consent-checkbox cmplz-functional"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span class="screen-reader-text">Functional</span></label>
</span>
Always active </span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span>
</div>
</details>
<details class="cmplz-category cmplz-preferences" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Preferences</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-preferences-optin"
data-category="cmplz_preferences"
class="cmplz-consent-checkbox cmplz-preferences"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span class="screen-reader-text">Preferences</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span>
</div>
</details>
<details class="cmplz-category cmplz-statistics" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Statistics</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-statistics-optin"
data-category="cmplz_statistics"
class="cmplz-consent-checkbox cmplz-statistics"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span class="screen-reader-text">Statistics</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span>
<span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span>
</div>
</details>
<details class="cmplz-category cmplz-marketing" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Marketing</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-marketing-optin"
data-category="cmplz_marketing"
class="cmplz-consent-checkbox cmplz-marketing"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span class="screen-reader-text">Marketing</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span>
</div>
</details>
</div><!-- categories end -->
</div>
<div class="cmplz-links cmplz-information">
<a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a>
<a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a>
<a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a>
<a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/">Read more about these purposes</a>
</div>
<div class="cmplz-divider cmplz-footer"></div>
<div class="cmplz-buttons">
<button class="cmplz-btn cmplz-accept">Accept</button>
<button class="cmplz-btn cmplz-deny">Deny</button>
<button class="cmplz-btn cmplz-view-preferences">View preferences</button>
<button class="cmplz-btn cmplz-save-preferences">Save preferences</button>
<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">View preferences</a>
</div>
<div class="cmplz-links cmplz-documents">
<a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a>
<a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a>
<a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a>
</div>
</div>
</div>
<div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Manage consent</button>
</div>
<a href="https://jscommands.com/donate-2/"><div class="crypto"></div></a>
<script type="text/javascript">
window.WPCOM_sharing_counts = {"https:\/\/jscommands.com\/getting-started-with-react-a-comprehensive-guide-for-beginners\/":2331};
</script>
<script id="ce4wp_form_submit-js-extra">
var ce4wp_form_submit_data = {"siteUrl":"https:\/\/jscommands.com","url":"https:\/\/jscommands.com\/wp-admin\/admin-ajax.php","nonce":"5b4ae0ac6e","listNonce":"3edc806067","activatedNonce":"d5d5a0922c"};
</script>
<script src="https://jscommands.com/wp-content/plugins/creative-mail-by-constant-contact/assets/js/block/submit.js?ver=1715034649" id="ce4wp_form_submit-js"></script>
<script id="wp-block-template-skip-link-js-after">
( function() {
var skipLinkTarget = document.querySelector( 'main' ),
sibling,
skipLinkTargetID,
skipLink;
// Early exit if a skip-link target can't be located.
if ( ! skipLinkTarget ) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector( '.wp-site-blocks' );
// Early exit if the root element was not found.
if ( ! sibling ) {
return;
}
// Get the skip-link target's ID, and generate one if it doesn't exist.
skipLinkTargetID = skipLinkTarget.id;
if ( ! skipLinkTargetID ) {
skipLinkTargetID = 'wp--skip-link--target';
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement( 'a' );
skipLink.classList.add( 'skip-link', 'screen-reader-text' );
skipLink.href = '#' + skipLinkTargetID;
skipLink.innerHTML = 'Skip to content';
// Inject the skip link.
sibling.parentElement.insertBefore( skipLink, sibling );
}() );
</script>
<script id="code-prettify-js-before">
var codePrettifyLoaderBaseUrl = "https:\/\/jscommands.com\/wp-content\/plugins\/code-prettify\/prettify";
</script>
<script src="https://jscommands.com/wp-content/plugins/code-prettify/prettify/run_prettify.js?ver=1.4.0" id="code-prettify-js"></script>
<script src="https://jscommands.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script src="https://jscommands.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script src="https://jscommands.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0" id="swv-js"></script>
<script id="contact-form-7-js-before">
var wpcf7 = {
"api": {
"root": "https:\/\/jscommands.com\/wp-json\/",
"namespace": "contact-form-7\/v1"
}
};
</script>
<script src="https://jscommands.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0" id="contact-form-7-js"></script>
<script src="https://jscommands.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script src="https://jscommands.com/wp-includes/js/jquery/ui/tabs.min.js?ver=1.13.3" id="jquery-ui-tabs-js"></script>
<script src="https://jscommands.com/wp-includes/js/jquery/ui/accordion.min.js?ver=1.13.3" id="jquery-ui-accordion-js"></script>
<script src="https://jscommands.com/wp-content/themes/visualblogger/assets/js/owl.carousel.js?ver=6.7" id="owl-carousel-js"></script>
<script src="https://jscommands.com/wp-content/themes/visualblogger/assets/js/theia-sticky-sidebar.js?ver=6.7" id="theia-sticky-sidebar-js"></script>
<script src="https://jscommands.com/wp-content/themes/visualblogger/assets/js/jquery.custom.js?ver=20231017" id="visualblogger-custom-js"></script>
<script src="https://jscommands.com/wp-content/plugins/jetpack/_inc/build/likes/queuehandler.min.js?ver=14.0" id="jetpack_likes_queuehandler-js"></script>
<script type="text/plain" data-service="jetpack-statistics" data-category="statistics" data-cmplz-src="https://stats.wp.com/e-202447.js" id="jetpack-stats-js" data-wp-strategy="defer"></script>
<script id="jetpack-stats-js-after">
_stq = window._stq || [];
_stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"213422769\",\"post\":\"2331\",\"tz\":\"0\",\"srv\":\"jscommands.com\",\"j\":\"1:14.0\"}") ]);
_stq.push([ "clickTrackerInit", "213422769", "2331" ]);
</script>
<script id="cmplz-cookiebanner-js-extra">
var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"13","version":"7.1.5","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/jscommands.com\/wp-json\/complianz\/v1\/","locale":"lang=en&locale=en_US","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"16","cookie_path":"\/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https:\/\/jscommands.com\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=13","page_links":{"eu":{"cookie-statement":{"title":"","url":"https:\/\/jscommands.com\/sera-que-o-chat-gpt-vai-substituir-os-desenvolvedores-ruby-backend-javascript-developer-desenvolvedor\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Click to accept {category} cookies and enable this content"};
</script>
<script defer src="https://jscommands.com/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1731637314" id="cmplz-cookiebanner-js"></script>
<script id="cmplz-cookiebanner-js-after">
let cmplzBlockedContent = document.querySelector('.cmplz-blocked-content-notice');
if ( cmplzBlockedContent) {
cmplzBlockedContent.addEventListener('click', function(event) {
event.stopPropagation();
});
}
</script>
<script id="sharing-js-js-extra">
var sharing_js_options = {"lang":"en","counts":"1","is_stats_active":"1"};
</script>
<script src="https://jscommands.com/wp-content/plugins/jetpack/_inc/build/sharedaddy/sharing.min.js?ver=14.0" id="sharing-js-js"></script>
<script id="sharing-js-js-after">
var windowOpen;
( function () {
function matches( el, sel ) {
return !! (
el.matches && el.matches( sel ) ||
el.msMatchesSelector && el.msMatchesSelector( sel )
);
}
document.body.addEventListener( 'click', function ( event ) {
if ( ! event.target ) {
return;
}
var el;
if ( matches( event.target, 'a.share-twitter' ) ) {
el = event.target;
} else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-twitter' ) ) {
el = event.target.parentNode;
}
if ( el ) {
event.preventDefault();
// If there's another sharing window open, close it.
if ( typeof windowOpen !== 'undefined' ) {
windowOpen.close();
}
windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomtwitter', 'menubar=1,resizable=1,width=600,height=350' );
return false;
}
} );
} )();
var windowOpen;
( function () {
function matches( el, sel ) {
return !! (
el.matches && el.matches( sel ) ||
el.msMatchesSelector && el.msMatchesSelector( sel )
);
}
document.body.addEventListener( 'click', function ( event ) {
if ( ! event.target ) {
return;
}
var el;
if ( matches( event.target, 'a.share-facebook' ) ) {
el = event.target;
} else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-facebook' ) ) {
el = event.target.parentNode;
}
if ( el ) {
event.preventDefault();
// If there's another sharing window open, close it.
if ( typeof windowOpen !== 'undefined' ) {
windowOpen.close();
}
windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomfacebook', 'menubar=1,resizable=1,width=600,height=400' );
return false;
}
} );
} )();
var windowOpen;
( function () {
function matches( el, sel ) {
return !! (
el.matches && el.matches( sel ) ||
el.msMatchesSelector && el.msMatchesSelector( sel )
);
}
document.body.addEventListener( 'click', function ( event ) {
if ( ! event.target ) {
return;
}
var el;
if ( matches( event.target, 'a.share-linkedin' ) ) {
el = event.target;
} else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-linkedin' ) ) {
el = event.target.parentNode;
}
if ( el ) {
event.preventDefault();
// If there's another sharing window open, close it.
if ( typeof windowOpen !== 'undefined' ) {
windowOpen.close();
}
windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomlinkedin', 'menubar=1,resizable=1,width=580,height=450' );
return false;
}
} );
} )();
var windowOpen;
( function () {
function matches( el, sel ) {
return !! (
el.matches && el.matches( sel ) ||
el.msMatchesSelector && el.msMatchesSelector( sel )
);
}
document.body.addEventListener( 'click', function ( event ) {
if ( ! event.target ) {
return;
}
var el;
if ( matches( event.target, 'a.share-telegram' ) ) {
el = event.target;
} else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-telegram' ) ) {
el = event.target.parentNode;
}
if ( el ) {
event.preventDefault();
// If there's another sharing window open, close it.
if ( typeof windowOpen !== 'undefined' ) {
windowOpen.close();
}
windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomtelegram', 'menubar=1,resizable=1,width=450,height=450' );
return false;
}
} );
} )();
</script>
<!-- This site uses the Google Analytics by MonsterInsights plugin v9.2.2 - Using Analytics tracking - https://www.monsterinsights.com/ -->
<script src="//www.googletagmanager.com/gtag/js?id=G-YEKKLCKVCE" data-cfasync="false" data-wpfc-render="false" async></script>
<script type="text/plain" data-service="google-analytics" data-category="statistics" data-cfasync="false" data-wpfc-render="false">
var mi_version = '9.2.2';
var mi_track_user = true;
var mi_no_track_reason = '';
var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/jscommands.com\/getting-started-with-react-a-comprehensive-guide-for-beginners\/","page_referrer":"https:\/\/jscommands.com\/getting-started-with-react-a-comprehensive-guide-for-beginners"};
if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) {
var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations );
} else {
var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations;
}
var disableStrs = [
'ga-disable-G-YEKKLCKVCE',
];
/* Function to detect opted out users */
function __gtagTrackerIsOptedOut() {
for (var index = 0; index < disableStrs.length; index++) {
if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) {
return true;
}
}
return false;
}
/* Disable tracking if the opt-out cookie exists. */
if (__gtagTrackerIsOptedOut()) {
for (var index = 0; index < disableStrs.length; index++) {
window[disableStrs[index]] = true;
}
}
/* Opt-out function */
function __gtagTrackerOptout() {
for (var index = 0; index < disableStrs.length; index++) {
document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
window[disableStrs[index]] = true;
}
}
if ('undefined' === typeof gaOptout) {
function gaOptout() {
__gtagTrackerOptout();
}
}
window.dataLayer = window.dataLayer || [];
window.MonsterInsightsDualTracker = {
helpers: {},
trackers: {},
};
if (mi_track_user) {
function __gtagDataLayer() {
dataLayer.push(arguments);
}
function __gtagTracker(type, name, parameters) {
if (!parameters) {
parameters = {};
}
if (parameters.send_to) {
__gtagDataLayer.apply(null, arguments);
return;
}
if (type === 'event') {
parameters.send_to = monsterinsights_frontend.v4_id;
var hookName = name;
if (typeof parameters['event_category'] !== 'undefined') {
hookName = parameters['event_category'] + ':' + name;
}
if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') {
MonsterInsightsDualTracker.trackers[hookName](parameters);
} else {
__gtagDataLayer('event', name, parameters);
}
} else {
__gtagDataLayer.apply(null, arguments);
}
}
__gtagTracker('js', new Date());
__gtagTracker('set', {
'developer_id.dZGIzZG': true,
});
if ( MonsterInsightsLocations.page_location ) {
__gtagTracker('set', MonsterInsightsLocations);
}
__gtagTracker('config', 'G-YEKKLCKVCE', {"forceSSL":"true","link_attribution":"true"} );
window.gtag = __gtagTracker; (function () {
/* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
/* ga and __gaTracker compatibility shim. */
var noopfn = function () {
return null;
};
var newtracker = function () {
return new Tracker();
};
var Tracker = function () {
return null;
};
var p = Tracker.prototype;
p.get = noopfn;
p.set = noopfn;
p.send = function () {
var args = Array.prototype.slice.call(arguments);
args.unshift('send');
__gaTracker.apply(null, args);
};
var __gaTracker = function () {
var len = arguments.length;
if (len === 0) {
return;
}
var f = arguments[len - 1];
if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') {
if ('send' === arguments[0]) {
var hitConverted, hitObject = false, action;
if ('event' === arguments[1]) {
if ('undefined' !== typeof arguments[3]) {
hitObject = {
'eventAction': arguments[3],
'eventCategory': arguments[2],
'eventLabel': arguments[4],
'value': arguments[5] ? arguments[5] : 1,
}
}
}
if ('pageview' === arguments[1]) {
if ('undefined' !== typeof arguments[2]) {
hitObject = {
'eventAction': 'page_view',
'page_path': arguments[2],
}
}
}
if (typeof arguments[2] === 'object') {
hitObject = arguments[2];
}
if (typeof arguments[5] === 'object') {
Object.assign(hitObject, arguments[5]);
}
if ('undefined' !== typeof arguments[1].hitType) {
hitObject = arguments[1];
if ('pageview' === hitObject.hitType) {
hitObject.eventAction = 'page_view';
}
}
if (hitObject) {
action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction;
hitConverted = mapArgs(hitObject);
__gtagTracker('event', action, hitConverted);
}
}
return;
}
function mapArgs(args) {
var arg, hit = {};
var gaMap = {
'eventCategory': 'event_category',
'eventAction': 'event_action',
'eventLabel': 'event_label',
'eventValue': 'event_value',
'nonInteraction': 'non_interaction',
'timingCategory': 'event_category',
'timingVar': 'name',
'timingValue': 'value',
'timingLabel': 'event_label',
'page': 'page_path',
'location': 'page_location',
'title': 'page_title',
'referrer' : 'page_referrer',
};
for (arg in args) {
if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) {
hit[gaMap[arg]] = args[arg];
} else {
hit[arg] = args[arg];
}
}
return hit;
}
try {
f.hitCallback();
} catch (ex) {
}
};
__gaTracker.create = newtracker;
__gaTracker.getByName = newtracker;
__gaTracker.getAll = function () {
return [];
};
__gaTracker.remove = noopfn;
__gaTracker.loaded = true;
window['__gaTracker'] = __gaTracker;
})();
} else {
console.log("");
(function () {
function __gtagTracker() {
return null;
}
window['__gtagTracker'] = __gtagTracker;
window['gtag'] = __gtagTracker;
})();
}
</script>
<!-- / Google Analytics by MonsterInsights -->
<iframe src='https://widgets.wp.com/likes/master.html?ver=20241121#ver=20241121&n=1' scrolling='no' id='likes-master' name='likes-master' style='display:none;'></iframe>
<div id='likes-other-gravatars' class='wpl-new-layout' role="dialog" aria-hidden="true" tabindex="-1"><div class="likes-text"><span>%d</span></div><ul class="wpl-avatars sd-like-gravatars"></ul></div>
</body>
</html>
