Embrace AI or get left behind?

For better or worse, AI is here to stay. Will you try to keep up or be left behind? Also see bits around React, web dev and htmx. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ [SitePoint logo](~/AAAHUQA~/RgRo76sXP0UgNzZkY2U1MWE0Zjg3YTI2ZTEzNzhmNjQ3ZGFmYThjZWVEFGh0dHBzOi8vc2l0ZXBvbnQuY29tVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) October 14th, 2024 | [Read Online](~/AAAHUQA~/RgRo76sXP0TXaHR0cHM6Ly9iZXJyaW1hLmVvbWFpbDQuY29tL3dlYi12ZXJzaW9uP2VwPTImbGM9ODcwN2VlODYtNTJmMC0xMWVlLWFmNTItNGI1MzgyYmEzYjk0JnA9ZGNiYTVlZTYtODQ2Yy0xMWVmLThkNjMtNDdkZjgwNjYzZjBiJnB0PWNhbXBhaWduJnQ9MTcyODkxNDk2NyZzPTIyYjViZmY0NjM5OGE5MDg3YjJiZmJjNjg4ODNmNGY4NTY1YTBlZmRlNjAzM2ZjMDljMTE5MGFkYzllOTZkYWZXBXNwY2V1QgpnBhcmDWecll43Uht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) SitePoint Source Welcome, Developers! 👋 While not perfect, AI is rapidly being integrated into development pipelines in tech companies. In fact, over 76% of developers from the annual StackOverflow survey showed willingness to use AI in development. To help prepare for the shift, today we feature 8 AI tips for web developers and their careers, courtesy of ex-Google lead Jens Oliver. We also check out a guide to modern React, engaging animations, and even try embrace some beauty in a messy codebase. From our Sponsor: Tines ~/AAAHUQA~/RgRo76sXP0UgYzI3YTE5NzBkOTU0OGNmMjViNjA4M2JhOTVkYWExZjJEgmh0dHBzOi8vc3J2LmJ1eXNlbGxhZHMuY29tL2Fkcy9sb25nL3gvVEg2MkJUREZUVFRUVFREWDVZNkM1VFRUVFRUNENRVlBLQVRUVFRUVDRUR0VUN1lUVFRUVFRFUzcyM1NDQkJaNjVIVUhFNTROMjJQVVc3UU1LMlRNUExCVUdRWUVXBXNwY2V1QgpnBhcmDWecll43Uht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ How Reddit burns through their IT backlog (not their team) As IT teams scale, managing processes like device management, patching, and access control becomes increasingly complex. How do you keep up with growing demands and evolving team needs? On October 23rd, Tines is teaming up with Reddit to uncover how they use automation to manage their IT environment. Learn how Reddit automates at scale, builds flexible automations regardless of technical expertise, and enables their entire organization to reclaim valuable time and reduce the burden of manual tasks. [Save Your Spot](~/AAAHUQA~/RgRo76sXP0UgYzI3YTE5NzBkOTU0OGNmMjViNjA4M2JhOTVkYWExZjJEgmh0dHBzOi8vc3J2LmJ1eXNlbGxhZHMuY29tL2Fkcy9sb25nL3gvVEg2MkJUREZUVFRUVFREWDVZNkM1VFRUVFRUNENRVlBLQVRUVFRUVDRUR0VUN1lUVFRUVFRFUzcyM1NDQkJaNjVIVUhFNTROMjJQVVc3UU1LMlRNUExCVUdRWUVXBXNwY2V1QgpnBhcmDWecll43Uht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) [💻 8 AI Tips for Web Developers (and Their Careers)](~/AAAHUQA~/RgRo76sXP0UgZmY1NDFmNWY5M2Y1MzdhZjZjYjBiODUyOWJlYmVhY2RER2h0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vYWktdGlwcy1mb3Itd2ViLWRldmVsb3BlcnMtYW5kLXRoZWlyLWNhcmVlcnMvVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) "If you’re like me, you haven’t jumped at this the instant the first AI tools came out, [years ago](~/AAAHUQA~/RgRo76sXP0UgMmIzZjgzNmRiYzk5MzFhZDAyZWUzY2EyODdkZWZhNzZEXWh0dHBzOi8vZ2l0aHViLmJsb2cvbmV3cy1pbnNpZ2h0cy9wcm9kdWN0LW5ld3MvaW50cm9kdWNpbmctZ2l0aHViLWNvcGlsb3QtYWktcGFpci1wcm9ncmFtbWVyL1cFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~). Knowing about some of the issues with AI and appreciating the craft of our field, you may not have used it much even today. If you aren’t using AI in web development yet, I think that’s a mistake. Let me share some ideas and tips from my observations going all in on AI over the last few months." [By Jens Oliver Meiert →](~/AAAHUQA~/RgRo76sXP0UgZmY1NDFmNWY5M2Y1MzdhZjZjYjBiODUyOWJlYmVhY2RER2h0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vYWktdGlwcy1mb3Itd2ViLWRldmVsb3BlcnMtYW5kLXRoZWlyLWNhcmVlcnMvVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) --------------------------------------------------------------- [📚 A Beginner’s Guide to Understanding Modern React Components](~/AAAHUQA~/RgRo76sXP0UgNDk1Y2MxZTE2NjQxYWVlY2YwMTJlM2ZjNGE2MTMzOWJEMmh0dHBzOi8vd3d3LnJvYmlud2llcnVjaC5kZS9yZWFjdC1jb21wb25lbnQtdHlwZXMvVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) React has evolved a lot with new component types and patterns over the years. Robin breaks down the shift from createClass to Server Components, to help navigate legacy and modern React practices, and explains why certain components have been retired in today’s era. [By Robin Wieruch →](~/AAAHUQA~/RgRo76sXP0UgNDk1Y2MxZTE2NjQxYWVlY2YwMTJlM2ZjNGE2MTMzOWJEMmh0dHBzOi8vd3d3LnJvYmlud2llcnVjaC5kZS9yZWFjdC1jb21wb25lbnQtdHlwZXMvVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) --------------------------------------------------------------- [🔍 Why Gumroad Didn't Choose htmx](~/AAAHUQA~/RgRo76sXP0UgZmM2MjZiNzgxNGRjMzc1MTc5ODNhZTAwZjIxNmIyODJENmh0dHBzOi8vaHRteC5vcmcvZXNzYXlzL3doeS1ndW1yb2FkLWRpZG50LWNob29zZS1odG14L1cFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) You wouldn't advertise a post that contradicts your product... right? Well, Gumroad was considering htmx for a product but decided otherwise. The htmx creator then requested the CEO to write an essay on his experience, which ends up being a great read for both what htmx is good for and what it's not. [By Sahil Lavingia →](~/AAAHUQA~/RgRo76sXP0UgZmM2MjZiNzgxNGRjMzc1MTc5ODNhZTAwZjIxNmIyODJENmh0dHBzOi8vaHRteC5vcmcvZXNzYXlzL3doeS1ndW1yb2FkLWRpZG50LWNob29zZS1odG14L1cFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) --------------------------------------------------------------- [🧩 "We ran out of columns" - The best, worst codebase](~/AAAHUQA~/RgRo76sXP0UgNThkZDFmNDY1YzljYzNkYjQ4MWNmNGFjNWZiYzZjNmZEOWh0dHBzOi8vamltbXlobWlsbGVyLmdpdGh1Yi5pby91Z2xpZXN0LWJlYXV0aWZ1bC1jb2RlYmFzZVcFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) Were you around when we didn't have Git as the de facto version control system? Picture a manually-filled calendar table controlling system access, with dire consequences if it runs out. Jimmy writes all about its problems, solutions, and even manages to embrace some beauty in the mess. [By Jimmy Miller →](~/AAAHUQA~/RgRo76sXP0UgNThkZDFmNDY1YzljYzNkYjQ4MWNmNGFjNWZiYzZjNmZEOWh0dHBzOi8vamltbXlobWlsbGVyLmdpdGh1Yi5pby91Z2xpZXN0LWJlYXV0aWZ1bC1jb2RlYmFzZVcFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) --------------------------------------------------------------- [🎥 Building a Dynamic Background Effect](~/AAAHUQA~/RgRo76sXP0UgYjlhYTMxYzY3NzQ0YmJiN2YzZTk3NjM4YmVlN2QxNmZESmh0dHBzOi8vd3d3LmxldHNidWlsZHVpLmRldi9hcnRpY2xlcy9idWlsZGluZy1hLWR5bmFtaWMtYmFja2dyb3VuZC1lZmZlY3QvVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) Dynamic backgrounds bring websites to life. Learn how to create a randomized, animated icon background that responds to mouse movements. Inspired by Codewars, it covers setting up the React container component, styling with CSS, and animating icons for an interactive hero section. [By Let’s Build UI →](~/AAAHUQA~/RgRo76sXP0UgYjlhYTMxYzY3NzQ0YmJiN2YzZTk3NjM4YmVlN2QxNmZESmh0dHBzOi8vd3d3LmxldHNidWlsZHVpLmRldi9hcnRpY2xlcy9idWlsZGluZy1hLWR5bmFtaWMtYmFja2dyb3VuZC1lZmZlY3QvVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) 🧰 The Toolbox Tools and products we're excited about today: [ChatGPT Canvas](~/AAAHUQA~/RgRo76sXP0UgZTc2MzAwMzU4MjllZWMwZGMxMWM1ZjRkM2M2MzA4NDNEMGh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9jaGF0Z3B0LWNhbnZhc1cFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) OpenAI announced the early beta of Canvas, a new interface for working with ChatGPT with features such as code review, detecting and fixing bugs, and porting code to JavaScript, TypeScript, Python, Java, C++, or PHP. [Learn more →](~/AAAHUQA~/RgRo76sXP0UgZTc2MzAwMzU4MjllZWMwZGMxMWM1ZjRkM2M2MzA4NDNEMGh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9jaGF0Z3B0LWNhbnZhc1cFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) --------------------------------------------------------------- [sq](~/AAAHUQA~/RgRo76sXP0UgNzk0M2M5NWM2N2I3ZGIxNTY2YWJhMTU4MzZiN2FlNjdEDmh0dHBzOi8vc3EuaW8vVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) sq is a free/libre open-source tool designed to inspect, query, join, import, and export data. [Learn more →](~/AAAHUQA~/RgRo76sXP0UgNzk0M2M5NWM2N2I3ZGIxNTY2YWJhMTU4MzZiN2FlNjdEDmh0dHBzOi8vc3EuaW8vVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) --------------------------------------------------------------- [Agents](~/AAAHUQA~/RgRo76sXP0UgMmNmNWZkYTg5N2ExZjY1ZjI5NzEwY2YzNjQyN2MxODVEIWh0dHBzOi8vZ2l0aHViLmNvbS9saXZla2l0L2FnZW50c1cFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) The Agents framework enables developers to build AI-driven server programs that can see, hear, and speak in real-time. It recently introduced OpenAI Realtime API support through its partnership with OpenAI. [Learn more →](~/AAAHUQA~/RgRo76sXP0UgMmNmNWZkYTg5N2ExZjY1ZjI5NzEwY2YzNjQyN2MxODVEIWh0dHBzOi8vZ2l0aHViLmNvbS9saXZla2l0L2FnZW50c1cFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) --------------------------------------------------------------- How Reddit burns through their IT backlog (not their team) As IT teams scale, managing processes like device management, patching, and access control becomes increasingly complex. How do you keep up with growing demands and evolving team needs? On October 23rd, Tines is teaming up with Reddit to uncover how they use automation to manage their IT environment. Learn how Reddit automates at scale, builds flexible automations regardless of technical expertise, and enables their entire organization to reclaim valuable time and reduce the burden of manual tasks. [Save Your Spot →](~/AAAHUQA~/RgRo76sXP0UgYzI3YTE5NzBkOTU0OGNmMjViNjA4M2JhOTVkYWExZjJEgmh0dHBzOi8vc3J2LmJ1eXNlbGxhZHMuY29tL2Fkcy9sb25nL3gvVEg2MkJUREZUVFRUVFREWDVZNkM1VFRUVFRUNENRVlBLQVRUVFRUVDRUR0VUN1lUVFRUVFRFUzcyM1NDQkJaNjVIVUhFNTROMjJQVVc3UU1LMlRNUExCVUdRWUVXBXNwY2V1QgpnBhcmDWecll43Uht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) Come say hi! SitePoint’s community is a place where you can come to talk tech, development, and design. Join us today and get involved with other members who share your interests in tech! [Join now →](~/AAAHUQA~/RgRo76sXP0UgNTllYjk2ZjZlMzNlODg0ZGRjMDcyOTY5OTg2Yjk2ZmREJGh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vY29tbXVuaXR5L1cFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) That's a wrap for today! Let us know how you felt about today's newsletter. ~/AAAHUQA~/RgRo76sXP0UgMGNhNTkxYzkzNWUwNjQ2MjI4MjViMzI4OGRmMjNlYzdEWWh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTAxSFdUSE40WUtXVzVGQkhOQ0NDVllDSFYxVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd ~/AAAHUQA~/RgRo76sXP0UgZDdjNDk1ZWJiM2E2N2I2NjdjZWRhOWI5OWIwYTcyOTBEWWh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTAxSFdUSE40WUtQSkE4Uk44QUJZV1QzNkNXVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd ~/AAAHUQA~/RgRo76sXP0UgNzU3MjE1MGMxY2JjOTVkZjYwMWVjYzczM2ZmYjMxNjlEY2h0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTEzNjg3YjBhLTMwZmQtNDQxNC1iZDFlLTRkNjQ1ZGIzYTkwMVcFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~ What do you want to see more of? ~/AAAHUQA~/RgRo76sXP0UgOTBjMGUwNTFlOGJhZjgyNWNjMWQwMzExY2Y2ZjZjMjFEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj0wMjQ1MWQ0ZC05Y2NhLTQzNmMtYmFhOS0zYzAzNmM4ODZhMGRXBXNwY2V1QgpnBhcmDWecll43Uht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRo76sXP0UgMTIyMzg2OGQwYmUxMjZhMzAyNTU2NGM0OWI1YzJhMGREXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj1iZGYzZDg5ZS0xYmU1LTRjNTctYjhmNy1iNzljM2RiYjkyMmVXBXNwY2V1QgpnBhcmDWecll43Uht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRo76sXP0UgOWM3Zjk5OTJhYzM4MDA2ZDgxODU0N2UyMDk5NDg4NGJEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj00ZGYzYzQwZC1lMzhhLTQ0OWYtOGJmMi1kYWEwMDI1YTFkMWVXBXNwY2V1QgpnBhcmDWecll43Uht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRo76sXP0UgNmVkOTkwMGMyN2I1MmI1N2Q1NDliNWE4ZTgzMTU2YWFEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj1hYTAzMzMxNi0zM2I4LTQzOWEtYTMwZi1hOTI1MGU0YjJhYjNXBXNwY2V1QgpnBhcmDWecll43Uht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ 71 Balmain Street Cremorne Vic 3121 Australia You received this email because you signed up on our website or made a purchase from us. [Unsubscribe from this list](~/AAAHUQA~/RgRo76sXP4QSAWh0dHBzOi8vYmVycmltYS5lb21haWw0LmNvbS91bnN1YnNjcmliZT9lcD0yJmw9Y2FhNjU4NTgtNGFjNi0xMWVlLTgwMTYtNGRjZTliYTA4ZTZkJmxjPTg3MDdlZTg2LTUyZjAtMTFlZS1hZjUyLTRiNTM4MmJhM2I5NCZwPWRjYmE1ZWU2LTg0NmMtMTFlZi04ZDYzLTQ3ZGY4MDY2M2YwYiZwdD1jYW1wYWlnbiZwdj00JnNwYT0xNzI4OTEyNjY5JnQ9MTcyODkxNDk2NyZzPWRkODFjNmNjMTEzODdkZjFlODJhYjM4NTI3OGYzM2Q0Nzk2YjRlYjQ0YTFiYzQxOTYxOWZhOGJiMWViMmEzYTVXBXNwY2V1QgpnBhcmDWecll43Uht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) [facebook social link](~/AAAHUQA~/RgRo76sXP0UgMzg4N2ZkMzBjMGQ5MjYyNzM3NDFjYmEzMDY3NDdkNTBEI2h0dHBzOi8vd3d3LmZhY2Vib29rLmNvbS9zaXRlcG9pbnQvVwVzcGNldUIKZwYXJg1nnJZeN1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) [x social link](~/AAAHUQA~/RgRo76sXP0UgYmYxZmNhNTIzY2ZmODc4MDhjOWEyZTE3OWRlMDZhM2REJGh0dHBzOi8vdHdpdHRlci5jb20vc2l0ZXBvaW50ZG90Y29tL1cFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) [linkedin social link](~/AAAHUQA~/RgRo76sXP0UgYzI5OTE0YjA2MThiMmUzMTc4NTk2Y2JjYWU1ZDZhNzJEJ2h0dHBzOi8vbGlua2VkaW4uY29tL2NvbXBhbnkvc2l0ZXBvaW50L1cFc3BjZXVCCmcGFyYNZ5yWXjdSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) {rewardsurl}