{"id":236,"date":"2024-02-15T14:46:01","date_gmt":"2024-02-15T14:46:01","guid":{"rendered":"https:\/\/redmonk.com\/kholterhoff\/?p=236"},"modified":"2024-02-15T15:17:10","modified_gmt":"2024-02-15T15:17:10","slug":"frontend-developers-the-newest-new-kingmakers","status":"publish","type":"post","link":"https:\/\/redmonk.com\/kholterhoff\/2024\/02\/15\/frontend-developers-the-newest-new-kingmakers\/","title":{"rendered":"Frontend Developers: the Newest New Kingmakers"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignnone size-full wp-image-237\" src=\"http:\/\/redmonk.com\/kholterhoff\/files\/2024\/02\/crown-computer-scaled.jpg\" alt=\"\" width=\"100%\" height=\"1706\" srcset=\"https:\/\/redmonk.com\/kholterhoff\/files\/2024\/02\/crown-computer-scaled.jpg 2560w, https:\/\/redmonk.com\/kholterhoff\/files\/2024\/02\/crown-computer-300x200.jpg 300w, https:\/\/redmonk.com\/kholterhoff\/files\/2024\/02\/crown-computer-1024x683.jpg 1024w, https:\/\/redmonk.com\/kholterhoff\/files\/2024\/02\/crown-computer-768x512.jpg 768w, https:\/\/redmonk.com\/kholterhoff\/files\/2024\/02\/crown-computer-1536x1024.jpg 1536w, https:\/\/redmonk.com\/kholterhoff\/files\/2024\/02\/crown-computer-2048x1365.jpg 2048w, https:\/\/redmonk.com\/kholterhoff\/files\/2024\/02\/crown-computer-480x320.jpg 480w, https:\/\/redmonk.com\/kholterhoff\/files\/2024\/02\/crown-computer-941x627.jpg 941w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>In recent years the frontend has undergone a renaissance. Frontend developers\u2014individuals that have traditionally focused on writing HTML, CSS, and JavaScript code, but increasingly work on everything touching the UI, which includes APIs, build tools, interaction, GraphQL, accessibility, design, and QA\u2014are seeing new frameworks, services, and tools revolutionize both the ways they work, and the apps they build. Today, the proliferation of JS frameworks offers developers a veritable cornucopia of options, while a wave of managed services caters to their need for backend infrastructure. Vercel\u2019s branding as \u201cthe Frontend Cloud\u201d acknowledges this subset of developers&#8217; power as both consumers and industry movers. <a href=\"https:\/\/redmonk.com\/kholterhoff\/2023\/04\/24\/why-baas-is-targeting-frontend-developers\/\">I have also written<\/a> about several BaaS companies targeting frontend devs. Illustratively, <a href=\"https:\/\/www.linkedin.com\/in\/paulcopplestone\/\">Paul Copplestone<\/a>, CEO of Supabase, <a href=\"https:\/\/changelog.com\/podcast\/476\">does not skip a beat<\/a> when identifying the specific market he hopes to nail down:<\/p>\n<blockquote><p>Definitely JAMstack\u2026 Eventually we\u2019ll target more established full stack developers, even people who really enjoy Postgres already.<\/p><\/blockquote>\n<p>All of this hype and attention has done wonders for the perception and identity of frontend practitioners. These developers are no longer ashamed of the title, or unilaterally hung up on questions of whether \u201c<a href=\"https:\/\/www.reddit.com\/r\/webdev\/comments\/tv0lz6\/do_front_end_web_developers_have_a_bad_reputation\/\">frontend web developers have a bad reputation for having poor abilities?<\/a>.\u201d Although some stigma persists, frontend engineers are in ascendence and therefore increasingly disinclined to hide behind the label \u201cfull-stack.\u201d In 2024, it would seem that developers working at the top of the stack, and the vendors that serve them, are thriving.<\/p>\n<p>In that spirit, I argue it is time we at RedMonk expand on Stephen O\u2019Grady\u2019s now canonical 2013 concept of <a href=\"https:\/\/thenewkingmakers.com\/\">The New Kingmakers<\/a> by formally acknowledging the role of frontend developers. Software engineers possess a tremendous amount of power and influence in organizations, but those working at the top of the stack are largely absent from O\u2019Grady\u2019s book. Recent trends in the platform and developer tooling space suggest that this segment of the developer population can no longer be ignored. Of course, the frontend-developer-as-Kingmaker is not, in fact, novel, as I will explain in a follow-up post, but the history of sidelining is real.<\/p>\n<p>This blog-based coronation acknowledges the frontend developer\u2019s elevated status. Although the desktop isn\u2019t going anywhere fast, as IoT and mobile devices improve and evolve (this is Apple Vision Pro\u2019s release month, after all), the frontend will continue to be where innovation happens. Moreover, API-driven development enables top of the stack developers to leverage backend services easily and affordably. New solutions in the data management and compute space are addressing significant unresolved problems. Solutions and protocols like GraphQL, WebAssembly, and WebSockets all look to disrupt business-as-usual for data fetching, storage, and use.<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">The backend dev and the frontend dev <a href=\"https:\/\/t.co\/yvsAa5BluL\">pic.twitter.com\/yvsAa5BluL<\/a><\/p>\n<p>&mdash; \ud835\udc03\ud835\udc1a\ud835\udc26\ud835\udc22 \u2728 (@damimoonbb) <a href=\"https:\/\/twitter.com\/damimoonbb\/status\/1561874123348971520?ref_src=twsrc%5Etfw\">August 23, 2022<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>The frontend developer\u2019s image and popular appeal has also undergone a makeover. These engineers have a hand in the design sphere, needing to be able to navigate the Adobe suite and Figma to ensure the design and UX team\u2019s mocks-ups are translated into pixel perfect code for desktop and mobile devices. For this reason it is no great wonder that in the popular imagination the frontend developer is closely aligned with designers. The stereotype persists that frontend engineers carry themselves accordingly, with fashionable haircuts and clothes. Vercel has made this hipster aesthetic core to its branding. At <a href=\"https:\/\/www.renderatl.com\/\">Render ATL<\/a> last year you could see the Vercel folks a mile away in their uniformly sleek black tee shirts. Among others, Supabase\u2014who <a href=\"https:\/\/supabase.com\/partners\/integrations\/vercel\">works with Vercel<\/a>\u2014has joked <a href=\"https:\/\/twitter.com\/supabase\/status\/1654411159909351425\">repeatedly<\/a>\u00a0about this curated <a href=\"https:\/\/www.urbandictionary.com\/define.php?term=Lewk\">lewk<\/a>. Far from the frumpy developer stereotype of yore, frontend developers have an identity all their own, and they won\u2019t be diminished or ignored.<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">Dressed like they\u2019re about to tell me what\u2019s new in Next.js 15 <a href=\"https:\/\/t.co\/ynYhQKgRMl\">pic.twitter.com\/ynYhQKgRMl<\/a><\/p>\n<p>&mdash; Supabase (@supabase) <a href=\"https:\/\/twitter.com\/supabase\/status\/1723009138467201257?ref_src=twsrc%5Etfw\">November 10, 2023<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>I date this frontend renaissance to the 2019 publication of Chris Coyier\u2019s \u201c<a href=\"https:\/\/css-tricks.com\/the-great-divide\/\">The Great Divide<\/a>.\u201d In this influential <i>CSSTricks<\/i> post, Coyier surveys the state of frontend and speaks about this domain\u2019s plasticity. The label frontend is diffuse: while some focus on \u201cHTML, CSS, design, interaction, patterns, accessibility, etc.\u201d others specialize in JavaScript: \u201cmodern frameworks, fancy build tools, and interesting data layer strategies\u2026 React as a UI library, Apollo GraphQL for data, Cypress for integration testing, and webpack as a build tool.\u201d Part of this separation came out of the web\u2019s snowballing complexity, and particularly the <a href=\"https:\/\/redmonk.com\/kholterhoff\/2023\/03\/27\/the-server-client-two-step\/\">Server\/Client Two-Step<\/a> which seeks to harness client-side interactivity with server rendering\u2019s recognized performance. But what Coyier\u2019s post makes crystal clear is that the frontend is enough. Developers don\u2019t need to feel bad about working at the top of the stack or else claim membership within the full-stack guild in order to demonstrate their ability. Frontend engineers not only perform serious, necessary work, their domain is evolving rapidly and involves some of today&#8217;s most exciting and disruptive tech.<\/p>\n<p>The result of frontend engineering\u2019s renewed respectability in the tech space has been significant. Instead of a dirty word, devs now wear the profession of \u201cFrontend Engineer\u201d with pride. I\u2019ve made the case that in 2024 the frontend developer deserves space beside more canonical Kingmakers from the backend and IT operations spheres, but how did this transition come about and what does it mean for the future of the software industry? This post is the first in a series on this subject. The second will historicize the frontend Kingmaker and assess the relevance and persistence of the term \u201cfull-stack engineer.\u201d Next, I will examine the future of frontend by situating this domain within a larger conversation concerning cloud, the rise of abstractions, and exercises in software packaging versus primitives. There is still a lot to say about the importance and evolution of the frontend, and this necessary conversation is far from settled.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In recent years the frontend has undergone a renaissance. Frontend developers\u2014individuals that have traditionally focused on writing HTML, CSS, and JavaScript code, but increasingly work on everything touching the UI, which includes APIs, build tools, interaction, GraphQL, accessibility, design, and QA\u2014are seeing new frameworks, services, and tools revolutionize both the ways they work, and the<\/p>\n","protected":false},"author":50,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[8,23,4,7],"tags":[],"class_list":["post-236","post","type-post","status-publish","format-standard","hentry","category-frontend","category-jamstack","category-javascript","category-js-frameworks"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/posts\/236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/comments?post=236"}],"version-history":[{"count":0,"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/posts\/236\/revisions"}],"wp:attachment":[{"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/media?parent=236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/categories?post=236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/redmonk.com\/kholterhoff\/wp-json\/wp\/v2\/tags?post=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}