The latest articles on DEV Community by Gracie Gregory (she/her) (@graciegregory). https://dev.to/graciegregory https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F342975%2Fea2494cf-4ba0-4af5-9923-74d526c7af48.jpeg https://dev.to/graciegregory en Gracie Gregory (she/her) Fri, 27 Jun 2025 20:05:58 +0000 https://dev.to/rustfoundation/rustconf-in-2025-exploring-the-next-decade-of-rust-seattle-sept-2-5-lk2 https://dev.to/rustfoundation/rustconf-in-2025-exploring-the-next-decade-of-rust-seattle-sept-2-5-lk2 <p>Hello, dear DEV community! </p> <p>Some of you here might remember me as a DEV.to/Forem team member. It would be an understatement to say that my time at dev.to taught me a LOT about how passionate and dedicated to learning the broader open source community is 💞</p> <p>Since my amazing time on team DEV, I have been working for the <a href="https://rustfoundation.org" rel="noopener noreferrer">Rust Foundation</a>: the independent, nonprofit steward of the Rust programming language and its global community as their Director of Communications &amp; Marketing. As many of you here will know, Rust has been the most-admired programming language for 8 years running, according to <a href="https://survey.stackoverflow.co/2024/" rel="noopener noreferrer">StackOverflow</a>, and for good reason—there are <em>so</em> many exciting things being built with Rust, tons of fascinating use cases, and areas to explore in this growing corner of open source. In short, if you're actively building things with Rust or you are curious about it, you know it's a powerful language with an impact that is deepening every day. </p> <p>In addition to providing grants for Rust maintainers, providing infrastructure support for the Rust Project, and facilitating many impactful technology initiatives benefitting Rust and its users, the Rust Foundation hosts an event called RustConf—the original annual conference for the Rust community. I wanted to pop in here and tell you all a bit more about this year's RustConf taking place in Seattle, Washington (and online!) from September 2-5, 2025.</p> <h2> RustConf 2025—Fast Facts </h2> <p><strong>Dates:</strong> September 2-5, 2025<br> <strong>Location:</strong> Seattle, Washington<br> <strong>Features:</strong> Hands-on workshops, inspiring talks, freeform "UnConference", community lightning talks, Rust job networking opportunities, expo hall featuring sponsors using Rust in production.<br> <a href="https://rustconf.com/schedule" rel="noopener noreferrer">&gt;&gt; Schedule</a><br> <a href="https://rustconf.com/speakers" rel="noopener noreferrer">&gt;&gt; Speakers</a><br> <a href="https://rustconf.com/register" rel="noopener noreferrer">&gt;&gt; Tickets</a><br> <a href="https://rustconf.com/become-a-sponsor" rel="noopener noreferrer">&gt;&gt; Sponsorship Info</a></p> <h2> About Our Program </h2> <p>There's so much to look forward to at RustConf 2025! Here's what I think will be most compelling about RustConf to the DEV community...</p> <h3> Future-Focused Content </h3> <p><strong>"Async Day" Workshops @ RustConf</strong><br> For the first time this year, we’re hosting Async Day on Tuesday, September 2 — a full day of hands-on, in-person workshops dedicated to real-world async in Rust. Whether you’re learning .await or integrating Rust with C++, there’s a workshop designed to meet you where you are.</p> <p><strong>This year's Async Day workshops:</strong></p> <ul> <li><p>"Async Design Patterns in Rust” — Hosted by: <a href="https://rustconf.com/speakers/#1543" rel="noopener noreferrer">Conrad Ludgate</a></p></li> <li><p>"Async Rust &amp; C++ Interop in Production” — Hosted by: <a href="https://rustconf.com/speakers/#1541" rel="noopener noreferrer">Aida Getoeva</a></p></li> <li><p>"Async Fundamentals" — Hosted by: <a href="https://rustconf.com/speakers/#727" rel="noopener noreferrer">Herbert Wolverson</a> of <a href="https://www.ardanlabs.com/" rel="noopener noreferrer">Ardan Labs</a> </p></li> </ul> <p>One of these Async Day experiences can be added to your in-person registration at checkout. Learn more about our workshops <a href="https://rustconf.com/workshops" rel="noopener noreferrer">here</a>.</p> <h3> Keynotes </h3> <p>RustConf 2025 will feature four inspiring keynotes by the following leaders: </p> <ul> <li><p><a href="https://rustconf.com/speakers/#1484" rel="noopener noreferrer">Mark Russinovich</a> (CTO, Microsoft Azure) —<br> <em>"<a href="https://rustconf.com/schedule/#1454" rel="noopener noreferrer">From Blue Screens to Orange Crabs: Microsoft’s Rusty Revolution</a>"</em></p></li> <li><p><a href="https://rustconf.com/schedule/#1470" rel="noopener noreferrer">Ellie Huxtable</a> (Atuin) — "<em><a href="https://rustconf.com/schedule/#1470" rel="noopener noreferrer">Rust All the Way Down</a>"</em></p></li> <li><p><a href="https://rustconf.com/speakers/#1509" rel="noopener noreferrer">Jonathan Kelley</a> (Dioxus) — "<em><a href="https://rustconf.com/schedule/#1468" rel="noopener noreferrer">High-Level Rust and the Future of Application Development</a></em>"</p></li> <li><p><a href="https://rustconf.com/speakers/#516" rel="noopener noreferrer">Nicholas Matsakis</a> &amp; <a href="https://rustconf.com/speakers/#1038" rel="noopener noreferrer">Jack Huey</a> (The Rust Project) —"<em><a href="https://rustconf.com/schedule/#1481" rel="noopener noreferrer">Vision Doc: The Next 10 Years of Rust</a></em>"</p></li> </ul> <h3> Talks </h3> <p>In addition to the keynotes listed above, we'll also have many talks from people using Rust to <a href="https://rustconf.com/schedule/#1457" rel="noopener noreferrer">address human trafficking</a>, <a href="https://rustconf.com/schedule/#1461" rel="noopener noreferrer">power healthcare technology</a>, <a href="https://rustconf.com/schedule/#1473" rel="noopener noreferrer">develop a secure and anonymous whistleblowing system at a major news publication</a>, and so much more!</p> <p><a href="https://rustconf.com/schedule" rel="noopener noreferrer">&gt;&gt; View our full program</a> </p> <h3> Community Room </h3> <p>For the second time, we're offering a room specifically dedicated to Rust-focused lightning talks and discussions. This means that anyone can sign up to share what they're working on and their perspectives about Rust. </p> <h3> Networking </h3> <p>We'll also have a dynamic expo hall experience filled with exhibiting sponsors who are eager to talk to developers about shared Rust opportunities, including jobs, project to contribute to, and much more. We've announced a few <a href="https://rustconf.com/sponsors" rel="noopener noreferrer">sponsors</a> already and are about to share more! </p> <h2> Join the "Rustacean" community at RustConf 2025 🦀 </h2> <p>Thanks for taking the time to read this dispatch from a former DEV staff member! It's been amazing checking back in on this platform and reading about what many of you have been working on. Shout-out to all the wonderful folks contributing to and moderating the <a href="https://dev.to/t/rust">DEV rust tag</a>.</p> <p>I know I'm a tad biased, but I truly believe that this year's <a href="https://rustconf.com" rel="noopener noreferrer">RustConf</a> is the perfect one for Rust newbies or RustConf first-timers to join, because, in addition to celebrating the 10-year anniversary of the first stable release of Rust this year, we'll be exploring what's NEXT in Rust and the truly innovative places it's showing up. In other words, even if you're not a longtime Rust contributor, you'll walk away with a sense of the opportunities that exist in this ecosystem. </p> <p><strong>If I've successfully convinced you to join us at RustConf 2025, <a href="https://rustconf.com/register" rel="noopener noreferrer">register</a> while spots remain! If you have some Rust experience and are interested in a hands-on "Async Day" workshop in Seattle, you'll <em>definitely</em> want to register for one soon while we have capacity.</strong></p> <p>Finally, if you do decide to join us in Seattle, please get in touch with me! I'd love to know who from the DEV community is onsite so I can chat with you 🧡</p> <blockquote> <p><em>P.S. Partner with RustConf!</em><br> <em>If you work for an organization that is invested in the success of Rust/open source and would benefit from gaining brand visibility at an event filled with active and passionate programmers, partnering with us as a sponsor of RustConf is a great opportunity! Learn more about our sponsorship opportunities and start a conversation with my fantastic team <a href="https://rustconf.com/become-a-sponsor" rel="noopener noreferrer">here</a>.</em> </p> </blockquote> rust career learning events Gracie Gregory (she/her) Tue, 30 Aug 2022 22:09:18 +0000 https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-3503 https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-3503 <p><em>Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week.</em> </p> <h2> Enable GitSign Today </h2> <p>The recent PyPI phishing attacks have compromised several Python library maintainers and their packages. This incident encouraged <a class="mentioned-user" href="https://dev.to/erikaheidi">@erikaheidi</a> to write this post about a simple task you can do as an open source maintainer or contributor to ensure your code is coming from the right place.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/erikaheidi/enable-gitsign-today-and-start-signing-your-commits-2gda" class="crayons-story__hidden-navigation-link">Enable Gitsign Today and Start Signing your Commits</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/erikaheidi" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F162988%2F5fa2a74b-1c18-41aa-8885-ae8d311473ed.jpg" alt="erikaheidi profile" class="crayons-avatar__image" width="800" height="450"> </a> </div> <div> <div> <a href="/erikaheidi" class="crayons-story__secondary fw-medium m:hidden"> Erika Heidi </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Erika Heidi <div id="story-author-preview-content-1175938" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/erikaheidi" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F162988%2F5fa2a74b-1c18-41aa-8885-ae8d311473ed.jpg" class="crayons-avatar__image" alt="" width="800" height="450"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Erika Heidi</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/erikaheidi/enable-gitsign-today-and-start-signing-your-commits-2gda" class="crayons-story__tertiary fs-xs"><time>Aug 25 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/erikaheidi/enable-gitsign-today-and-start-signing-your-commits-2gda" id="article-link-1175938"> Enable Gitsign Today and Start Signing your Commits </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/git"><span class="crayons-tag__prefix">#</span>git</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/security"><span class="crayons-tag__prefix">#</span>security</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/erikaheidi/enable-gitsign-today-and-start-signing-your-commits-2gda" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">171<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/erikaheidi/enable-gitsign-today-and-start-signing-your-commits-2gda#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 11<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 6 min read </small> </div> </div> </div> </div> </div> </div> <h2> Bye Bye Heroku </h2> <p>Heroku is saying goodbye to their free product plans! Here, <a class="mentioned-user" href="https://dev.to/lorenzojkrl">@lorenzojkrl</a> speculates on what might change because of this.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/lorenzojkrl/bye-bye-heroku-2npi" class="crayons-story__hidden-navigation-link">Bye Bye Heroku</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/lorenzojkrl" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F684349%2F25291a22-d42a-45aa-9fbf-f94f05f114bb.jpeg" alt="lorenzojkrl profile" class="crayons-avatar__image" width="460" height="460"> </a> </div> <div> <div> <a href="/lorenzojkrl" class="crayons-story__secondary fw-medium m:hidden"> Lorenzo Zarantonello </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Lorenzo Zarantonello <div id="story-author-preview-content-1176751" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/lorenzojkrl" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F684349%2F25291a22-d42a-45aa-9fbf-f94f05f114bb.jpeg" class="crayons-avatar__image" alt="" width="460" height="460"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Lorenzo Zarantonello</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/lorenzojkrl/bye-bye-heroku-2npi" class="crayons-story__tertiary fs-xs"><time>Aug 26 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/lorenzojkrl/bye-bye-heroku-2npi" id="article-link-1176751"> Bye Bye Heroku </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/cloud"><span class="crayons-tag__prefix">#</span>cloud</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/lorenzojkrl/bye-bye-heroku-2npi" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">181<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/lorenzojkrl/bye-bye-heroku-2npi#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 47<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 1 min read </small> </div> </div> </div> </div> </div> </div> <h2> 5 Refreshing Projects </h2> <p>Lots of projects nowadays seem stale or are only for beginners. <a class="mentioned-user" href="https://dev.to/wadecodez">@wadecodez</a> shares some ideas for some more intermediate projects.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/wadecodez/5-fresh-project-ideas-for-web-developers-15l2" class="crayons-story__hidden-navigation-link">5 Refreshing Project Ideas for Web Devs</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/wadecodez" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F644317%2F7638381b-b402-45e4-8901-58be8f287a80.jpg" alt="wadecodez profile" class="crayons-avatar__image" width="400" height="400"> </a> </div> <div> <div> <a href="/wadecodez" class="crayons-story__secondary fw-medium m:hidden"> Wade Zimmerman </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Wade Zimmerman <div id="story-author-preview-content-1174733" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/wadecodez" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F644317%2F7638381b-b402-45e4-8901-58be8f287a80.jpg" class="crayons-avatar__image" alt="" width="400" height="400"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Wade Zimmerman</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/wadecodez/5-fresh-project-ideas-for-web-developers-15l2" class="crayons-story__tertiary fs-xs"><time>Aug 24 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/wadecodez/5-fresh-project-ideas-for-web-developers-15l2" id="article-link-1174733"> 5 Refreshing Project Ideas for Web Devs </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/css"><span class="crayons-tag__prefix">#</span>css</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/wadecodez/5-fresh-project-ideas-for-web-developers-15l2" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">505<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/wadecodez/5-fresh-project-ideas-for-web-developers-15l2#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 13<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 2 min read </small> </div> </div> </div> </div> </div> </div> <h2> Side projects: what, why, how </h2> <p>In this post, <a class="mentioned-user" href="https://dev.to/maurerkrisztian">@maurerkrisztian</a> explores the value of side projects. If you've been thinking of starting a project outside of your school program or job, this one goes out to you!</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/maurerkrisztian/do-you-need-side-projects-2n26" class="crayons-story__hidden-navigation-link">Do you need side projects?</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/maurerkrisztian" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F894671%2Fea9eea74-8db2-44de-be91-21dc47ed70ca.jpg" alt="maurerkrisztian profile" class="crayons-avatar__image" width="799" height="598"> </a> </div> <div> <div> <a href="/maurerkrisztian" class="crayons-story__secondary fw-medium m:hidden"> Krisztián Maurer </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Krisztián Maurer <div id="story-author-preview-content-1178705" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/maurerkrisztian" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F894671%2Fea9eea74-8db2-44de-be91-21dc47ed70ca.jpg" class="crayons-avatar__image" alt="" width="799" height="598"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Krisztián Maurer</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/maurerkrisztian/do-you-need-side-projects-2n26" class="crayons-story__tertiary fs-xs"><time>Aug 29 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/maurerkrisztian/do-you-need-side-projects-2n26" id="article-link-1178705"> Do you need side projects? </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/sideprojects"><span class="crayons-tag__prefix">#</span>sideprojects</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/productivity"><span class="crayons-tag__prefix">#</span>productivity</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/maurerkrisztian/do-you-need-side-projects-2n26" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">43<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/maurerkrisztian/do-you-need-side-projects-2n26#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 5<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 3 min read </small> </div> </div> </div> </div> </div> </div> <h2> 20 tips learned in 10 years </h2> <p>Here are some tips that <a class="mentioned-user" href="https://dev.to/ondrejsevcik">@ondrejsevcik</a> learned in their 10 years of development. Try to implement a few into your career!</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/ondrejsevcik/20-principles-i-learned-from-10-years-of-developing-software-5354" class="crayons-story__hidden-navigation-link">20 principles I learned from 10 years of developing software</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/ondrejsevcik" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F579812%2Fa51ced34-ad88-4b8d-a8b0-acaf1fb44018.jpg" alt="ondrejsevcik profile" class="crayons-avatar__image" width="800" height="800"> </a> </div> <div> <div> <a href="/ondrejsevcik" class="crayons-story__secondary fw-medium m:hidden"> Ondrej Sevcik </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Ondrej Sevcik <div id="story-author-preview-content-1176207" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/ondrejsevcik" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F579812%2Fa51ced34-ad88-4b8d-a8b0-acaf1fb44018.jpg" class="crayons-avatar__image" alt="" width="800" height="800"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Ondrej Sevcik</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/ondrejsevcik/20-principles-i-learned-from-10-years-of-developing-software-5354" class="crayons-story__tertiary fs-xs"><time>Aug 25 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/ondrejsevcik/20-principles-i-learned-from-10-years-of-developing-software-5354" id="article-link-1176207"> 20 principles I learned from 10 years of developing software </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/career"><span class="crayons-tag__prefix">#</span>career</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/ondrejsevcik/20-principles-i-learned-from-10-years-of-developing-software-5354" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">760<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/ondrejsevcik/20-principles-i-learned-from-10-years-of-developing-software-5354#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 37<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 2 min read </small> </div> </div> </div> </div> </div> </div> <h2> Why your site should be under 14kb </h2> <p>It isn’t surprising that having a smaller website means it loads faster. What you might not know is that a 14kb page will load faster than a 15kb page, while a 15kb page won’t load significantly faster than a 16kb one. <a class="mentioned-user" href="https://dev.to/shadowfaxrodeo">@shadowfaxrodeo</a> will explain why.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/shadowfaxrodeo/why-your-website-should-be-under-14kb-in-size-398n" class="crayons-story__hidden-navigation-link">Why your website should be under 14kb in size</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/shadowfaxrodeo" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F534732%2Fae5845b3-b1a6-4421-9b95-d7844a5e0490.png" alt="shadowfaxrodeo profile" class="crayons-avatar__image" width="112" height="112"> </a> </div> <div> <div> <a href="/shadowfaxrodeo" class="crayons-story__secondary fw-medium m:hidden"> Nathaniel </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Nathaniel <div id="story-author-preview-content-1175609" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/shadowfaxrodeo" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F534732%2Fae5845b3-b1a6-4421-9b95-d7844a5e0490.png" class="crayons-avatar__image" alt="" width="112" height="112"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Nathaniel</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/shadowfaxrodeo/why-your-website-should-be-under-14kb-in-size-398n" class="crayons-story__tertiary fs-xs"><time>Aug 25 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/shadowfaxrodeo/why-your-website-should-be-under-14kb-in-size-398n" id="article-link-1175609"> Why your website should be under 14kb in size </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--filled " href="/t/todayilearned"><span class="crayons-tag__prefix">#</span>todayilearned</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webperf"><span class="crayons-tag__prefix">#</span>webperf</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/performance"><span class="crayons-tag__prefix">#</span>performance</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/shadowfaxrodeo/why-your-website-should-be-under-14kb-in-size-398n" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">311<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/shadowfaxrodeo/why-your-website-should-be-under-14kb-in-size-398n#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 29<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 7 min read </small> </div> </div> </div> </div> </div> </div> <h2> SEO Tools to Grow your Site </h2> <p>If your site isn’t optimized for search engines, it’ll be harder to find and reduce the usability of your site. Here are some tools that <a class="mentioned-user" href="https://dev.to/irreverentmike">@irreverentmike</a> uses to grow a site.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/irreverentmike/5-tools-i-add-to-every-new-web-project-for-seo-and-analytics-58f2" class="crayons-story__hidden-navigation-link">SEO tools I used to grow my sites to 20k+ visitors/month</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/irreverentmike" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F149105%2F26b0c5bc-4fc2-4552-9438-dc7c4de50a7c.png" alt="irreverentmike profile" class="crayons-avatar__image" width="460" height="460"> </a> </div> <div> <div> <a href="/irreverentmike" class="crayons-story__secondary fw-medium m:hidden"> Mike Bifulco </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Mike Bifulco <div id="story-author-preview-content-1173415" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/irreverentmike" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F149105%2F26b0c5bc-4fc2-4552-9438-dc7c4de50a7c.png" class="crayons-avatar__image" alt="" width="460" height="460"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Mike Bifulco</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/irreverentmike/5-tools-i-add-to-every-new-web-project-for-seo-and-analytics-58f2" class="crayons-story__tertiary fs-xs"><time>Aug 22 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/irreverentmike/5-tools-i-add-to-every-new-web-project-for-seo-and-analytics-58f2" id="article-link-1173415"> SEO tools I used to grow my sites to 20k+ visitors/month </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/seo"><span class="crayons-tag__prefix">#</span>seo</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/productivity"><span class="crayons-tag__prefix">#</span>productivity</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/irreverentmike/5-tools-i-add-to-every-new-web-project-for-seo-and-analytics-58f2" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/raised-hands-74b2099fd66a39f2d7eed9305ee0f4553df0eb7b4f11b01b6b1b499973048fe5.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">733<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/irreverentmike/5-tools-i-add-to-every-new-web-project-for-seo-and-analytics-58f2#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 31<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 7 min read </small> </div> </div> </div> </div> </div> </div> <p><em>That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!</em></p> top7 Gracie Gregory (she/her) Fri, 26 Aug 2022 16:27:23 +0000 https://dev.to/devteam/what-was-your-win-this-week-4ol6 https://dev.to/devteam/what-was-your-win-this-week-4ol6 <p>Hey there! </p> <p>Looking back on this past week, what was something you were proud of accomplishing?</p> <p>All wins count — big or small 🎉</p> <p>Examples of 'wins' include:</p> <ul> <li>Starting a new project</li> <li>Fixing a tricky bug</li> </ul> <h2> - Achieving a personal milestone </h2> <p>Have a wonderful weekend!</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdpu0tt4e0qzwzek3qlh8.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdpu0tt4e0qzwzek3qlh8.gif" alt="Kip from Napoleon Dynamite scoring a bowling strike" width="500" height="376"></a></p> discuss weeklyretro Gracie Gregory (she/her) Tue, 23 Aug 2022 17:58:48 +0000 https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-20h6 https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-20h6 <p><em>Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week.</em> </p> <h2> How to use HTTP Status Codes </h2> <p>HTTP status codes are short messages that are provided when we interact with a server, showing us what’s happening. See if you’re using those status codes right with <a class="mentioned-user" href="https://dev.to/pragativerma18">@pragativerma18</a>.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/pragativerma18/youre-not-using-http-status-codes-right-pc6" class="crayons-story__hidden-navigation-link">You're Not Using HTTP Status Codes Right</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/pragativerma18" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F242611%2F3cef560b-1c27-403a-ac74-76260a792597.jpg" alt="pragativerma18 profile" class="crayons-avatar__image" width="400" height="400"> </a> </div> <div> <div> <a href="/pragativerma18" class="crayons-story__secondary fw-medium m:hidden"> Pragati Verma </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Pragati Verma <div id="story-author-preview-content-1172914" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/pragativerma18" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F242611%2F3cef560b-1c27-403a-ac74-76260a792597.jpg" class="crayons-avatar__image" alt="" width="400" height="400"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Pragati Verma</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/pragativerma18/youre-not-using-http-status-codes-right-pc6" class="crayons-story__tertiary fs-xs"><time>Aug 21 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/pragativerma18/youre-not-using-http-status-codes-right-pc6" id="article-link-1172914"> You're Not Using HTTP Status Codes Right </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/codenewbie"><span class="crayons-tag__prefix">#</span>codenewbie</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/computerscience"><span class="crayons-tag__prefix">#</span>computerscience</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/api"><span class="crayons-tag__prefix">#</span>api</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/pragativerma18/youre-not-using-http-status-codes-right-pc6" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">307<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/pragativerma18/youre-not-using-http-status-codes-right-pc6#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 22<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 4 min read </small> </div> </div> </div> </div> </div> </div> <h2> Hacking BeReal (On MITM Attacks) </h2> <p><a class="mentioned-user" href="https://dev.to/ozcap">@ozcap</a> wanted to see how much it would be possible to manipulate a social networking app with the help of a software called Mitmproxy. See how it turned out!</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/ozcap/hacking-bereal-a-practical-lesson-on-man-in-the-middle-attacks-10b6" class="crayons-story__hidden-navigation-link">Hacking BeReal - A practical lesson on “Man in the Middle” attacks</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/ozcap" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F822864%2F677256dd-a585-471f-9a87-8ae173780173.png" alt="ozcap profile" class="crayons-avatar__image" width="800" height="800"> </a> </div> <div> <div> <a href="/ozcap" class="crayons-story__secondary fw-medium m:hidden"> Oscar </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Oscar <div id="story-author-preview-content-1170494" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/ozcap" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F822864%2F677256dd-a585-471f-9a87-8ae173780173.png" class="crayons-avatar__image" alt="" width="800" height="800"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Oscar</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/ozcap/hacking-bereal-a-practical-lesson-on-man-in-the-middle-attacks-10b6" class="crayons-story__tertiary fs-xs"><time>Aug 18 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/ozcap/hacking-bereal-a-practical-lesson-on-man-in-the-middle-attacks-10b6" id="article-link-1170494"> Hacking BeReal - A practical lesson on “Man in the Middle” attacks </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/python"><span class="crayons-tag__prefix">#</span>python</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/api"><span class="crayons-tag__prefix">#</span>api</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/ozcap/hacking-bereal-a-practical-lesson-on-man-in-the-middle-attacks-10b6" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">115<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/ozcap/hacking-bereal-a-practical-lesson-on-man-in-the-middle-attacks-10b6#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 22<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 7 min read </small> </div> </div> </div> </div> </div> </div> <h2> Prevent Unnecessary Re-Renders in React! </h2> <p>Re-renders are when React needs to update content that has already been displayed. <a class="mentioned-user" href="https://dev.to/adevnadia">@adevnadia</a> provides some tips on how to prevent this when possible!</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/adevnadia/react-re-renders-guide-preventing-unnecessary-re-renders-21dm" class="crayons-story__hidden-navigation-link">React re-renders guide: preventing unnecessary re-renders</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/adevnadia" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F762035%2F1f7fe6e4-1e60-4c01-80cc-532142263682.jpg" alt="adevnadia profile" class="crayons-avatar__image" width="800" height="800"> </a> </div> <div> <div> <a href="/adevnadia" class="crayons-story__secondary fw-medium m:hidden"> Nadia Makarevich </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Nadia Makarevich <div id="story-author-preview-content-1169547" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/adevnadia" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F762035%2F1f7fe6e4-1e60-4c01-80cc-532142263682.jpg" class="crayons-avatar__image" alt="" width="800" height="800"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Nadia Makarevich</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/adevnadia/react-re-renders-guide-preventing-unnecessary-re-renders-21dm" class="crayons-story__tertiary fs-xs"><time>Aug 17 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/adevnadia/react-re-renders-guide-preventing-unnecessary-re-renders-21dm" id="article-link-1169547"> React re-renders guide: preventing unnecessary re-renders </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/react"><span class="crayons-tag__prefix">#</span>react</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/performance"><span class="crayons-tag__prefix">#</span>performance</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/adevnadia/react-re-renders-guide-preventing-unnecessary-re-renders-21dm" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">147<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/adevnadia/react-re-renders-guide-preventing-unnecessary-re-renders-21dm#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 2<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 10 min read </small> </div> </div> </div> </div> </div> </div> <h2> React TS Tips </h2> <p>Here’s an example from <a class="mentioned-user" href="https://dev.to/lico">@lico</a> as to why you shouldn’t repeat the type when you pass functions as props in React TS and instead use their types.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/lico/react-ts-dont-repeat-the-type-when-you-pass-functions-as-props-use-their-types-5h6h" class="crayons-story__hidden-navigation-link">React TS: Don't repeat the type when you pass functions as props, use their types.</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/lico" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F521071%2Fa5a86d9b-3235-421f-9b96-e82f631673a4.png" alt="lico profile" class="crayons-avatar__image" width="800" height="800"> </a> </div> <div> <div> <a href="/lico" class="crayons-story__secondary fw-medium m:hidden"> SeongKuk Han </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> SeongKuk Han <div id="story-author-preview-content-1171025" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/lico" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F521071%2Fa5a86d9b-3235-421f-9b96-e82f631673a4.png" class="crayons-avatar__image" alt="" width="800" height="800"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">SeongKuk Han</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/lico/react-ts-dont-repeat-the-type-when-you-pass-functions-as-props-use-their-types-5h6h" class="crayons-story__tertiary fs-xs"><time>Aug 19 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/lico/react-ts-dont-repeat-the-type-when-you-pass-functions-as-props-use-their-types-5h6h" id="article-link-1171025"> React TS: Don't repeat the type when you pass functions as props, use their types. </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/react"><span class="crayons-tag__prefix">#</span>react</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/typescript"><span class="crayons-tag__prefix">#</span>typescript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/lico/react-ts-dont-repeat-the-type-when-you-pass-functions-as-props-use-their-types-5h6h" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">275<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/lico/react-ts-dont-repeat-the-type-when-you-pass-functions-as-props-use-their-types-5h6h#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 10<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 2 min read </small> </div> </div> </div> </div> </div> </div> <h2> 5 Enhancements to your Node App </h2> <p>As you build your app, you may realize it’s growing slower as you add more features. Here are some things you can do to mitigate that effect from <a class="mentioned-user" href="https://dev.to/chegerose">@chegerose</a>!</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/chegerose/5-enhancements-that-will-boost-your-nodejs-app-3pj5" class="crayons-story__hidden-navigation-link">5 enhancements that will boost your Node.js app</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/chegerose" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F887078%2Fc19b6460-094e-43c2-bd90-3f553f354ef8.png" alt="chegerose profile" class="crayons-avatar__image" width="398" height="398"> </a> </div> <div> <div> <a href="/chegerose" class="crayons-story__secondary fw-medium m:hidden"> Rose Chege </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Rose Chege <div id="story-author-preview-content-1170350" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/chegerose" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F887078%2Fc19b6460-094e-43c2-bd90-3f553f354ef8.png" class="crayons-avatar__image" alt="" width="398" height="398"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Rose Chege</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/chegerose/5-enhancements-that-will-boost-your-nodejs-app-3pj5" class="crayons-story__tertiary fs-xs"><time>Aug 18 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/chegerose/5-enhancements-that-will-boost-your-nodejs-app-3pj5" id="article-link-1170350"> 5 enhancements that will boost your Node.js app </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/node"><span class="crayons-tag__prefix">#</span>node</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/performance"><span class="crayons-tag__prefix">#</span>performance</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/chegerose/5-enhancements-that-will-boost-your-nodejs-app-3pj5" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">289<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/chegerose/5-enhancements-that-will-boost-your-nodejs-app-3pj5#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 3<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 11 min read </small> </div> </div> </div> </div> </div> </div> <h2> Configuring a codespace for a frontend workshop — &amp; more! </h2> <p><a class="mentioned-user" href="https://dev.to/blackgirlbytes">@blackgirlbytes</a> found the solution to the chaos of workshopping and educating beginner developers to code – GitHub Codespaces. There are so many helpful pointers in this tutorial so don't waste another minute before diving in!</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/github/how-to-run-a-frontend-workshop-in-codespaces-2ede" class="crayons-story__hidden-navigation-link">How to run a frontend workshop in Codespaces</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a class="crayons-logo crayons-logo--l" href="/github"> <img alt="GitHub logo" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F2575%2F3da37f64-b46e-4fa5-bf86-01b63ba5f57b.png" class="crayons-logo__image" width="200" height="200"> </a> <a href="/blackgirlbytes" class="crayons-avatar crayons-avatar--s absolute -right-2 -bottom-2 border-solid border-2 border-base-inverted "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F302741%2F5ed2ea8e-056a-4065-9bed-57d24a96b607.png" alt="blackgirlbytes profile" class="crayons-avatar__image" width="800" height="800"> </a> </div> <div> <div> <a href="/blackgirlbytes" class="crayons-story__secondary fw-medium m:hidden"> Rizèl Scarlett </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Rizèl Scarlett <div id="story-author-preview-content-1169130" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/blackgirlbytes" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F302741%2F5ed2ea8e-056a-4065-9bed-57d24a96b607.png" class="crayons-avatar__image" alt="" width="800" height="800"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Rizèl Scarlett</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> <span> <span class="crayons-story__tertiary fw-normal"> for </span><a href="/github" class="crayons-story__secondary fw-medium">GitHub</a> </span> </div> <a href="https://dev.to/github/how-to-run-a-frontend-workshop-in-codespaces-2ede" class="crayons-story__tertiary fs-xs"><time>Aug 17 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/github/how-to-run-a-frontend-workshop-in-codespaces-2ede" id="article-link-1169130"> How to run a frontend workshop in Codespaces </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/github"><span class="crayons-tag__prefix">#</span>github</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/tutorial"><span class="crayons-tag__prefix">#</span>tutorial</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/cloud"><span class="crayons-tag__prefix">#</span>cloud</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/github/how-to-run-a-frontend-workshop-in-codespaces-2ede" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">200<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/github/how-to-run-a-frontend-workshop-in-codespaces-2ede#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 13<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 10 min read </small> </div> </div> </div> </div> </div> </div> <h2> My Dev Workflow on WSL </h2> <p>Windows is not the best choice for programming natively, but that’s why Windows Subsystem for Linux is available. Here’s how <a class="mentioned-user" href="https://dev.to/nexxeln">@nexxeln</a> decides to set up a workflow on WSL.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/nexxeln/my-developer-workflow-using-wsl-tmux-and-neovim-55f5" class="crayons-story__hidden-navigation-link">My developer workflow using WSL, tmux and Neovim</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/nexxeln" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F829028%2Faaaedfd3-6417-4d39-a635-697711a6c97b.jpeg" alt="nexxeln profile" class="crayons-avatar__image" width="400" height="400"> </a> </div> <div> <div> <a href="/nexxeln" class="crayons-story__secondary fw-medium m:hidden"> Shoubhit Dash </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Shoubhit Dash <div id="story-author-preview-content-1168888" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/nexxeln" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F829028%2Faaaedfd3-6417-4d39-a635-697711a6c97b.jpeg" class="crayons-avatar__image" alt="" width="400" height="400"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Shoubhit Dash</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/nexxeln/my-developer-workflow-using-wsl-tmux-and-neovim-55f5" class="crayons-story__tertiary fs-xs"><time>Aug 16 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/nexxeln/my-developer-workflow-using-wsl-tmux-and-neovim-55f5" id="article-link-1168888"> My developer workflow using WSL, tmux and Neovim </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/productivity"><span class="crayons-tag__prefix">#</span>productivity</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/vim"><span class="crayons-tag__prefix">#</span>vim</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/nexxeln/my-developer-workflow-using-wsl-tmux-and-neovim-55f5" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">352<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/nexxeln/my-developer-workflow-using-wsl-tmux-and-neovim-55f5#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 46<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 5 min read </small> </div> </div> </div> </div> </div> </div> <p><em>That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!</em></p> top7 Gracie Gregory (she/her) Fri, 19 Aug 2022 16:40:12 +0000 https://dev.to/devteam/what-was-your-win-this-week-4n66 https://dev.to/devteam/what-was-your-win-this-week-4n66 <p>Hey there! </p> <p>Looking back on this past week, what was something you were proud of accomplishing?</p> <p>All wins count — big or small 🎉</p> <p>Examples of 'wins' include:</p> <ul> <li>Starting a new project</li> <li>Fixing a tricky bug</li> <li>Spending time with your pets</li> </ul> <p>Have a wonderful weekend!</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fm9qphnv5995v2foh76kj.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fm9qphnv5995v2foh76kj.gif" alt="Dorky 80s guy dancing" width="200" height="200"></a></p> discuss weeklyretro Gracie Gregory (she/her) Tue, 16 Aug 2022 20:07:03 +0000 https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-1m9b https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-1m9b <p><em>Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week.</em> </p> <h2> ReadMe.md in your Terminal </h2> <p>Documentation is a crucial part of being a developer, so make docs accessible with a little tool called rdme. <a class="mentioned-user" href="https://dev.to/sourishkrout">@sourishkrout</a> will show you how to be able to read README.md files in your console.</p> <div class="ltag__link"> <a href="/sourishkrout" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F423328%2F56c19e86-7171-4336-a412-c963938dc2a7.png" alt="sourishkrout"> </div> </a> <a href="https://dev.to/sourishkrout/run-readmemd-in-your-terminal-19i" class="ltag__link__link"> <div class="ltag__link__content"> <h2>Run README.md in your terminal</h2> <h3>Sebastian Tiedtke ・ Aug 11 '22</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#programming</span> <span class="ltag__link__tag">#opensource</span> <span class="ltag__link__tag">#productivity</span> <span class="ltag__link__tag">#bash</span> </div> </div> </a> </div> <h2> The Console for Beginners </h2> <p>The console really is your best friend while programming. Here, <a class="mentioned-user" href="https://dev.to/chucks1093">@chucks1093</a> shares some of the best console tips and commands in order to get the most out of your time.</p> <div class="ltag__link"> <a href="/chucks1093" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F862494%2F7eedb5e8-3216-449f-be96-c97a275b70ea.jpeg" alt="chucks1093"> </div> </a> <a href="https://dev.to/chucks1093/the-console-api-ce8" class="ltag__link__link"> <div class="ltag__link__content"> <h2>The Console API.</h2> <h3>Sebastian Anioke ・ Aug 12 '22</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#javascript</span> <span class="ltag__link__tag">#beginners</span> </div> </div> </a> </div> <h2> Writing Tests with Jest </h2> <p><a class="mentioned-user" href="https://dev.to/arifintahu">@arifintahu</a> will show you how to start writing unit tests using Jest, a JavaScript testing Framework, specifically for a Sequelize and TypeScript project.</p> <div class="ltag__link"> <a href="/arifintahu" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F278530%2F841f0647-c212-40a5-8628-4b0d4b09f026.jpeg" alt="arifintahu"> </div> </a> <a href="https://dev.to/arifintahu/writing-well-structured-unit-test-in-typescript-2hal" class="ltag__link__link"> <div class="ltag__link__content"> <h2>Writing Well-Structured Unit Test in TypeScript</h2> <h3>Miftahul Arifin ・ Aug 9 '22</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#typescript</span> <span class="ltag__link__tag">#testing</span> <span class="ltag__link__tag">#javascript</span> <span class="ltag__link__tag">#tutorial</span> </div> </div> </a> </div> <h2> Lessons Were Learned </h2> <p>It's always valuable when a dev looks back on when they first started and reflects on what they wish they knew at the time. <a class="mentioned-user" href="https://dev.to/maddy">@maddy</a> did just that and shared those reflections here. Lucky us!</p> <div class="ltag__link"> <a href="/maddy" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F578377%2F054ccc64-1217-4a93-a81e-c3db82cd4b5a.jpeg" alt="maddy"> </div> </a> <a href="https://dev.to/maddy/things-i-wish-i-was-told-before-becoming-a-software-engineer-26j9" class="ltag__link__link"> <div class="ltag__link__content"> <h2>Things I Wish I Was Told Before Becoming A Software Engineer</h2> <h3>Maddy ・ Aug 10 '22</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#career</span> </div> </div> </a> </div> <h2> On Developing Your Problem-Solving </h2> <p>Strong problem solving skills are essential for a successful career in software development. Here are some tips for practicing those skills from <a class="mentioned-user" href="https://dev.to/nathan20">@nathan20</a>!</p> <div class="ltag__link"> <a href="/nathan20" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F830451%2F47bb0993-7d6b-4c6b-a03e-adcb27c95bc5.png" alt="nathan20"> </div> </a> <a href="https://dev.to/nathan20/how-to-develop-strong-problem-solving-skills-as-a-software-developer-25nb" class="ltag__link__link"> <div class="ltag__link__content"> <h2>How to develop strong problem solving skills as a software developer</h2> <h3>Nathan ・ Aug 10 '22</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#programming</span> <span class="ltag__link__tag">#tutorial</span> <span class="ltag__link__tag">#performance</span> </div> </div> </a> </div> <h2> TypeScript doesn’t validate types? </h2> <p>There are a lot of misconceptions out there about how TypeScript works. Here, <a class="mentioned-user" href="https://dev.to/syeo66">@syeo66</a> tries to bust those myths.</p> <div class="ltag__link"> <a href="/syeo66" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F719942%2F708432c9-3b6a-4dbb-afa3-3def288ffb53.jpeg" alt="syeo66"> </div> </a> <a href="https://dev.to/syeo66/typescript-its-not-actually-validating-your-types-1mn3" class="ltag__link__link"> <div class="ltag__link__content"> <h2>Typescript: It's not actually validating your types.</h2> <h3>Red Ochsenbein (he/him) ・ Aug 11 '22</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#javascript</span> <span class="ltag__link__tag">#beginners</span> <span class="ltag__link__tag">#typescript</span> <span class="ltag__link__tag">#tutorial</span> </div> </div> </a> </div> <h2> A11y Test Results </h2> <p><a class="mentioned-user" href="https://dev.to/eevajonnapanula">@eevajonnapanula</a> did some quick accessibility tests for different documentation tools and shared her findings in this post. Check it out!</p> <div class="ltag__link"> <a href="/eevajonnapanula" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F201004%2F0196665f-a91d-4692-a6d6-12e6d68737e2.png" alt="eevajonnapanula"> </div> </a> <a href="https://dev.to/eevajonnapanula/results-of-quick-testing-of-documentation-tools-accessibility-3808" class="ltag__link__link"> <div class="ltag__link__content"> <h2>Results of Quick Testing of Documentation Tools' Accessibility</h2> <h3>Eevis ・ Aug 11 '22</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#a11y</span> <span class="ltag__link__tag">#documentation</span> <span class="ltag__link__tag">#webdev</span> <span class="ltag__link__tag">#programming</span> </div> </div> </a> </div> <p><em>That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!</em></p> top7 Gracie Gregory (she/her) Fri, 12 Aug 2022 21:33:55 +0000 https://dev.to/devteam/what-was-your-win-this-week-2aae https://dev.to/devteam/what-was-your-win-this-week-2aae <p>Hey there! </p> <p>Looking back on this past week, what was something you were proud of accomplishing?</p> <p>All wins count — big or small 🎉</p> <p>Examples of 'wins' include:</p> <ul> <li>Starting a new project</li> <li>Fixing a tricky bug</li> <li>Getting out into nature </li> </ul> <p>Have a wonderful weekend!</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgk5q72fhc0n1filuhy2i.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgk5q72fhc0n1filuhy2i.gif" alt="Porcupines in cups saying yippee" width="512" height="512"></a></p> discuss weeklyretro Gracie Gregory (she/her) Tue, 09 Aug 2022 18:40:35 +0000 https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-259h https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-259h <p><em>Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week.</em> </p> <h2> Mac Development Setup </h2> <p><a class="mentioned-user" href="https://dev.to/w3cj">@w3cj</a> documented the process and the tools / apps / settings used on a daily basis and used this doc to set up a recently wiped MacBook. Follow along if you have a Mac you need to set up for a development environment!</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/w3cj/setting-up-a-mac-for-development-3g4c" class="crayons-story__hidden-navigation-link">Setting up a Mac for Development</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/w3cj" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F349323%2Ffffea105-467f-4015-8418-23dd793f3396.png" alt="w3cj profile" class="crayons-avatar__image" width="500" height="500"> </a> </div> <div> <div> <a href="/w3cj" class="crayons-story__secondary fw-medium m:hidden"> CJ R. </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> CJ R. <div id="story-author-preview-content-1156827" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/w3cj" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F349323%2Ffffea105-467f-4015-8418-23dd793f3396.png" class="crayons-avatar__image" alt="" width="500" height="500"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">CJ R.</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/w3cj/setting-up-a-mac-for-development-3g4c" class="crayons-story__tertiary fs-xs"><time>Aug 1 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/w3cj/setting-up-a-mac-for-development-3g4c" id="article-link-1156827"> Setting up a Mac for Development </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/productivity"><span class="crayons-tag__prefix">#</span>productivity</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/node"><span class="crayons-tag__prefix">#</span>node</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/w3cj/setting-up-a-mac-for-development-3g4c" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">435<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/w3cj/setting-up-a-mac-for-development-3g4c#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 16<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 11 min read </small> </div> </div> </div> </div> </div> </div> <h2> TypeScript + React </h2> <p>Using TypeScript comes with a lot of benefits. <a class="mentioned-user" href="https://dev.to/omerwow">@omerwow</a> covers those benefits, as well as how to best utilize TypeScript with React.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/omerwow/how-to-use-typescript-with-react-mn9" class="crayons-story__hidden-navigation-link">TypeScript - The Best Way to Use It with React</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/omerwow" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F808156%2Fd3b96cca-c9d6-440e-ac05-c948c42d6184.jpeg" alt="omerwow profile" class="crayons-avatar__image" width="460" height="460"> </a> </div> <div> <div> <a href="/omerwow" class="crayons-story__secondary fw-medium m:hidden"> Omer Elbaz </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Omer Elbaz <div id="story-author-preview-content-1158202" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/omerwow" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F808156%2Fd3b96cca-c9d6-440e-ac05-c948c42d6184.jpeg" class="crayons-avatar__image" alt="" width="460" height="460"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Omer Elbaz</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/omerwow/how-to-use-typescript-with-react-mn9" class="crayons-story__tertiary fs-xs"><time>Aug 3 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/omerwow/how-to-use-typescript-with-react-mn9" id="article-link-1158202"> TypeScript - The Best Way to Use It with React </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/typescript"><span class="crayons-tag__prefix">#</span>typescript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/react"><span class="crayons-tag__prefix">#</span>react</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/omerwow/how-to-use-typescript-with-react-mn9" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">281<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/omerwow/how-to-use-typescript-with-react-mn9#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 17<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 4 min read </small> </div> </div> </div> </div> </div> </div> <h2> Are you Agile? </h2> <p>What does it mean to be agile? <a class="mentioned-user" href="https://dev.to/rcls">@rcls</a> covers Agile and Scrum in this retrospective on a conversation between Dave Farley and Allen Holub.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/rcls/you-think-youre-agile-probably-not-3aak" class="crayons-story__hidden-navigation-link">You think you’re working in an agile way? Probably not.</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/rcls" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F582431%2Fa7c32686-9f8c-4304-8f7c-d2c0a374c4c5.png" alt="rcls profile" class="crayons-avatar__image" width="800" height="823"> </a> </div> <div> <div> <a href="/rcls" class="crayons-story__secondary fw-medium m:hidden"> OssiDev </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> OssiDev <div id="story-author-preview-content-1157816" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/rcls" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F582431%2Fa7c32686-9f8c-4304-8f7c-d2c0a374c4c5.png" class="crayons-avatar__image" alt="" width="800" height="823"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">OssiDev</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/rcls/you-think-youre-agile-probably-not-3aak" class="crayons-story__tertiary fs-xs"><time>Aug 2 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/rcls/you-think-youre-agile-probably-not-3aak" id="article-link-1157816"> You think you’re working in an agile way? Probably not. </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/agile"><span class="crayons-tag__prefix">#</span>agile</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/devops"><span class="crayons-tag__prefix">#</span>devops</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/scrum"><span class="crayons-tag__prefix">#</span>scrum</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/rcls/you-think-youre-agile-probably-not-3aak" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/raised-hands-74b2099fd66a39f2d7eed9305ee0f4553df0eb7b4f11b01b6b1b499973048fe5.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">136<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/rcls/you-think-youre-agile-probably-not-3aak#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 6<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 8 min read </small> </div> </div> </div> </div> </div> </div> <h2> Using Job Boards Effectively </h2> <p><a class="mentioned-user" href="https://dev.to/wagslane">@wagslane</a> compiled a few of the best places for you to look for new job openings. Take a look, and use the ones that are most useful to you.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/bootdotdev/how-to-use-the-best-job-boards-to-find-a-software-engineering-job-37bd" class="crayons-story__hidden-navigation-link">How to Use the Best Job Boards to Find a Software Engineering Job</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a class="crayons-logo crayons-logo--l" href="/bootdotdev"> <img alt="Boot.dev logo" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmedia.dev.to%2Fdynamic%2Fimage%2Fwidth%3D90%2Cheight%3D90%2Cfit%3Dcover%2Cgravity%3Dauto%2Cformat%3Dauto%2Fhttps%253A%252F%252Fdev-to-uploads.s3.amazonaws.com%252Fuploads%252Forganization%252Fprofile_image%252F3396%252Fcfa9c27f-30c4-4758-8208-eba7a2f90b80.png" class="crayons-logo__image" width="90" height="90"> </a> <a href="/wagslane" class="crayons-avatar crayons-avatar--s absolute -right-2 -bottom-2 border-solid border-2 border-base-inverted "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F169444%2F0f5198ad-02a1-4a12-bb13-e8cc6d38ae2b.jpg" alt="wagslane profile" class="crayons-avatar__image" width="400" height="400"> </a> </div> <div> <div> <a href="/wagslane" class="crayons-story__secondary fw-medium m:hidden"> Lane Wagner </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Lane Wagner <div id="story-author-preview-content-1160647" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/wagslane" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F169444%2F0f5198ad-02a1-4a12-bb13-e8cc6d38ae2b.jpg" class="crayons-avatar__image" alt="" width="400" height="400"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Lane Wagner</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> <span> <span class="crayons-story__tertiary fw-normal"> for </span><a href="/bootdotdev" class="crayons-story__secondary fw-medium">Boot.dev</a> </span> </div> <a href="https://dev.to/bootdotdev/how-to-use-the-best-job-boards-to-find-a-software-engineering-job-37bd" class="crayons-story__tertiary fs-xs"><time>Aug 6 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/bootdotdev/how-to-use-the-best-job-boards-to-find-a-software-engineering-job-37bd" id="article-link-1160647"> How to Use the Best Job Boards to Find a Software Engineering Job </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/job"><span class="crayons-tag__prefix">#</span>job</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/career"><span class="crayons-tag__prefix">#</span>career</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/hiring"><span class="crayons-tag__prefix">#</span>hiring</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/jobs"><span class="crayons-tag__prefix">#</span>jobs</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/bootdotdev/how-to-use-the-best-job-boards-to-find-a-software-engineering-job-37bd" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">71<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/bootdotdev/how-to-use-the-best-job-boards-to-find-a-software-engineering-job-37bd#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 2<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 5 min read </small> </div> </div> </div> </div> </div> </div> <h2> Getting Unstuck </h2> <p>Developers spend an enormous amount of time being stuck. Here, <a class="mentioned-user" href="https://dev.to/stebunovd">@stebunovd</a> offers some advice on how to learn to be better at getting unstuck.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/stebunovd/how-to-get-unstuck-and-make-progress-3dg" class="crayons-story__hidden-navigation-link">How to get unstuck and make progress</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/stebunovd" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F903994%2F030faa57-8ed8-4c8c-b554-d19018190af2.png" alt="stebunovd profile" class="crayons-avatar__image" width="460" height="460"> </a> </div> <div> <div> <a href="/stebunovd" class="crayons-story__secondary fw-medium m:hidden"> Denis Stebunov </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Denis Stebunov <div id="story-author-preview-content-1160431" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/stebunovd" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F903994%2F030faa57-8ed8-4c8c-b554-d19018190af2.png" class="crayons-avatar__image" alt="" width="460" height="460"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Denis Stebunov</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/stebunovd/how-to-get-unstuck-and-make-progress-3dg" class="crayons-story__tertiary fs-xs"><time>Aug 5 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/stebunovd/how-to-get-unstuck-and-make-progress-3dg" id="article-link-1160431"> How to get unstuck and make progress </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/productivity"><span class="crayons-tag__prefix">#</span>productivity</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/management"><span class="crayons-tag__prefix">#</span>management</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/motivation"><span class="crayons-tag__prefix">#</span>motivation</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/stebunovd/how-to-get-unstuck-and-make-progress-3dg" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">123<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/stebunovd/how-to-get-unstuck-and-make-progress-3dg#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 5<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 9 min read </small> </div> </div> </div> </div> </div> </div> <h2> Write to Improve </h2> <p><a class="mentioned-user" href="https://dev.to/wesen">@wesen</a> started writing regularly a year ago and became a better developer for it. Here are some tips to start this process yourself!</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/wesen/how-i-learned-strategic-thinking-as-an-engineer-14aj" class="crayons-story__hidden-navigation-link">Writing made me a better engineer</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/wesen" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F852108%2Fc4c6139f-b639-4642-bc3a-0e984d97c5ca.jpeg" alt="wesen profile" class="crayons-avatar__image" width="460" height="460"> </a> </div> <div> <div> <a href="/wesen" class="crayons-story__secondary fw-medium m:hidden"> Manuel Odendahl </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Manuel Odendahl <div id="story-author-preview-content-1159257" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/wesen" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F852108%2Fc4c6139f-b639-4642-bc3a-0e984d97c5ca.jpeg" class="crayons-avatar__image" alt="" width="460" height="460"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Manuel Odendahl</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/wesen/how-i-learned-strategic-thinking-as-an-engineer-14aj" class="crayons-story__tertiary fs-xs"><time>Aug 4 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/wesen/how-i-learned-strategic-thinking-as-an-engineer-14aj" id="article-link-1159257"> Writing made me a better engineer </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/career"><span class="crayons-tag__prefix">#</span>career</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/writing"><span class="crayons-tag__prefix">#</span>writing</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/productivity"><span class="crayons-tag__prefix">#</span>productivity</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/wesen/how-i-learned-strategic-thinking-as-an-engineer-14aj" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">96<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/wesen/how-i-learned-strategic-thinking-as-an-engineer-14aj#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 4<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 3 min read </small> </div> </div> </div> </div> </div> </div> <h2> Coding as art </h2> <p>The community loved this artwork by <a class="mentioned-user" href="https://dev.to/asyrafhussin4">@asyrafhussin4</a> and it's easy to see why. True artistry — and the palette is comprised of only HTML &amp; CSS 💫 </p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/asyrafhussin4/pure-css-woman-with-long-hair-15b1" class="crayons-story__hidden-navigation-link">Pure CSS Woman with Long Hair</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/asyrafhussin4" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F166615%2F98402dda-7048-4da7-9ed7-fd3b83573095.jpg" alt="asyrafhussin4 profile" class="crayons-avatar__image" width="800" height="801"> </a> </div> <div> <div> <a href="/asyrafhussin4" class="crayons-story__secondary fw-medium m:hidden"> Asyraf Hussin </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Asyraf Hussin <div id="story-author-preview-content-1158996" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/asyrafhussin4" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F166615%2F98402dda-7048-4da7-9ed7-fd3b83573095.jpg" class="crayons-avatar__image" alt="" width="800" height="801"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Asyraf Hussin</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/asyrafhussin4/pure-css-woman-with-long-hair-15b1" class="crayons-story__tertiary fs-xs"><time>Aug 4 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/asyrafhussin4/pure-css-woman-with-long-hair-15b1" id="article-link-1158996"> Pure CSS Woman with Long Hair </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/codepen"><span class="crayons-tag__prefix">#</span>codepen</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/html"><span class="crayons-tag__prefix">#</span>html</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/css"><span class="crayons-tag__prefix">#</span>css</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/asyrafhussin4/pure-css-woman-with-long-hair-15b1" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">204<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/asyrafhussin4/pure-css-woman-with-long-hair-15b1#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 41<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 1 min read </small> </div> </div> </div> </div> </div> </div> <p><em>That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!</em></p> top7 Gracie Gregory (she/her) Fri, 05 Aug 2022 19:35:22 +0000 https://dev.to/devteam/what-was-your-win-this-week-2g2l https://dev.to/devteam/what-was-your-win-this-week-2g2l <p>Hey there! </p> <p>Looking back on this past week, what was something you were proud of accomplishing?</p> <p>All wins count — big or small 🎉</p> <p>Examples of 'wins' include:</p> <ul> <li>Starting a new project</li> <li>Fixing a tricky bug</li> <li>Trying a new recipe 👩🏽‍🍳 </li> </ul> <p>Have a wonderful weekend!</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwo1239bkp7eu3yy1fxw7.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwo1239bkp7eu3yy1fxw7.gif" alt="Bunnies cheering for the weekend" width="480" height="270"></a></p> discuss weeklyretro Gracie Gregory (she/her) Tue, 02 Aug 2022 21:49:18 +0000 https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-57oo https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-57oo <p><em>Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week.</em> </p> <h2> Why Learn Typescript? </h2> <p><a class="mentioned-user" href="https://dev.to/annabaker">@annabaker</a> is learning Typescript and finding it isn’t as hard as one might think. Here is some great inspiration to start learning Typescript yourself.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/annabaker/why-im-learning-typescript-2gjh" class="crayons-story__hidden-navigation-link">Why I'm Learning Typescript</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/annabaker" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F890866%2F661d2d4f-74ed-4cb1-b53b-670432c53ef6.png" alt="annabaker profile" class="crayons-avatar__image" width="660" height="661"> </a> </div> <div> <div> <a href="/annabaker" class="crayons-story__secondary fw-medium m:hidden"> Anna Baker </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Anna Baker <div id="story-author-preview-content-1151940" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/annabaker" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F890866%2F661d2d4f-74ed-4cb1-b53b-670432c53ef6.png" class="crayons-avatar__image" alt="" width="660" height="661"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Anna Baker</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/annabaker/why-im-learning-typescript-2gjh" class="crayons-story__tertiary fs-xs"><time>Jul 27 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/annabaker/why-im-learning-typescript-2gjh" id="article-link-1151940"> Why I'm Learning Typescript </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/typescript"><span class="crayons-tag__prefix">#</span>typescript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/annabaker/why-im-learning-typescript-2gjh" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">230<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/annabaker/why-im-learning-typescript-2gjh#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 56<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 4 min read </small> </div> </div> </div> </div> </div> </div> <h2> Making Use of Your Old Laptop </h2> <p>Instead of adding to the already mounting electronic waste, <a class="mentioned-user" href="https://dev.to/alejandro_du">@alejandro_du</a> takes an old laptop and transforms it into a new database server using Ubuntu Server, Docker, and a MariaDB database.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/alejandro_du/your-old-laptop-is-your-new-database-server-4fca" class="crayons-story__hidden-navigation-link">Your Old Laptop Is Your New Database Server</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/alejandro_du" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F473376%2Fdc3a2dfd-0d2e-42b5-997f-ccf973d49199.jpg" alt="alejandro_du profile" class="crayons-avatar__image" width="800" height="800"> </a> </div> <div> <div> <a href="/alejandro_du" class="crayons-story__secondary fw-medium m:hidden"> Alejandro Duarte </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Alejandro Duarte <div id="story-author-preview-content-1151614" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/alejandro_du" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F473376%2Fdc3a2dfd-0d2e-42b5-997f-ccf973d49199.jpg" class="crayons-avatar__image" alt="" width="800" height="800"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Alejandro Duarte</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/alejandro_du/your-old-laptop-is-your-new-database-server-4fca" class="crayons-story__tertiary fs-xs"><time>Jul 26 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/alejandro_du/your-old-laptop-is-your-new-database-server-4fca" id="article-link-1151614"> Your Old Laptop Is Your New Database Server </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/mariadb"><span class="crayons-tag__prefix">#</span>mariadb</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/database"><span class="crayons-tag__prefix">#</span>database</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/sql"><span class="crayons-tag__prefix">#</span>sql</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/dba"><span class="crayons-tag__prefix">#</span>dba</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/alejandro_du/your-old-laptop-is-your-new-database-server-4fca" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">166<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/alejandro_du/your-old-laptop-is-your-new-database-server-4fca#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 12<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 8 min read </small> </div> </div> </div> </div> </div> </div> <h2> The Ultimate Engineering Tool </h2> <p>That diagrams are ubiquitous is not a coincidence. In this post, <a class="mentioned-user" href="https://dev.to/wesen">@wesen</a> shares the beauty of diagrams and how useful they are across and within all disciplines.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/wesen/diagrams-are-the-ultimate-engineering-tool-2897" class="crayons-story__hidden-navigation-link">Diagrams are the ultimate engineering tool</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/wesen" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F852108%2Fc4c6139f-b639-4642-bc3a-0e984d97c5ca.jpeg" alt="wesen profile" class="crayons-avatar__image" width="460" height="460"> </a> </div> <div> <div> <a href="/wesen" class="crayons-story__secondary fw-medium m:hidden"> Manuel Odendahl </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Manuel Odendahl <div id="story-author-preview-content-1155583" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/wesen" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F852108%2Fc4c6139f-b639-4642-bc3a-0e984d97c5ca.jpeg" class="crayons-avatar__image" alt="" width="460" height="460"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Manuel Odendahl</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/wesen/diagrams-are-the-ultimate-engineering-tool-2897" class="crayons-story__tertiary fs-xs"><time>Jul 30 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/wesen/diagrams-are-the-ultimate-engineering-tool-2897" id="article-link-1155583"> Diagrams are the ultimate engineering tool </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/design"><span class="crayons-tag__prefix">#</span>design</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/productivity"><span class="crayons-tag__prefix">#</span>productivity</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/wesen/diagrams-are-the-ultimate-engineering-tool-2897" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">221<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/wesen/diagrams-are-the-ultimate-engineering-tool-2897#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 22<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 2 min read </small> </div> </div> </div> </div> </div> </div> <h2> Automating REST API Security Testing </h2> <p>Most APIs are public-facing and seldom go through a proper security testing cycle. Here, <a class="mentioned-user" href="https://dev.to/intesar">@intesar</a> suggests some free and automated solutions for you to get started automating that process for everyone’s benefit.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/intesar/how-to-automate-rest-api-security-testing-4lh4" class="crayons-story__hidden-navigation-link">How to Automate REST API Security Testing</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/intesar" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F832409%2Fade5913b-6b9b-45eb-85ff-6233c96b12f3.jpeg" alt="intesar profile" class="crayons-avatar__image" width="460" height="460"> </a> </div> <div> <div> <a href="/intesar" class="crayons-story__secondary fw-medium m:hidden"> Intesar Mohammed </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Intesar Mohammed <div id="story-author-preview-content-1152078" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/intesar" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F832409%2Fade5913b-6b9b-45eb-85ff-6233c96b12f3.jpeg" class="crayons-avatar__image" alt="" width="460" height="460"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Intesar Mohammed</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/intesar/how-to-automate-rest-api-security-testing-4lh4" class="crayons-story__tertiary fs-xs"><time>Jul 26 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/intesar/how-to-automate-rest-api-security-testing-4lh4" id="article-link-1152078"> How to Automate REST API Security Testing </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/api"><span class="crayons-tag__prefix">#</span>api</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/security"><span class="crayons-tag__prefix">#</span>security</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/testing"><span class="crayons-tag__prefix">#</span>testing</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/intesar/how-to-automate-rest-api-security-testing-4lh4" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">100<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/intesar/how-to-automate-rest-api-security-testing-4lh4#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 6<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 2 min read </small> </div> </div> </div> </div> </div> </div> <h2> Setting up a new Git Environment </h2> <p>It’s always important to configure tools to your liking for optimal performance. Here are some steps <a class="mentioned-user" href="https://dev.to/snaka">@snaka</a> always takes to ready a new Git environment.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/snaka/10-things-i-always-setup-in-git-when-i-prepare-a-new-environment-d99" class="crayons-story__hidden-navigation-link">10+ things I always setup in git when I prepare a new environment</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/snaka" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F42655%2F8293a995-032b-4afa-9b0c-24f4a9aa52c2.jpg" alt="snaka profile" class="crayons-avatar__image" width="800" height="752"> </a> </div> <div> <div> <a href="/snaka" class="crayons-story__secondary fw-medium m:hidden"> Shinji NAKAMATSU </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Shinji NAKAMATSU <a href="/++"><img alt="Subscriber" class="subscription-icon" src="https://assets.dev.to/assets/subscription-icon-805dfa7ac7dd660f07ed8d654877270825b07a92a03841aa99a1093bd00431b2.png" width="166" height="102"></a> <div id="story-author-preview-content-1154193" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/snaka" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F42655%2F8293a995-032b-4afa-9b0c-24f4a9aa52c2.jpg" class="crayons-avatar__image" alt="" width="800" height="752"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Shinji NAKAMATSU</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/snaka/10-things-i-always-setup-in-git-when-i-prepare-a-new-environment-d99" class="crayons-story__tertiary fs-xs"><time>Jul 29 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/snaka/10-things-i-always-setup-in-git-when-i-prepare-a-new-environment-d99" id="article-link-1154193"> 10+ things I always setup in git when I prepare a new environment </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/git"><span class="crayons-tag__prefix">#</span>git</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/tips"><span class="crayons-tag__prefix">#</span>tips</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/snaka/10-things-i-always-setup-in-git-when-i-prepare-a-new-environment-d99" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">304<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/snaka/10-things-i-always-setup-in-git-when-i-prepare-a-new-environment-d99#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 31<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 2 min read </small> </div> </div> </div> </div> </div> </div> <h2> Firefox Forgotten? </h2> <p>Firefox’s market share dropping to fourth place across browsers comes at a shock to a lot of people. <a class="mentioned-user" href="https://dev.to/colabottles">@colabottles</a> speculates on the details of browser usage.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/colabottles/firefox-and-other-browsers-forgotten-3e91" class="crayons-story__hidden-navigation-link">Firefox (and other browsers), Forgotten?</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/colabottles" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F161248%2F9c9618b8-7308-435d-be58-37cbf9b603b3.gif" alt="colabottles profile" class="crayons-avatar__image" width="498" height="498"> </a> </div> <div> <div> <a href="/colabottles" class="crayons-story__secondary fw-medium m:hidden"> Todd Libby </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Todd Libby <div id="story-author-preview-content-1155519" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/colabottles" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F161248%2F9c9618b8-7308-435d-be58-37cbf9b603b3.gif" class="crayons-avatar__image" alt="" width="498" height="498"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Todd Libby</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/colabottles/firefox-and-other-browsers-forgotten-3e91" class="crayons-story__tertiary fs-xs"><time>Jul 30 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/colabottles/firefox-and-other-browsers-forgotten-3e91" id="article-link-1155519"> Firefox (and other browsers), Forgotten? </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/a11y"><span class="crayons-tag__prefix">#</span>a11y</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/colabottles/firefox-and-other-browsers-forgotten-3e91" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">91<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/colabottles/firefox-and-other-browsers-forgotten-3e91#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 28<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 3 min read </small> </div> </div> </div> </div> </div> </div> <h2> Importance of Clean Code </h2> <p>Clean Code has become a bit of a buzzword recently, but it is important, both as a developer and as an executive or CTO in a startup. <a class="mentioned-user" href="https://dev.to/chainguns">@chainguns</a> shares some perspective on the importance of clean code in a startup environment.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/chainguns/the-importance-of-clean-code-in-your-startups-success-ooc" class="crayons-story__hidden-navigation-link">The Importance of Clean Code in Your Startup's Success</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/chainguns" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F834026%2F542eabe9-1581-48b4-be96-e242b9714747.png" alt="chainguns profile" class="crayons-avatar__image" width="460" height="460"> </a> </div> <div> <div> <a href="/chainguns" class="crayons-story__secondary fw-medium m:hidden"> Daniel </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Daniel <div id="story-author-preview-content-1155908" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/chainguns" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F834026%2F542eabe9-1581-48b4-be96-e242b9714747.png" class="crayons-avatar__image" alt="" width="460" height="460"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Daniel</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/chainguns/the-importance-of-clean-code-in-your-startups-success-ooc" class="crayons-story__tertiary fs-xs"><time>Jul 31 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/chainguns/the-importance-of-clean-code-in-your-startups-success-ooc" id="article-link-1155908"> The Importance of Clean Code in Your Startup's Success </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/productivity"><span class="crayons-tag__prefix">#</span>productivity</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/computerscience"><span class="crayons-tag__prefix">#</span>computerscience</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/chainguns/the-importance-of-clean-code-in-your-startups-success-ooc" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/exploding-head-daceb38d627e6ae9b730f36a1e390fca556a4289d5a41abb2c35068ad3e2c4b5.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">133<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/chainguns/the-importance-of-clean-code-in-your-startups-success-ooc#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 18<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 4 min read </small> </div> </div> </div> </div> </div> </div> <p><em>That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!</em></p> top7 Gracie Gregory (she/her) Fri, 29 Jul 2022 20:25:02 +0000 https://dev.to/devteam/what-was-your-win-this-week-191j https://dev.to/devteam/what-was-your-win-this-week-191j <p>Hey there! </p> <p>Looking back on this past week, what was something you were proud of accomplishing?</p> <p>All wins count — big or small 🎉</p> <p>Examples of 'wins' include:</p> <ul> <li>Starting a new project</li> <li>Fixing a tricky bug</li> <li>Discovering some <a href="https://dev.to/music-discussions">great new music</a>... or whatever else might spark joy ❤️ </li> </ul> <p>Have a wonderful weekend!</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5fxtrbg4mkcr9gule5fx.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5fxtrbg4mkcr9gule5fx.gif" alt="Cats partying" width="400" height="229"></a></p> discuss weeklyretro Gracie Gregory (she/her) Tue, 26 Jul 2022 21:48:48 +0000 https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-2nie https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-2nie <p><em>Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week.</em> </p> <h2> On Criticism </h2> <p>Every developer has both been on the receiving and the giving end of criticism. It’s a vital part of our job, so let’s learn how to do it optimally with <a class="mentioned-user" href="https://dev.to/lexlohr">@lexlohr</a>!</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/lexlohr/about-criticism-12f3" class="crayons-story__hidden-navigation-link">About criticism</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/lexlohr" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F21839%2F3bffe2cb-6603-4757-a8d5-5652fe12e7a1.png" alt="lexlohr profile" class="crayons-avatar__image" width="512" height="508"> </a> </div> <div> <div> <a href="/lexlohr" class="crayons-story__secondary fw-medium m:hidden"> Alex Lohr </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Alex Lohr <div id="story-author-preview-content-1133626" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/lexlohr" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F21839%2F3bffe2cb-6603-4757-a8d5-5652fe12e7a1.png" class="crayons-avatar__image" alt="" width="512" height="508"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Alex Lohr</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/lexlohr/about-criticism-12f3" class="crayons-story__tertiary fs-xs"><time>Jul 20 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/lexlohr/about-criticism-12f3" id="article-link-1133626"> About criticism </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--filled " href="/t/discuss"><span class="crayons-tag__prefix">#</span>discuss</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/productivity"><span class="crayons-tag__prefix">#</span>productivity</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/career"><span class="crayons-tag__prefix">#</span>career</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/lexlohr/about-criticism-12f3" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">135<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/lexlohr/about-criticism-12f3#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 55<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 3 min read </small> </div> </div> </div> </div> </div> </div> <h2> You Don’t Need to be Perfect </h2> <p>We, as developers, want the best for ourselves and what we produce. As we build from scratch it’s natural to be committed to what we produce. <a class="mentioned-user" href="https://dev.to/mstryoda">@mstryoda</a> questions if we have to be perfect or if we are unintentionally forced to.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/mstryoda/software-developers-you-neednt-be-perfect-17gn" class="crayons-story__hidden-navigation-link">Software Developers, You Needn’t Be Perfect</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/mstryoda" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F324395%2F685e70d0-8b8c-4bc2-89ce-39195fa0cace.jpg" alt="mstryoda profile" class="crayons-avatar__image" width="799" height="468"> </a> </div> <div> <div> <a href="/mstryoda" class="crayons-story__secondary fw-medium m:hidden"> Emre Savcı </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Emre Savcı <div id="story-author-preview-content-1147417" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/mstryoda" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F324395%2F685e70d0-8b8c-4bc2-89ce-39195fa0cace.jpg" class="crayons-avatar__image" alt="" width="799" height="468"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Emre Savcı</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/mstryoda/software-developers-you-neednt-be-perfect-17gn" class="crayons-story__tertiary fs-xs"><time>Jul 21 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/mstryoda/software-developers-you-neednt-be-perfect-17gn" id="article-link-1147417"> Software Developers, You Needn’t Be Perfect </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/productivity"><span class="crayons-tag__prefix">#</span>productivity</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/career"><span class="crayons-tag__prefix">#</span>career</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/mstryoda/software-developers-you-neednt-be-perfect-17gn" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">166<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/mstryoda/software-developers-you-neednt-be-perfect-17gn#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 16<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 7 min read </small> </div> </div> </div> </div> </div> </div> <h2> Retro Animated CSS Border </h2> <p>Inspired from the ShopTalkShow’s temporary theme, <a class="mentioned-user" href="https://dev.to/chokcoco">@chokcoco</a> recreates a similar retro aesthetic. </p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/chokcoco/fantastic-css-border-animation-5166" class="crayons-story__hidden-navigation-link">Fantastic CSS border animation</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/chokcoco" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F154506%2F6231ea20-2643-4120-ba25-1ebc45da8c4b.png" alt="chokcoco profile" class="crayons-avatar__image" width="280" height="280"> </a> </div> <div> <div> <a href="/chokcoco" class="crayons-story__secondary fw-medium m:hidden"> Coco </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Coco <div id="story-author-preview-content-1148346" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/chokcoco" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F154506%2F6231ea20-2643-4120-ba25-1ebc45da8c4b.png" class="crayons-avatar__image" alt="" width="280" height="280"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Coco</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/chokcoco/fantastic-css-border-animation-5166" class="crayons-story__tertiary fs-xs"><time>Jul 22 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/chokcoco/fantastic-css-border-animation-5166" id="article-link-1148346"> Fantastic CSS border animation </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/css"><span class="crayons-tag__prefix">#</span>css</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/html"><span class="crayons-tag__prefix">#</span>html</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/web"><span class="crayons-tag__prefix">#</span>web</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/chokcoco/fantastic-css-border-animation-5166" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">1192<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/chokcoco/fantastic-css-border-animation-5166#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 44<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 9 min read </small> </div> </div> </div> </div> </div> </div> <h2> Clean Architecture: React </h2> <p>This text is part of a series of texts from <a class="mentioned-user" href="https://dev.to/rubemfsv">@rubemfsv</a> about Clean Architecture analysis applied with different frameworks and languages. This week, we’re covering React.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/rubemfsv/clean-architecture-applying-with-react-40h6" class="crayons-story__hidden-navigation-link">Clean Architecture: Applying with React</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/rubemfsv" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F536627%2Fb62ecd76-87a9-458a-91cc-999ef69dc592.png" alt="rubemfsv profile" class="crayons-avatar__image" width="800" height="800"> </a> </div> <div> <div> <a href="/rubemfsv" class="crayons-story__secondary fw-medium m:hidden"> Rubem Vasconcelos </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Rubem Vasconcelos <div id="story-author-preview-content-1149689" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/rubemfsv" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F536627%2Fb62ecd76-87a9-458a-91cc-999ef69dc592.png" class="crayons-avatar__image" alt="" width="800" height="800"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Rubem Vasconcelos</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/rubemfsv/clean-architecture-applying-with-react-40h6" class="crayons-story__tertiary fs-xs"><time>Jul 24 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/rubemfsv/clean-architecture-applying-with-react-40h6" id="article-link-1149689"> Clean Architecture: Applying with React </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/react"><span class="crayons-tag__prefix">#</span>react</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/typescript"><span class="crayons-tag__prefix">#</span>typescript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/cleanarchitecture"><span class="crayons-tag__prefix">#</span>cleanarchitecture</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/rubemfsv/clean-architecture-applying-with-react-40h6" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">313<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/rubemfsv/clean-architecture-applying-with-react-40h6#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 45<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 7 min read </small> </div> </div> </div> </div> </div> </div> <h2> Quick History Lesson! </h2> <p><a class="mentioned-user" href="https://dev.to/iarchitsharma">@iarchitsharma</a> put together this remarkable post cataloguing the history of JavaScript. Class is in session!</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/iarchitsharma/the-history-of-javascript-5e98" class="crayons-story__hidden-navigation-link">The History of JavaScript</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/iarchitsharma" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F676134%2F61430b7f-13be-4572-8ed5-4ba8f732386f.JPG" alt="iarchitsharma profile" class="crayons-avatar__image" width="536" height="573"> </a> </div> <div> <div> <a href="/iarchitsharma" class="crayons-story__secondary fw-medium m:hidden"> Archit Sharma </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Archit Sharma <div id="story-author-preview-content-1148542" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/iarchitsharma" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F676134%2F61430b7f-13be-4572-8ed5-4ba8f732386f.JPG" class="crayons-avatar__image" alt="" width="536" height="573"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Archit Sharma</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/iarchitsharma/the-history-of-javascript-5e98" class="crayons-story__tertiary fs-xs"><time>Jul 23 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/iarchitsharma/the-history-of-javascript-5e98" id="article-link-1148542"> The History of JavaScript </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/web3"><span class="crayons-tag__prefix">#</span>web3</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/iarchitsharma/the-history-of-javascript-5e98" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/exploding-head-daceb38d627e6ae9b730f36a1e390fca556a4289d5a41abb2c35068ad3e2c4b5.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">143<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/iarchitsharma/the-history-of-javascript-5e98#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 32<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 7 min read </small> </div> </div> </div> </div> </div> </div> <h2> Drag and Drop from Scratch </h2> <p>Drag and drop applications are very common nowadays, they are great for the user experience and nowadays people notice when it’s missing. <a class="mentioned-user" href="https://dev.to/franklin030601">@franklin030601</a> shares an easy way to set it up in your React app without libraries.</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/franklin030601/creating-an-app-using-drag-and-drop-with-react-without-libraries--5cg9" class="crayons-story__hidden-navigation-link">Creating an app using Drag and Drop with React without libraries 👆!</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/franklin030601" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F664894%2Fad04d2cd-1503-4351-a014-0815c5ed2bf4.png" alt="franklin030601 profile" class="crayons-avatar__image" width="500" height="500"> </a> </div> <div> <div> <a href="/franklin030601" class="crayons-story__secondary fw-medium m:hidden"> Franklin Martinez </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Franklin Martinez <div id="story-author-preview-content-1145312" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/franklin030601" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F664894%2Fad04d2cd-1503-4351-a014-0815c5ed2bf4.png" class="crayons-avatar__image" alt="" width="500" height="500"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Franklin Martinez</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/franklin030601/creating-an-app-using-drag-and-drop-with-react-without-libraries--5cg9" class="crayons-story__tertiary fs-xs"><time>Jul 20 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/franklin030601/creating-an-app-using-drag-and-drop-with-react-without-libraries--5cg9" id="article-link-1145312"> Creating an app using Drag and Drop with React without libraries 👆! </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/react"><span class="crayons-tag__prefix">#</span>react</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/tutorial"><span class="crayons-tag__prefix">#</span>tutorial</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/franklin030601/creating-an-app-using-drag-and-drop-with-react-without-libraries--5cg9" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">282<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/franklin030601/creating-an-app-using-drag-and-drop-with-react-without-libraries--5cg9#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 7<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 14 min read </small> </div> </div> </div> </div> </div> </div> <h2> Keeping accessibility top of mind </h2> <p>This post about building with accessibility in mind is appreciated — and it's helpful whether you're building a new site or rebuilding an old one!</p> <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/hannakim91/building-or-rebuilding-a-website-with-accessibility-in-mind-1p92" class="crayons-story__hidden-navigation-link">Building (or Rebuilding) a Website with Accessibility in Mind</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/hannakim91" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F684479%2F855e800b-3455-4a5c-8345-b26ff73b06d0.jpeg" alt="hannakim91 profile" class="crayons-avatar__image" width="460" height="460"> </a> </div> <div> <div> <a href="/hannakim91" class="crayons-story__secondary fw-medium m:hidden"> Hanna (she/her) </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Hanna (she/her) <div id="story-author-preview-content-1137822" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/hannakim91" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F684479%2F855e800b-3455-4a5c-8345-b26ff73b06d0.jpeg" class="crayons-avatar__image" alt="" width="460" height="460"> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Hanna (she/her)</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/hannakim91/building-or-rebuilding-a-website-with-accessibility-in-mind-1p92" class="crayons-story__tertiary fs-xs"><time>Jul 11 '22</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/hannakim91/building-or-rebuilding-a-website-with-accessibility-in-mind-1p92" id="article-link-1137822"> Building (or Rebuilding) a Website with Accessibility in Mind </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/a11y"><span class="crayons-tag__prefix">#</span>a11y</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/tutorial"><span class="crayons-tag__prefix">#</span>tutorial</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/hannakim91/building-or-rebuilding-a-website-with-accessibility-in-mind-1p92" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="24" height="24"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"> </span> </span> <span class="aggregate_reactions_counter">51<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/hannakim91/building-or-rebuilding-a-website-with-accessibility-in-mind-1p92#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 2<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 6 min read </small> </div> </div> </div> </div> </div> </div> <p><em>That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!</em></p> top7