The GitHub Insider

<style> .signup { background-color: #d9f2fe; border-bottom: 1px solid #b8dbfc; color: #32383f; font-family: sans-serif; font-size: 1em; padding: 1.4rem 0; text-align: center; width: 100%; } .signup a { color: #0969da; text-decoration: underline; } .signup a:hover { color: black !important; text-decoration: none !important; } @media screen and (max-width:800px) { .signup a { display: block; margin-top: 1rem; } } </style> <div class="signup"> Get new issues of <em>The GitHub Insider</em> in your inbox. <a href="https://resources.github.com/newsletter?utm_medium=web&utm_source=github&utm_campaign=insider-archive-page">Sign up now →</a> </div> <!DOCTYPE html> <html lang="en" dir="ltr" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="format-detection" content="telephone=no, date=no, address=no, email=no"> <meta name="x-apple-disable-message-reformatting"> <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark"> <title>The GitHub Insider</title>  <style> /* General reset styles. */ body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { -ms-interpolation-mode: bicubic; } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } u+#body a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } #MessageViewBody a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } u+.body .glist { margin-left: 0 !important; } @media only screen and (max-width: 640px) { u+.body .glist { margin-left: 40px !important; } } /* Set default link styles here. Override them on hover to show users they are interactive. */ a { color: #0969da; font-weight: normal; text-decoration: none; } a:hover { color: #0969da !important; text-decoration: underline !important; } a.button { text-align: center; } a.button:hover { background-color: #2c974b !important; border-color: #2c974b !important; color: #ffffff !important; text-decoration: none !important; } @media screen and (max-width: 600px) { a.button { display: block !important; } } </style>  <style> :root { color-scheme: light dark; supported-color-schemes: light dark; } @media (prefers-color-scheme: dark ) { body, .email-container, .content-container, .callout { background-color: #000000 !important; color: #ffffff !important; } h1, h2, h3, strong { color: #ffffff !important; } a { color: #ffffff !important; text-decoration: underline !important; } .footer a { color: #999999 !important; text-decoration: none !important; } a:hover { color: #ffffff !important; text-decoration: none !important; } .footer a:hover { text-decoration: underline !important; } a.button { color: #ffffff !important; text-decoration: none !important; } .dark-mode-hide { display: none !important; } .dark-mode-show { display: block !important; } .callout a.button { background-color: #2ea44f !important; border-color: #2ea44f !important; } .callout a.button:hover { background-color: #2c974b !important; border-color: #2c974b !important; color: #ffffff !important; text-decoration: none !important; } } </style> </head> <body id="body" class="body" style="background-color: #ffffff; margin: 0 !important; padding: 0 !important;"> <div style="display:none"> Avoid these blunders like the plague  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏ </div>  <div class="email-container" role="article" aria-roledescription="email" aria-label="" lang="en" dir="ltr" style="background-color: #ffffff; font-size: medium; font-size: max(16px, 1rem);">  <div class="content-container" style="color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; line-height: 1.5; margin: 1rem auto; max-width: 600px; padding: 1em;"> <a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="display: block; margin: 0 0 2em 0;"> <img alt="GitHub" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B06958555-b158-43f9-9f4c-f7cc10a305a0%7D_github-logo-email.png" width="100" border="0" style="display: block;" class="dark-mode-hide">  <img alt="GitHub" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B369cff35-9244-420e-9a83-1a9040d9e311%7D_github-logo-email-dark-mode.png" width="100" border="0" style="display: none;" class="dark-mode-show">  </a>  <p style="margin: 2em 0 2em 0;"> <a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18"> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B0da1dee9-e914-4030-a21c-f4f02cc63994%7D_github-insider-header-2024.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </a> </p> <p style="margin: 2em 0 2em 0;"> If you’re a regular <em>Insider</em> reader, you’ll know that this newsletter is all about providing insightful tips and tricks to optimize development. “<a href="https://images.github.media/Web/GitHubInc/%7B04a1d04c-af04-49ee-9d83-fd36ac3f8f66%7D_github-insider-archive-oct-2023.html" style="color: #0969da; font-weight: normal; text-decoration: none;">5 things you didn’t know you could do with GitHub Projects</a>.” “<a href="https://images.github.media/Web/GitHubInc/%7Bdee1b5bb-19a4-4a85-9a40-678ed551e40d%7D_github-insider-archive-nov-2023.html" style="color: #0969da; font-weight: normal; text-decoration: none;">GitHub’s top keyboard shortcuts</a>.”Etc, etc. But in this newsletter, we’re going something a little unconventional and present the top things NOT to do with <a href="https://docs.github.com/copilot/copilot-individual/about-github-copilot-individual?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="color: #0969da; font-weight: normal; text-decoration: none;">GitHub Copilot</a>. Call us a wild child, but we think this approach will be helpful in enabling you to take your AI-powered coding to the next level. 💪 </p> <p style="margin: 2em 0 2em 0;"> (We’d like to thank <a href="https://github.com/ReynaldAdolphe?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="color: #0969da; font-weight: normal; text-decoration: none;">@ReynaldAdolphe</a> from the VS Code team for his video, <a href="https://www.youtube.com/watch?v=2q0BoioYSxQ" style="color: #0969da; font-weight: normal; text-decoration: none;">Copilot Best Practices (What Not To Do)</a>, which was the inspiration for this edition!) </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> #1: Don’t let GitHub Copilot fly the plane ✈️ </h2> <p style="margin: 2em 0 2em 0;"> We call it GitHub Copilot for a reason. It is meant to be an assistant for you, but not to be a replacement for you, the real pilot. It doesn’t always produce correct, secure code. So, while it’s tempting to let GitHub Copilot build code for you, don’t ask it to build code on its own and assume success. The tool should point you in the right direction and help you complete the code you write, rather than write code for you. You are always the pilot, the master of the development skies! </p>  <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B98fee1f0-242d-4997-bd15-7d5698de0455%7D_gh-insider-april-2-1.gif" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> #2: Don’t misuse GitHub Copilot tools 🙅 </h2> <p style="margin: 2em 0 2em 0;"> While there isn’t quite a “wrong way” to use GitHub Copilot, there are definitely ideal ways and suboptimal ways. It’s like eating spaghetti: you <em>could</em> eat it with a spoon, but you’ll have a heck of a time getting the noodles into your mouth and will probably end up with a slimy, messy floor. </p>  <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Bbac16736-2e26-49fc-9fd7-9c1f16513586%7D_gh-insider-april-2-2.gif" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> Likewise, when prompting GitHub Copilot, you want to do it as effectively as possible. For example, right after line 14 below, you <em>can</em> use comments to prompt GitHub Copilot into adding a product rating to the form. But it’s not the most effective way to do it. </p>  <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Baf5aee43-b031-4b42-9edc-9c211ea9682d%7D_gh-insider-april-2-3.jpg" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 0 0 2em 0;"> If you’re in code and want to make a prompt, use the <strong>inline chat</strong> feature! Simply hit <strong>Ctrl + I</strong> for Windows or <strong>Cmd + I</strong> for Apple. </p>  <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B6e5c7b69-5bc9-42ad-aef7-1ac3272c71a3%7D_gh-insider-april-2-4.jpg" width="300" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 300px; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> Then, add your prompt. And voilà! It makes a suggestion on line 15 below which you can accept. </p>  <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B076f4f27-779b-45d6-b4d6-c313c51cbd7a%7D_gh-insider-april-2-5.jpg" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> The other way to prompt is to use the side chat panel on the left, but this is more for conversational questions, rather than simple prompting. Using the above example, you can ask, “Where else in this app must I update if I add product rating to this form?” (Bonus: GitHub Copilot doesn’t care if you misspell words or have horrible grammar! A true friend. 😝) </p>  <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B6da117c5-60de-4f7e-9344-b06513bc7e95%7D_gh-insider-april-2-6.jpg" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> And just like that, in the chat, GitHub Copilot will tell you all places that you need to update, easy-peasy. </p> <p style="margin: 2em 0 2em 0;"> Plus, if you’re not sure about what you want to add, you can always use ghost text where GitHub Copilot gives you suggestions of what you might want to include. For example, if you’re not sure you want to add product rating, you can use ghost text to understand what info you’d need and where you’d need to include it. </p> <p style="margin: 2em 0 2em 0;"> Remember, you always want to do the simplest thing first! Use <strong>inline chat</strong> and <strong>ghost text</strong> for basic coding, and leverage the <strong>chat panel</strong> for more detailed conversations. And don’t use comments for prompting! </p>  <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B4c071848-45c5-4350-97df-267876c5bec0%7D_gh-insider-april-2-7.jpg" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> #3: Don’t recreate existing prompts 🚫 </h2> <p style="margin: 2em 0 2em 0;"> Prompts are great, but don’t sleep on slash commands. If you just want to do something common, like ask GitHub Copilot to explain a code block or fix a bug, <a href="https://github.blog/changelog/2024-01-30-code-faster-and-better-with-github-copilots-new-features-in-visual-studio/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="color: #0969da; font-weight: normal; text-decoration: none;">use the slash commands</a> <strong>/fix</strong> or <strong>/explain</strong> to do what you want to do quicker and better. Simply type <strong>/</strong> to select and employ your command. </p> <p style="margin: 2em 0 2em 0;"> In addition to <strong>/fix</strong> and <strong>/explain</strong>, you can also use: </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;"><strong>/doc</strong> to add a documentation comment.</li> <li style="margin-bottom: 0.4em;"><strong>/explain</strong> to explain the code.</li> <li style="margin-bottom: 0.4em;"><strong>/fix</strong> to propose a fix for the problems in the selected code.</li> <li style="margin-bottom: 0.4em;"><strong>/generate</strong> to generate code to answer your question.</li> <li style="margin-bottom: 0.4em;"><strong>/help</strong> to get help with GitHub Copilot Chat.</li> <li style="margin-bottom: 0.4em;"><strong>/optimize</strong> to analyze and improve the running time of the selected code.</li> <li style="margin-bottom: 0.4em;"><strong>/tests</strong> to create unit tests for the selected code.</li> </ul> </p>  <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Bfdcc2469-defe-401a-9581-d1626e1b1189%7D_gh-insider-april-2-8.jpg" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> Sometimes, there are multiple suggestions for different commands, so make sure to navigate through each solution to find the one that’s best for you. Also, the slash commands work in the <strong>chat panel</strong> too. </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> #4: Don’t forget about context 🌀 </h2> <p style="margin: 2em 0 2em 0;"> If we’ve said it once, we’ve said it a thousand times: when using GitHub Copilot, context is everything. The clearer the context, the better the suggestions. This means providing the right information in the right way. </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;">In the <strong>chat panel</strong>, delete previous questions to make the current answers more relevant.</li> <li style="margin-bottom: 0.4em;">Have the related parts of your code selected when asking GitHub Copilot a question.</li> <li style="margin-bottom: 0.4em;">Use the <strong>@workspace</strong> agent–it knows about your workspace and can answer questions related to it.</li> <li style="margin-bottom: 0.4em;">Add files to your project that GitHub Copilot takes into consideration when answering questions. Don’t be afraid to open a related tab or two in your editor as well.</li> <li style="margin-bottom: 0.4em;">Use prompts that you’ve already asked–in the panel, use the up arrow to navigate through your previous prompts, which saves time.</li> </ul> </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> #5: Don’t ignore feedback features 👍 </h2> <p style="margin: 2em 0 2em 0;"> One of the things that makes GitHub Copilot special is that it isn’t static. It gets better the more you use it and we also make improvements based on user feedback. Using the feedback and rating features of GitHub Copilot provides invaluable information back to the team, and helps make the tool better and better! Use the thumbs up and thumbs down buttons on the right hand side of each suggestion to let the team know if this info was valuable. Plus, you can report issues by clicking on the ellipsis right above. </p> <p style="margin: 2em 0 2em 0;"> With these tips on what to avoid, you’ll be on your way to increasing your productivity and making fantastic contributions to the development world. Go forth and code! 🔥 </p> <p style="margin: 2em 0 2em 0;"> <strong>Other Copilot tidbits:</strong> </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;"><a href="https://developer.microsoft.com/en-us/reactor/events/22078/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="color: #0969da; font-weight: normal; text-decoration: none;">VS Code Day</a> is April 23-24, 2024 and you can tune in at <a href="http://YouTube.com/@code" style="color: #0969da; font-weight: normal; text-decoration: none;">YouTube.com/@code</a>–there will be some sessions on getting the most out of Copilot and more. If you can’t join live, sessions will be archived on YouTube.</li> <li style="margin-bottom: 0.4em;">A new, unified Copilot experience is coming to Visual Studio this May. Copilot and Copilot Chat will now live in one streamlined interface. You can check out <a href="https://devblogs.microsoft.com/visualstudio/introducing-the-new-copilot-experience-in-visual-studio/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="color: #0969da; font-weight: normal; text-decoration: none;">more details on the Visual Studio blog</a>.</li> <li style="margin-bottom: 0.4em;">Want to know how GitHub engineers use GitHub Copilot? <a href="https://github.com/hstaudacher?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="color: #0969da; font-weight: normal; text-decoration: none;">Holger Staudacher</a> wrote a <a href="https://github.blog/2024-04-09-4-ways-github-engineers-use-github-copilot/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="color: #0969da; font-weight: normal; text-decoration: none;">great blog post</a> on how we do it.</li> </ul> </p>  <p style="margin: 4em 0 4em 0; text-align: center;"> <a class="button" href="https://github.com/features/copilot?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="background: #2ea44f; border: 2px solid #2ea44f; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #2ea44f"><span style="mso-text-raise:15pt;">Get started with GitHub Copilot</span> </a> </p> <hr style="border-width: 0; background: #eaeaea; color: #eaeaea; height: 1px"> <p style="margin: 2em 0 2em 0; text-align: center;"> <small>✨ This newsletter was written by <a href="https://github.com/filmgirl?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="color: #0969da; font-weight: normal; text-decoration: none;">Christina Warren</a> and produced by <a href="https://github.com/purpledragon85/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="color: #0969da; font-weight: normal; text-decoration: none;">Gwen Davis</a>. ✨</small> </p>    <div style="background-color: #f5f7f9; border: 1px solid #dbdee2; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.8em; font-weight: bold; margin: 0 0 0 0;"> More to explore 🌎 </h3> </div>  <br><br>   <div style="background-color: #fff7c2; border: 1px solid #ebd8b0; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Join our GitHub Copilot conversations 🤖 </h3> <p style="margin: 1em 0 1em 0;"> Visit our community forum to see what people are saying + offer your own two cents. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://github.com/orgs/community/discussions/categories/copilot/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><span style="mso-text-raise:15pt;">Visit now</span> </a> </p> </div>  <br><br>   <div style="background-color: #d9f2fe; border: 1px solid #b8dbfc; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Stay updated on GitHub products 📦 </h3> <p style="margin: 1em 0 1em 0;"> Discover the latest ships, launches, and improvements in our Changelog. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://github.blog/changelog/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><span style="mso-text-raise:15pt;">Explore now</span> </a> </p> </div>  <br><br>   <div style="background-color: #fbefff; border: 1px solid #ecd8ff; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Connect with us at an event near you 🫱🏻‍🫲🏾 </h3> <p style="margin: 1em 0 1em 0;"> Are we in your neighborhood? Let’s meet up. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://github.com/events?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><span style="mso-text-raise:15pt;">Find event</span> </a> </p> </div>  <br><br>   <div style="background-color: #d6fadf; border: 1px solid #4ac26b66; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Subscribe to our LinkedIn newsletter 🚀 </h3> <p style="margin: 1em 0 1em 0;"> Do your best work on GitHub. Subscribe to our LinkedIn newsletter, <em>Branching Out_</em>. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://www.linkedin.com/newsletters/6958196028076429312/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><span style="mso-text-raise:15pt;">Sign up now</span> </a> </p> </div>  <br><br> <hr style="border-width: 0; background: #eaeaea; color: #eaeaea; height: 1px"> </div>   <div class="content-container" style="color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; line-height: 1.5; margin: 1rem auto; max-width: 580px; padding: 1em;"> <center><a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-April-18" style="display: block; margin: 0 0 2em 0;"><img alt="GitHub" border="0" class="dark-mode-hide" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B06958555-b158-43f9-9f4c-f7cc10a305a0%7D_github-logo-email.png" style="display: block;" width="100" />  <img alt="GitHub" border="0" class="dark-mode-show" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B369cff35-9244-420e-9a83-1a9040d9e311%7D_github-logo-email-dark-mode.png" style="display: none;" width="100" />  </a></center> <p style="font-size: 1.2em; color: #999999; margin: 0 0 2em 0; text-align: center;">The world’s leading AI-powered developer platform.</p> </div>  </div> </body> </html>

CINXE.COM

The GitHub Insider