<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Sylwia Laskowska</title>
    <description>The latest articles on DEV Community by Sylwia Laskowska (@sylwia-lask).</description>
    <link>https://dev.to/sylwia-lask</link>
    <image>
      <url>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%2F3535771%2Fe22860d5-274b-43c9-819b-56b162e5bd5a.jpeg</url>
      <title>DEV Community: Sylwia Laskowska</title>
      <link>https://dev.to/sylwia-lask</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sylwia-lask"/>
    <language>en</language>
    <item>
      <title>7 Productivity Tips That Sound Wrong (But Actually Work)</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Tue, 18 Aug 2026 08:32:32 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/7-productivity-tips-that-sound-wrong-but-actually-work-5602</link>
      <guid>https://dev.to/sylwia-lask/7-productivity-tips-that-sound-wrong-but-actually-work-5602</guid>
      <description>&lt;p&gt;Struggling with burnout? Procrastination? Reaching your goals? Let me share a few methods that help me actually get things done in the long run. And yes, at first glance, some of them might make you think I've completely lost it 😄 But I swear they work, and these really are “productivity tips,” not “Sylwia's zen tips.”&lt;/p&gt;

&lt;p&gt;I've been writing quite a lot of “philosophical” posts lately. Well, it's summer, I'm enjoying the last warm weeks, and somehow I'm just in the mood for this kind of content. Don't worry, though, September will be packed with hardcore tech!&lt;/p&gt;

&lt;p&gt;And trust me, a lot is going to happen, because in September I'll be speaking at &lt;strong&gt;AGNTCon + MCPCon Europe&lt;/strong&gt;!!! Well, I always knew my place was among the greatest engineers from OpenAI, Anthropic, Google, and the maintainers of MCP… Hahaha, obviously I'm joking. I have no idea what I'm doing there, but if you happen to come to my talk, I promise you won't regret it 😄&lt;/p&gt;

&lt;p&gt;This post is partly a continuation of &lt;a href="https://dev.to/sylwia-lask/stop-calling-everything-impostor-syndrome-the-myth-of-just-push-harder-1dmm"&gt;Stop Calling Everything “Impostor Syndrome”: The Myth of “Just Push Harder”&lt;/a&gt; and contains some thoughts that simply didn't fit there. And yes, we only have one life — at least as far as we know 😄 — and I don't think it's worth wasting it constantly working your ass off just to become an amazing programmer or someone else in IT.&lt;/p&gt;

&lt;p&gt;But that's not even the main point here. These tips, despite going against the “work more” advice we hear all the time, can actually help you achieve much more, because the key to success is something we all know very well: &lt;strong&gt;CONSISTENCY&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Of course, I'm not going to claim this will always work for everyone. So you're very welcome to disagree with me in the comments 😄 It works for me, though, so I'll describe these methods along with plenty of personal digressions. Maybe it's worth a try?&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Do &lt;strong&gt;Less&lt;/strong&gt; Than You Could
&lt;/h2&gt;

&lt;p&gt;This is actually an old Scrum principle — or at least that's how a Scrum Master friend of mine once explained it to me 😉 The point isn't to cram as many tasks as possible into a sprint. The point is to find a pace of work that would feel comfortable even if there were no vacations at all. Obviously, this doesn't mean you should actually give up your vacations xDDD But you get the idea.&lt;/p&gt;

&lt;p&gt;I understand this strategy perfectly well at work, but sometimes I forget about it in my personal life. If you read me regularly, you know I blog a lot here (and sometimes those are heavily technical posts, unlike this one 😅), and I also speak at conferences. So I often have tons of things to do, but the moment my calendar gets even slightly less crowded, I immediately start wondering what else I could squeeze in. Maybe I should finally write a book?&lt;/p&gt;

&lt;p&gt;It's a trap. Instead of using that quieter period to rest and finally watch a TV show other than &lt;em&gt;Silicon Valley&lt;/em&gt;, I fill that time with more stuff. Then the commitments I already knew were coming eventually arrive, and suddenly I'm frustrated and exhausted. As a result, I do less, I do it worse, and… I give up on writing the book anyway 🥺 Maybe I'll get back to it when I retire or something. 🤯&lt;/p&gt;




&lt;h2&gt;
  
  
  2. Don't Work on Weekends
&lt;/h2&gt;

&lt;p&gt;My buddy &lt;a class="mentioned-user" href="https://dev.to/the_nortern_dev"&gt;@the_nortern_dev&lt;/a&gt; once wrote about this in &lt;a href="https://dev.to/the_nortern_dev/unpopular-opinion-i-stopped-coding-on-weekends-and-my-career-got-better-3el"&gt;Unpopular Opinion: I Stopped Coding on Weekends and My Career Got Better&lt;/a&gt;. I even commented that I not only don't code on weekends, but I don't do anything after hours at all unless I genuinely feel like it.&lt;/p&gt;

&lt;p&gt;Well, those days are long gone. When it comes to blogging and conferences, I've achieved a certain level of success. What I didn't expect was that… success comes with admin work 😅. Suddenly there are ten emails to answer, an abstract to prepare, benchmarks to run, something else to check… Sometimes these are tiny things, but we all know how quickly tiny things can grow 😄&lt;/p&gt;

&lt;p&gt;As a result, I developed a tendency to do &lt;em&gt;something&lt;/em&gt; every single afternoon and, of course, on weekends, because that's when I had more time. My productivity dropped dramatically. I genuinely didn't feel like doing anything anymore, and everything I did was basically just “good enough to get it over with.”&lt;/p&gt;

&lt;p&gt;Free weekends don't just help me rest. I even let myself get a little bored. Usually, at some point, I get that feeling of, “Ahhh, I'm rested now, I'd actually love to work on this!”, and I deliberately don't do it. At most, I write the idea down. It's only when your brain finally relaxes that it has room for creativity.&lt;/p&gt;

&lt;p&gt;It's not like I close my laptop on Friday evening and don't open it again until Monday morning. Sometimes I reply to your comments, which I really enjoy. But no answering emails, creating content, and so on. Which brings us smoothly to the next point:&lt;/p&gt;




&lt;h2&gt;
  
  
  3. Plan Your Week in Advance
&lt;/h2&gt;

&lt;p&gt;Okay, this particular tip isn't exactly controversial 😄 But it really works. If I want my weekend to stay free, I need to plan everything else throughout the week. But I also have to do it in a way that doesn't completely bury me in work, because the whole point is to do less than you could.&lt;/p&gt;

&lt;p&gt;You don't need sophisticated tools to do that. Usually, I dump everything I want to do into ChatGPT as a stream of consciousness, and it turns it into a daily plan, taking into account what's urgent, what's important, and so on. For example, today I had some admin stuff plus this article, and tomorrow evening I'll focus 100% on editing my sci-fi story for an anthology (fortunately, I'm finally on the home stretch…).&lt;/p&gt;




&lt;h2&gt;
  
  
  4. Set Embarrassingly Achievable Goals
&lt;/h2&gt;

&lt;p&gt;This is the key to avoiding procrastination. If you set yourself a goal like “I want to become a Staff Engineer at Google”, your brain will decide that you might as well sit down and do nothing. Unless you're already a Senior Engineer at Google, in which case it's a perfectly reasonable goal 😁&lt;/p&gt;

&lt;p&gt;You get the idea, right? It's one of those things coaches are always telling us 🤣 And on this one, they're actually pretty right. A goal should be realistic and measurable, and ideally, it should depend on you — although, of course, that's not always possible.&lt;/p&gt;

&lt;p&gt;If you're learning programming and want to do it professionally, a good goal is “become a junior developer,” or even “get an internship.” That's something you have a chance of achieving by learning this and that and sending your CV to companies. If you're interested in speaking at conferences, you don't tell yourself, “Now I'm going to become a tech influencer” xD. Instead, you try to come up with a cool topic and get accepted to a meetup. And so on, and so on.&lt;/p&gt;




&lt;h2&gt;
  
  
  5. Deliver Only What You're Asked For
&lt;/h2&gt;

&lt;p&gt;Haha, how many times have I fallen into this trap! In software development, we have this thing called an MVP, and I think we should make MVPs in life too.&lt;/p&gt;

&lt;p&gt;More than once, I've found myself spending time polishing details that simply weren't necessary. Am I saying that going the extra mile has &lt;em&gt;never&lt;/em&gt; helped me? I'd be lying if I did. Sometimes the extra effort genuinely paid off, although I'll never know whether “good enough” would have worked just as well.&lt;/p&gt;

&lt;p&gt;More often, though, it went the other way. In the best-case scenario, I simply did a bunch of unnecessary work. In the worst case, I built something the client didn't even want because &lt;em&gt;I&lt;/em&gt; thought it was better and so cool! Of course, it was easy enough to undo and nobody got hurt (except me), but the fact remains: my “extra” work wasn't just useless. Sometimes it actively made things worse.&lt;/p&gt;

&lt;p&gt;Obviously, in your own projects, do whatever you want. But when you're working with clients, I'd recommend sticking to this rule. Want to add something extra? Agree on it with the client first (and preferably charge extra for it).&lt;/p&gt;




&lt;h2&gt;
  
  
  6. Know What “Done” Means Before You Start
&lt;/h2&gt;

&lt;p&gt;This is an extension of the previous point. If, for example, you set yourself a goal like “I'll learn JavaScript”, you'll never finish. I always laugh that when I was a junior, I used to put my JavaScript level on my CV as “very good,” and now I only put “good” 😄&lt;/p&gt;

&lt;p&gt;Instead, aim for something like “I'll complete this tutorial and take the test at the end” or “I'll build an app with these specific features”.&lt;/p&gt;




&lt;h2&gt;
  
  
  7. Reply to Small Things Immediately
&lt;/h2&gt;

&lt;p&gt;This is a tip I learned from my former Development Manager. If you get an email or a message that will take you no more than five minutes to answer, do it immediately or within an hour. Unless, of course, you're in the middle of something super urgent or in a deep work. Don't let it sit there for days.&lt;/p&gt;

&lt;p&gt;It's a fantastic way to keep clearing things from your life's “backlog.” As a bonus, it'll make you the perfect “low-maintenance” coworker, contractor, and so on. Where's the downside?&lt;/p&gt;




&lt;p&gt;And that's it. Obviously, these tips won't work in every situation or for everyone. I can imagine moments in life when we genuinely need to push hard because we're doing a bootcamp, facing an important deadline, or whatever else. The problem is that those “moments” sometimes get out of control, and a few weeks turn into a dozen months. Which is, of course, a pretty straightforward path to burnout and wanting to throw the whole damn thing away.&lt;/p&gt;

&lt;p&gt;So I wish you more free evenings, more free weekends, and, in general, a life where you don't work yourself to death ☺️&lt;/p&gt;

&lt;p&gt;For more super-useful life hacks 🤣 you can also follow mi on &lt;a href="https://www.linkedin.com/in/sylwia-laskowska-5a8467131/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>mentalhealth</category>
      <category>career</category>
    </item>
    <item>
      <title>The End of Undetectable AI Text? Claude’s New Watermark Explained</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Tue, 11 Aug 2026 22:33:57 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/the-end-of-undetectable-ai-text-claudes-new-watermark-explained-45g2</link>
      <guid>https://dev.to/sylwia-lask/the-end-of-undetectable-ai-text-claudes-new-watermark-explained-45g2</guid>
      <description>&lt;p&gt;For the past few hours, the whole world,&amp;nbsp; or at least my LinkedIn feed,&amp;nbsp;has been talking about one thing: Anthropic signed the &lt;strong&gt;EU AI Act’s Code of Practice on Transparency of AI-Generated Content&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Is this the end of generating funny cat stories, LinkedIn posts, and boring docs? Are we doomed? Will we have to write all those boring things manually, like animals, because otherwise some mysterious detector will expose us? 😅&lt;/p&gt;

&lt;p&gt;I just couldn't resist writing about this! The internet has already managed to produce a surprising number of myths around the topic, so let's quickly go through what we actually know for sure, which, by the way, is pretty easy to find on Claude's official pages, where the documentation is more pleasant to read than many industry articles.&lt;/p&gt;

&lt;p&gt;And as you'll see, there's really not that much to be afraid of. Also... Anthropic isn't even the first company to do this.&lt;/p&gt;

&lt;h2&gt;
  
  
  Wait, Why Do We Even Need This Law? Did AI-Generated Text Become Illegal in Europe?
&lt;/h2&gt;

&lt;p&gt;Of course not!&lt;/p&gt;

&lt;p&gt;If you're an EU citizen like me, you can still ask an AI to write a reply to a boring email or generate a ridiculous poem, and you won't go to jail for it. 😉&lt;/p&gt;

&lt;p&gt;The goal isn't to ban AI. It's about making AI-generated and manipulated content machine-detectable and, in specific contexts, transparent to users — especially when we're talking about things like deepfakes or content concerning matters of public interest.&lt;/p&gt;

&lt;p&gt;And there is an important nuance here: the AI Act also provides an exception for certain AI-generated or manipulated text where the content has undergone human review or editorial control and a natural or legal person holds editorial responsibility for its publication.&lt;/p&gt;

&lt;p&gt;So no, the EU has not declared war on your ChatGPT-generated emails. &lt;/p&gt;

&lt;h2&gt;
  
  
  What Do We Actually Know So Far?
&lt;/h2&gt;

&lt;p&gt;Here's what we know for sure today:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Anthropic really did sign the &lt;strong&gt;EU AI Act Article 50(2) Code of Practice on Transparency of AI-Generated Content&lt;/strong&gt;, and as part of its implementation, it is providing machine-readable marking. The relevant transparency obligations started applying on August 2, 2026. So yes, we're already there.&lt;/li&gt;
&lt;li&gt;Claude models released on or after August 2 have marking capabilities from launch. Older models don't necessarily have them yet; Anthropic is rolling this out gradually.&lt;/li&gt;
&lt;li&gt;The system works globally. Yes, even outside the EU.&lt;/li&gt;
&lt;li&gt;It applies to supported Claude models used through &lt;strong&gt;Claude, the Claude Platform/API, Claude Code, Claude Cowork, and Claude Tag&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Using Claude through AWS, Google Cloud, Microsoft Foundry, or another supported platform? The marking is applied at the model level, so using another interface doesn't magically make it disappear.&lt;/li&gt;
&lt;li&gt;There are two different mechanisms involved: an imperceptible watermark for generated text and provenance metadata for supported files.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  So... How Does This Watermark Actually Work?
&lt;/h2&gt;

&lt;p&gt;Anthropic calls it an &lt;strong&gt;"imperceptible watermark" embedded directly into the text&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;According to Anthropic, it survives copy-paste and can even survive some amount of editing. It's implemented at the model level rather than being something the Claude frontend simply adds afterward.&lt;/p&gt;

&lt;p&gt;But here's the important part: &lt;strong&gt;Anthropic still hasn't told us exactly how it works!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The company says more technical documentation is coming, so... expect a follow-up from me when it arrives. 😀&lt;/p&gt;

&lt;p&gt;We can make an educated guess that it might be some form of &lt;strong&gt;statistical token watermarking&lt;/strong&gt;. In such systems, we're not talking about weird spaces or invisible Unicode characters that could be removed in a second. Instead, the model can slightly and statistically prefer certain tokens during generation.&lt;/p&gt;

&lt;p&gt;In a single sentence, that kind of signal might be impossible or unreliable to detect. Across a longer piece of text, however, statistics can start revealing the pattern.&lt;/p&gt;

&lt;p&gt;So, very roughly, you could imagine something like this (&lt;strong&gt;if Anthropic has implemented its watermark this way)&lt;/strong&gt;:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Normal generation&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;P(next_token | context)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;vs.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Watermarked generation&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;P(next_token | context) + secret statistical bias
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;But again: &lt;strong&gt;Anthropic has NOT confirmed yet that this is how Claude's watermark works.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;This is simply an educated guess based on existing text-watermarking techniques. 🙂&lt;/p&gt;

&lt;h2&gt;
  
  
  Is Claude the Only Model Watermarking Text?
&lt;/h2&gt;

&lt;p&gt;Nope!&lt;/p&gt;

&lt;p&gt;Google has actually been doing this for years. &lt;/p&gt;

&lt;p&gt;Google DeepMind introduced &lt;strong&gt;SynthID Text&lt;/strong&gt; back in 2024, and it works along the general lines I described above: the watermark is introduced during token generation, creating a statistical signal that can later be detected.&lt;/p&gt;

&lt;p&gt;OpenAI, meanwhile, has said that it has developed text-watermarking technology, although while it already uses provenance or watermarking technologies for things like images, video, and audio, it has not publicly rolled out comparable watermarking for ordinary GPT text responses.&lt;/p&gt;

&lt;p&gt;So Anthropic definitely didn't invent the idea of watermarking LLM output.&lt;/p&gt;

&lt;h2&gt;
  
  
  Will Everyone Have Access to a Watermark Detector?
&lt;/h2&gt;

&lt;p&gt;We don't really know yet.&lt;/p&gt;

&lt;p&gt;For supported files, the situation is somewhat simpler because Anthropic uses provenance metadata, such as C2PA credentials, that can be inspected with appropriate verification tools.&lt;/p&gt;

&lt;p&gt;Text is more interesting.&lt;/p&gt;

&lt;p&gt;Anthropic says it plans to make watermark detection available to &lt;strong&gt;third parties and researchers&lt;/strong&gt;, but we don't yet know exactly who those third parties will be, what access will look like, or whether regular users will eventually get a simple public detector.&lt;/p&gt;

&lt;p&gt;So GPTZero and similar garbage may still have a job for a while.&amp;nbsp;&lt;/p&gt;

&lt;h2&gt;
  
  
  What Does This Actually Mean for Us?
&lt;/h2&gt;

&lt;p&gt;Will everything finally become crystal clear? Will every LLM-generated article suddenly get a giant red &lt;strong&gt;CHEATER!&lt;/strong&gt; warning next to it? xD&amp;nbsp;Of course not!&lt;/p&gt;

&lt;p&gt;Anthropic itself openly talks about the limitations of this technology. And we've discussed variations of this problem thousands of times here on DEV already.&lt;/p&gt;

&lt;p&gt;First of all, the presence of a watermark does &lt;strong&gt;not&lt;/strong&gt; necessarily mean that the author didn't write the text themselves.&lt;/p&gt;

&lt;p&gt;Maybe they wrote the entire thing and then asked Claude to edit it, fix grammar mistakes, polish the wording, or translate it into another language. The resulting output could contain a watermark even though the actual ideas, and potentially most of the original text, came from the human author.&lt;/p&gt;

&lt;p&gt;So yes, the final article could still be chaotic, unnecessarily long, and full of a million digressions, exactly like my posts here. &lt;/p&gt;

&lt;p&gt;Anthropic explicitly points out that the opposite can happen too.&lt;/p&gt;

&lt;p&gt;Someone can take fully AI-generated slop and heavily edit it, paraphrase it, translate it, mix it with other content, or otherwise transform it enough that the watermark may no longer be detectable.&lt;/p&gt;

&lt;p&gt;So:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;watermark detected ≠ AI wrote everything&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;and&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;no watermark detected ≠ human wrote everything&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;That's a pretty important distinction.&lt;/p&gt;

&lt;h2&gt;
  
  
  What About Images, Audio, and Video?
&lt;/h2&gt;

&lt;p&gt;With supported files, provenance can be easier to verify because we can use embedded metadata and content credentials.&amp;nbsp;But even that isn't bulletproof.&lt;/p&gt;

&lt;p&gt;What happens if someone takes a screenshot of an AI-generated image, for example&amp;nbsp;Metadata doesn't magically survive every possible transformation.&lt;/p&gt;

&lt;p&gt;And that's exactly why provenance is useful evidence, but not some perfect universal AI detector.&lt;/p&gt;

&lt;h2&gt;
  
  
  And What the Hell Happens With Code?
&lt;/h2&gt;

&lt;p&gt;This is probably the part I'm most curious about.&amp;nbsp;How exactly are they planning to handle watermarking in generated code, where the model has significantly less freedom in choosing equivalent tokens?&lt;/p&gt;

&lt;p&gt;In natural language, there can be dozens of perfectly valid ways to express essentially the same thought.&amp;nbsp;But if we have something like:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;result&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;fetchData&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;then how the hell do we add a statistical watermark to that?&lt;/p&gt;

&lt;p&gt;Sure, there are still choices: variable names, formatting, and so on. But the space of valid substitutions is obviously much more constrained than it is in natural language, and formatters, refactoring, minification, or even small manual edits could make the problem even more interesting.&lt;/p&gt;

&lt;p&gt;Claude Code is included in Anthropic's marking rollout, but Anthropic hasn't yet published enough technical detail for us to know exactly how the text watermark behaves with generated source code.&lt;/p&gt;

&lt;p&gt;And I really want to know how they solved this one.&lt;/p&gt;

&lt;h2&gt;
  
  
  So, Should You Care?
&lt;/h2&gt;

&lt;p&gt;As you can see, Claude watermarking generated text is actually a logical and important, although obviously still imperfec, move.&lt;/p&gt;

&lt;p&gt;It probably won't change our everyday lives very much.&lt;/p&gt;

&lt;p&gt;Sure, the flood of AI slop across social media is annoying. Unfortunately, I have a feeling this watermark isn't going to magically solve that problem either. 😐&lt;/p&gt;

&lt;p&gt;What interests me much more is &lt;strong&gt;how this watermark is actually implemented&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Anthropic, I'm waiting for the docs!&lt;/p&gt;

</description>
      <category>ai</category>
      <category>llm</category>
      <category>news</category>
    </item>
    <item>
      <title>Stop Calling Everything Impostor Syndrome: The Myth of "Just Push Harder"</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Tue, 04 Aug 2026 07:30:25 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/stop-calling-everything-impostor-syndrome-the-myth-of-just-push-harder-1dmm</link>
      <guid>https://dev.to/sylwia-lask/stop-calling-everything-impostor-syndrome-the-myth-of-just-push-harder-1dmm</guid>
      <description>&lt;p&gt;Not everyone who doubts themselves is suffering from impostor syndrome. Sometimes the real problem lies in the strategy they've chosen, and that's exactly why it's so important to learn to tell the difference.&lt;/p&gt;

&lt;p&gt;I read a lot of articles here on DEV about burnout, impostor syndrome, and similar topics. I thought I'd add my own perspective because I have the feeling that some advice, often given with great confidence, can actually do more harm than good. The symptoms may be real, but the diagnosis can still be wrong.&lt;/p&gt;

&lt;p&gt;Today I'd like to share my somewhat "engineering" approach to personal growth. Maybe it will help some of you. Because "just keep going" or "work harder" isn't always the right answer. &lt;/p&gt;

&lt;h2&gt;
  
  
  Impostor Syndrome
&lt;/h2&gt;

&lt;p&gt;I do experience impostor syndrome.&lt;/p&gt;

&lt;p&gt;And don't get me wrong. I generally have pretty high self-esteem, and I believe I've achieved quite a lot in different areas of my life. That doesn't stop me from doubting myself from time to time.&lt;/p&gt;

&lt;p&gt;Here's an example from just the past few days.&lt;/p&gt;

&lt;p&gt;I published an article about &lt;a href="https://dev.to/sylwia-lask/the-dirty-secret-behind-ai-agents-demo--273d"&gt;building an AI agent in around 80 lines of code&lt;/a&gt;, and it sparked an amazing discussion. I was genuinely proud of it. Even better, I got invited to speak about it at the AI Coding Summit! (By the way, if you'd like to support me, you can like my &lt;a href="https://www.linkedin.com/feed/update/urn:li:activity:7489968386240806913/" rel="noopener noreferrer"&gt;LinkedIn post&lt;/a&gt; and claim a badge that gives you access to half of the conference for free!)&lt;/p&gt;

&lt;p&gt;Overall, I genuinely believe the topic is a great fit for a conference like this. What I really wanted was to see my face appear on the conference website, because I always have this feeling that once the organizers publish the speaker page, everything is basically official and they're unlikely to remove me afterward. 😅&lt;/p&gt;

&lt;p&gt;Well... it took them exactly one day.&lt;/p&gt;

&lt;p&gt;And I swear that by the end of that day, my brain had already come up with an entirely different explanation:&lt;/p&gt;

&lt;p&gt;&lt;em&gt;"What if they read my blog and realized how stupid my articles are? What if they email me saying: 'Sylwia, we've gone through your posts, and unfortunately we've decided to remove you from the conference. It's obvious you have no idea what you're talking about. We've figured you out, you fraud!'"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Reading this now, it sounds completely ridiculous.&amp;nbsp;But I believed it.&amp;nbsp;Never mind that my articles regularly appear in developer newsletters or receive lots of positive feedback. My brain had already written its own story.&lt;/p&gt;

&lt;p&gt;Here's another example.&lt;/p&gt;

&lt;p&gt;Once, an organizer described the speakers at a conference as "amazing international speakers."&amp;nbsp;Instead of feeling proud, my first thought was:&amp;nbsp;&lt;em&gt;"Amazing international speakers... and Sylwia."&lt;/em&gt;&amp;nbsp;After all, I'm just a software developer from Gdańsk. 😅&lt;/p&gt;

&lt;p&gt;This is exactly what psychologists describe as impostor syndrome: despite objective achievements and external validation, you still feel like you don't really deserve your place, and sooner or later everyone else will discover that you're a fraud.&lt;/p&gt;

&lt;p&gt;I'm not even going to dive into the psychology behind it today. Maybe that's a topic for another article.&lt;/p&gt;

&lt;h2&gt;
  
  
  But Not Every Doubt Is Impostor Syndrome
&lt;/h2&gt;

&lt;p&gt;Here's the important part.&amp;nbsp;Not every doubt you have automatically means you're experiencing impostor syndrome.&lt;/p&gt;

&lt;p&gt;There are also areas where I'm genuinely... bad.&amp;nbsp;Take running.&lt;/p&gt;

&lt;p&gt;I'm an absolutely terrible runner. My times are objectively awful. So awful that I'd rather not even share them. 😄 I'm fully aware of it. I'd probably lose a race against a five-year-old, not to mention the fact that I don't have an ACL in either knee thanks to my old judo days.&lt;/p&gt;

&lt;p&gt;Now imagine someone giving me this advice:&amp;nbsp;&lt;em&gt;"Come on, you just have impostor syndrome! Keep running more, train harder, and one day you'll become Poland's marathon champion."&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;You can immediately tell how absurd that sounds.&amp;nbsp;That advice wouldn't help me in the slightest.&lt;/p&gt;

&lt;p&gt;And yet, very similar advice is often given to people who are learning programming or have been unsuccessfully looking for a job for months.&lt;/p&gt;

&lt;p&gt;You've been working incredibly hard without seeing results and you're starting to feel burned out?&amp;nbsp;&lt;em&gt;"It's just impostor syndrome. Don't worry. Work harder. Keep going. Just a little longer."&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;You've been writing blog posts and nobody reads them?&amp;nbsp;&lt;em&gt;"It's just impostor syndrome. Don't worry. Keep publishing consistently. The results will eventually come."&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Personally, I think this kind of advice can actually be harmful.&lt;/p&gt;

&lt;h2&gt;
  
  
  Think Like an Engineer
&lt;/h2&gt;

&lt;p&gt;Let's go back to my running example.&amp;nbsp;Why am I such a bad runner?&amp;nbsp;Maybe I only started recently and my expectations are unrealistic.&amp;nbsp;Maybe I'm making fundamental mistakes in training.&amp;nbsp;Maybe I'm wearing the wrong shoes.&amp;nbsp;Maybe I simply don't have much natural talent for running, and I'd enjoy a different sport much more.&lt;/p&gt;

&lt;p&gt;Or maybe I should just run for fun instead of chasing unrealistic goals.&lt;/p&gt;

&lt;p&gt;The same way of thinking applies almost everywhere else.&amp;nbsp;Have you sent hundreds of CVs without getting interviews?&amp;nbsp;Maybe it's worth asking an HR specialist to review your resume.&amp;nbsp;Maybe the market is simply terrible right now.&amp;nbsp;Maybe you're missing one specific skill that's relatively easy to learn.&lt;/p&gt;

&lt;p&gt;Maybe you're applying only for fully remote positions.&amp;nbsp;Or maybe you're aiming exclusively at FAANG companies, while you'd have much better chances at smaller organizations.&lt;/p&gt;

&lt;p&gt;Are you writing blog posts that nobody reads?&amp;nbsp;Maybe your titles could be stronger.&amp;nbsp;Maybe you should spend more time interacting with the community, learning from other people while also increasing your own visibility.&amp;nbsp;Maybe another platform would suit you better.&amp;nbsp;For example, I get fantastic engagement and wonderful discussions here on DEV, while my LinkedIn posts usually perform much worse. 😄&lt;/p&gt;

&lt;h2&gt;
  
  
  Debug Your Strategy, Not Just Your Confidence
&lt;/h2&gt;

&lt;p&gt;That's what I mean by an "engineering" approach to personal growth.&amp;nbsp;Every few months, try looking at your efforts critically, without ego, as if your own development were someone else's project.&amp;nbsp;&lt;/p&gt;

&lt;p&gt;Ask yourself:&amp;nbsp;&lt;strong&gt;Is the time I'm investing actually producing results?&amp;nbsp;&lt;/strong&gt;If not, maybe it's worth changing the strategy instead of simply trying harder.&lt;/p&gt;

&lt;p&gt;Because maybe your doubts aren't impostor syndrome at all.&amp;nbsp;Maybe they're your brain telling you that your current approach simply isn't working.&lt;/p&gt;

&lt;p&gt;Sometimes the answer really is greater confidence and perseverance.&amp;nbsp;But sometimes the answer is changing your strategy.&amp;nbsp;The hard part is learning to tell the difference.&lt;/p&gt;

</description>
      <category>career</category>
      <category>mentalhealth</category>
    </item>
    <item>
      <title>It Was Just a Patch Update. What Could Possibly Go Wrong?</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Thu, 30 Jul 2026 08:02:27 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/it-was-just-a-patch-update-what-could-possibly-go-wrong-3be3</link>
      <guid>https://dev.to/sylwia-lask/it-was-just-a-patch-update-what-could-possibly-go-wrong-3be3</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for &lt;a href="https://dev.to/bugsmash"&gt;DEV's Summer Bug Smash: Smash Stories&lt;/a&gt; powered by &lt;a href="https://sentry.io/" rel="noopener noreferrer"&gt;Sentry&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;You know those version numbers in libraries and frameworks, right? If not, here's a quick refresher. When we have something like &lt;code&gt;package@x.y.z&lt;/code&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;x&lt;/strong&gt; is a major release, where breaking changes are allowed,&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;y&lt;/strong&gt; is a backward-compatible feature release,&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;z&lt;/strong&gt; is a patch, usually containing small fixes and bugfixes.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If we want to keep our projects healthy, we should update at least patch versions regularly. In fact, nowadays our package managers often do it automatically if we let them.&lt;/p&gt;

&lt;p&gt;One day, however, upgrading &lt;strong&gt;just the third number&lt;/strong&gt; completely broke our application. And it wasn't the framework's fault. It was ours.&lt;/p&gt;

&lt;p&gt;I fix plenty of bugs in my daily job. But finding &lt;em&gt;the one&lt;/em&gt; worth telling in a contest meant digging surprisingly far back into my memory...&lt;/p&gt;

&lt;p&gt;So let me take you back to &lt;strong&gt;2017&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Welcome Back to 2017
&lt;/h2&gt;

&lt;p&gt;Web applications have only been taking over the world for a few years. ECMAScript 6 has been around for two years already, but we're still using its revolutionary features (Promises, arrow functions, &lt;code&gt;let&lt;/code&gt; and &lt;code&gt;const&lt;/code&gt;) very carefully because browser support isn't exactly great yet.&lt;/p&gt;

&lt;p&gt;The market is so hungry for developers that companies are basically hiring anyone who can write:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight typescript"&gt;&lt;code&gt;&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="kd"&gt;class&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Meetups are full of talks like &lt;em&gt;"Introduction to Angular."&lt;/em&gt; Well, the new Angular itself isn't even a year old yet. At least creating a new project only takes a single CLI command. Meanwhile, creating a React project still feels like downloading half of npm.&lt;/p&gt;




&lt;p&gt;I'm working as a fairly ambitious mid-level developer in a team that has been using Angular almost since its very beginning.&lt;/p&gt;

&lt;p&gt;The project is a large enterprise application used to monitor Fair Trade certified products. It has to work all over the world, from Western Europe to small African countries where someone might connect to the Internet from a public library once every few weeks over a painfully slow connection.&lt;/p&gt;

&lt;p&gt;Future-proofing matters.&lt;/p&gt;




&lt;p&gt;We're basically learning modern frontend development while building this application. How do Observables work? What exactly is RxJS? When should we use services?&lt;/p&gt;

&lt;p&gt;It doesn't help that Angular itself is still maturing and sometimes things simply don't work because... well... there's a bug in Angular. We file issue after issue. &lt;/p&gt;

&lt;p&gt;To Angular's credit, the team reacts incredibly fast. Sometimes they fix a bug before we even finish filling out the issue template.&lt;/p&gt;

&lt;p&gt;Naturally, we keep upgrading regularly, including minor and patch releases.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Problem With Angular's Early i18n
&lt;/h2&gt;

&lt;p&gt;As I mentioned, our application has to support many languages. Angular already has the beginnings of an i18n system, but it's nothing like what we have today. Without diving too deeply into the implementation, translatable elements are simply marked with an &lt;code&gt;i18n&lt;/code&gt; attribute:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;h1&lt;/span&gt; &lt;span class="na"&gt;i18n&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Hello&lt;span class="nt"&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The Angular CLI scans the application and generates translation files from those elements.&lt;/p&gt;

&lt;p&gt;The problem is that each language requires its own build. Switching languages at runtime isn't really an option. And unfortunately, &lt;strong&gt;runtime language switching is a hard requirement for our application&lt;/strong&gt; (I honestly don't remember why anymore 😄).&lt;/p&gt;

&lt;p&gt;Since the Angular ecosystem is still incredibly young and there aren't any mature libraries solving this problem, we decide to build our own solution.&lt;/p&gt;




&lt;p&gt;Our implementation is surprisingly simple. Whenever the language changes, we scan the page for every element containing the &lt;code&gt;i18n&lt;/code&gt; attribute and replace its contents with the proper translation.&lt;/p&gt;

&lt;p&gt;Elegant. Simple. Maybe fifteen lines of code.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Patch Update
&lt;/h2&gt;

&lt;p&gt;Everything works perfectly... until the middle of 2017.&lt;/p&gt;

&lt;p&gt;Angular is now on version 4. (I remember they skipped version 3 for perfectly reasonable reasons, although I couldn't tell you what those reasons were anymore. 😄)&lt;/p&gt;

&lt;p&gt;One day we perform a completely routine Angular upgrade. I don't remember the exact version numbers anymore, but it was something along the lines of upgrading from &lt;strong&gt;4.2.4 to 4.2.8&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;A tiny patch update. Nothing should happen. Except... it did. Our translations, our entire internationalization system. All gone!&lt;/p&gt;

&lt;p&gt;The application starts normally and everything looks fine. But as soon as we try to switch languages... nothing happens. We're stuck with English.&lt;/p&gt;




&lt;h2&gt;
  
  
  Time for Some Digital Detective Work
&lt;/h2&gt;

&lt;p&gt;Now we're entering my favorite part of programming: &lt;strong&gt;software forensics.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;At first, I completely dismiss the idea that such a tiny Angular update could possibly be responsible. We upgrade patches all the time. Surely something else must have happened.&lt;/p&gt;

&lt;p&gt;Back then, things like CI pipelines and automated testing are still in their infancy. Maybe our tester simply hasn't switched languages for a week or two?&lt;/p&gt;

&lt;p&gt;I go through Git history. Nothing looks suspicious. None of the recent commits touch internationalization.&lt;/p&gt;

&lt;p&gt;Maybe the backend is broken? Did the translation files disappear? &lt;/p&gt;

&lt;p&gt;Nope. Everything is exactly where it should be.&lt;/p&gt;

&lt;p&gt;Finally, almost unwillingly, I look at the Angular upgrade again.&lt;/p&gt;

&lt;p&gt;I start going backwards. Patch after patch. And sure enough... between two tiny patch versions, translations suddenly stop working.&lt;/p&gt;

&lt;p&gt;So Angular must be guilty. Or... is it?&lt;/p&gt;




&lt;h2&gt;
  
  
  Solving the Mystery
&lt;/h2&gt;

&lt;p&gt;Digging through Angular's changelog, I found a change that basically said:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;Why keep the unnecessary &lt;code&gt;i18n&lt;/code&gt; attribute in the generated HTML? The compiler has already done everything it needed with it. Let's remove it.&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Suddenly everything made sense. Our entire runtime translation system depended on an implementation detail that Angular had never promised to preserve.&lt;/p&gt;

&lt;p&gt;For Angular, removing that attribute was a perfectly reasonable cleanup. For us... it broke the entire application.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Official references (if you're curious). As you see, we weren't the only people affected 🤣:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Angular changelog (Angular 4.2.6): "compiler: remove i18n markup even if no translations"&lt;/li&gt;
&lt;li&gt;PR #17999: &lt;a href="https://github.com/angular/angular/pull/17999" rel="noopener noreferrer"&gt;https://github.com/angular/angular/pull/17999&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Original issue #11042: &lt;a href="https://github.com/angular/angular/issues/11042" rel="noopener noreferrer"&gt;https://github.com/angular/angular/issues/11042&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Follow-up discussion #20055: &lt;a href="https://github.com/angular/angular/issues/20055" rel="noopener noreferrer"&gt;https://github.com/angular/angular/issues/20055&lt;/a&gt;
(I even see my collegue's comments there 🥰)&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  The Fix
&lt;/h2&gt;

&lt;p&gt;Fortunately, fixing the problem wasn't particularly difficult. It was just... annoying. Instead of relying on Angular's internal &lt;code&gt;i18n&lt;/code&gt; attribute, we created our own directive.&lt;/p&gt;

&lt;p&gt;Its name?&lt;/p&gt;

&lt;p&gt;&lt;code&gt;fi18n&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;I know. Peak engineering creativity. 😂&lt;/p&gt;




&lt;h2&gt;
  
  
  Were We Terrible Engineers?
&lt;/h2&gt;

&lt;p&gt;Does this story mean we were inexperienced developers who had no idea what we were doing?&lt;/p&gt;

&lt;p&gt;Quite the opposite! We had successfully implemented &lt;strong&gt;runtime language switching&lt;/strong&gt; years before "it was cool" 😉&lt;/p&gt;

&lt;p&gt;The only mistake we made was assuming that something we happened to observe was actually part of Angular's public contract. It wasn't. We built our solution on an implementation detail that Angular had every right to change.&lt;/p&gt;

&lt;p&gt;And eventually... it did.&lt;/p&gt;

&lt;p&gt;Luckily for us, the application wasn't anywhere near production yet 😅. So in our youthful optimism, we got away with it.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why This Bug?
&lt;/h2&gt;

&lt;p&gt;After more than a decade of professional programming, why would I choose &lt;em&gt;this&lt;/em&gt; bug instead of one of the many much bigger production incidents I've dealt with? Because the lesson has become even more relevant.&lt;/p&gt;

&lt;p&gt;In 2026, frontend development looks completely different. Nobody gives talks called &lt;em&gt;"Introduction to Angular"&lt;/em&gt; anymore. React, Angular and Vue are all mature ecosystems. Whatever problem you're facing, chances are someone has already solved it.&lt;/p&gt;

&lt;p&gt;And then there's AI, which can already handle a surprising amount of routine programming work.&lt;/p&gt;

&lt;p&gt;But could this still happen today? Absolutely. Just... probably not in frontend anymore.&lt;/p&gt;

&lt;p&gt;Today we have a brand-new ecosystem growing at an incredible pace: &lt;strong&gt;AI, and especially AI agents.&lt;/strong&gt; &lt;/p&gt;

&lt;p&gt;This is where many of today's biggest engineering questions live. Conferences and meetups appear all the time because nobody has all the answers yet. We're still writing articles explaining how an agent loop works, and those aren't even beginner topics. Protocols like MCP evolve rapidly enough that staying current requires genuine effort.&lt;/p&gt;

&lt;p&gt;It reminds me a lot of frontend development back in 2017.&lt;/p&gt;

&lt;p&gt;And just like we did back then, it's incredibly easy to make dangerous assumptions during development.&lt;/p&gt;

&lt;p&gt;Someone parses a model's free-form response with a regular expression instead of using structured output.&lt;/p&gt;

&lt;p&gt;Someone assumes the model will always wrap JSON inside the exact same Markdown block.&lt;/p&gt;

&lt;p&gt;Someone builds business logic around an undocumented field returned by a provider.&lt;/p&gt;

&lt;p&gt;Someone assumes the exact same prompt will always trigger the exact same tool.&lt;/p&gt;

&lt;p&gt;Everything works today. Tomorrow it probably still works. Next month, a tiny update changes one seemingly insignificant detail...&lt;/p&gt;

&lt;p&gt;...and suddenly everything falls apart.&lt;/p&gt;

&lt;p&gt;Just like our little &lt;code&gt;i18n&lt;/code&gt; attribute did.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Real Lesson
&lt;/h2&gt;

&lt;p&gt;Looking back, I don't think this story is really about Angular. It's about something much more universal.&lt;/p&gt;

&lt;p&gt;As engineers, we often mistake &lt;strong&gt;observable behavior&lt;/strong&gt; for &lt;strong&gt;a guaranteed contract&lt;/strong&gt;. Just because something exists today doesn't mean the authors intended you to rely on it.&lt;/p&gt;

&lt;p&gt;If your solution depends on undocumented behavior, you're not building on solid ground. You've simply been lucky so far.&lt;/p&gt;

&lt;h2&gt;
  
  
  BUT!
&lt;/h2&gt;

&lt;p&gt;That doesn't mean we should beat ourselves up over mistakes. Nobody gets everything right. The important part is learning from them.&lt;/p&gt;

&lt;p&gt;And this particular project? It got a happy ending. I left it years ago. But the application is still alive and doing well. Most of my code has probably disappeared by now... but I checked just before writing this article.&lt;/p&gt;

&lt;p&gt;The login screen still looks exactly the way I designed it almost a decade ago. That made me smile. HOW COOL IS THAT 🤣❤️&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>bugsmash</category>
      <category>angular</category>
      <category>javascript</category>
    </item>
    <item>
      <title>The Dirty Secret Behind AI Agents (Demo 🚀)</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Thu, 23 Jul 2026 07:03:51 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/the-dirty-secret-behind-ai-agents-demo--273d</link>
      <guid>https://dev.to/sylwia-lask/the-dirty-secret-behind-ai-agents-demo--273d</guid>
      <description>&lt;p&gt;For quite a while now, I've had the feeling that AI agents are surrounded by this mystical aura. Nobody really knows what they're doing, they're probably going to take over the world soon, and if you want to build one yourself... well, obviously you need a framework.&lt;/p&gt;

&lt;p&gt;What if I told you that's not true? You can build your own AI agent in about 80 lines of code.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Today is my birthday, so as a little gift from me to myself (and to all of you!), I wrote this article. 😄 I hope you'll enjoy it!&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Do We Really Need a Framework?
&lt;/h2&gt;

&lt;p&gt;Let's get to the point.&lt;/p&gt;

&lt;p&gt;Frameworks like LangChain, CrewAI, or Mastra aren't doing magic. They simplify things like conversation memory, tool execution, retries, fallbacks, etc.&lt;/p&gt;

&lt;p&gt;Once you understand the underlying mechanism, it becomes much easier to decide when a framework is actually worth using. And even if you end up using one anyway, you'll understand what's happening under the hood. &lt;/p&gt;

&lt;p&gt;So I decided to build a small demo and see how little code an AI agent actually needs.&lt;/p&gt;

&lt;p&gt;I wrote an AI agent in Node.js in roughly &lt;strong&gt;80 lines of code&lt;/strong&gt;... okay, okay, the &lt;strong&gt;core loop&lt;/strong&gt; is about 80 lines. There are still tools, a provider abstraction, and a bit of surrounding logic. But come on, &lt;em&gt;"an AI agent in 80 lines"&lt;/em&gt; sounds much better. 😄&lt;/p&gt;

&lt;p&gt;Here's the repository:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://github.com/sylwia-lask/code-review-agent" rel="noopener noreferrer"&gt;https://github.com/sylwia-lask/code-review-agent&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;And since it's my birthday... if you enjoy the project, feel free to give it a ⭐. Only if you actually like it, of course. 😄&lt;/p&gt;

&lt;h2&gt;
  
  
  Meet Steve
&lt;/h2&gt;

&lt;p&gt;The application is a simple code review agent. Well... not exactly.&lt;/p&gt;

&lt;p&gt;Meet &lt;strong&gt;Steve&lt;/strong&gt;: a software engineer with 15 years of experience reviewing other people's code. Steve doesn't take anything at face value. Sure, he can be a little sarcastic sometimes... but it's hard to argue with his conclusions.&lt;/p&gt;

&lt;p&gt;Here's what one of his code reviews looks like:&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fdfydb5wavs15jzt8krqg.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fdfydb5wavs15jzt8krqg.png" alt="Steve's agent code review" width="800" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fze4eklyq11qlo7kgg1d3.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fze4eklyq11qlo7kgg1d3.png" alt="Steve's agent code review - part 2" width="800" height="414"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Or when you have empty diff: &lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fhqbe2cwceh41qufmv2ws.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fhqbe2cwceh41qufmv2ws.png" alt="Review with empty diff" width="798" height="189"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For now, Steve reviews the local Git diff. Which basically means... he's reviewing &lt;strong&gt;himself&lt;/strong&gt;. So I guess I've built a prototype of the famous self-healing agent that, according to &lt;a class="mentioned-user" href="https://dev.to/nitsancohen770"&gt;@nitsancohen770&lt;/a&gt;, is going to take my job one day.&lt;/p&gt;

&lt;p&gt;As you can see, I'm basically helping automate myself out of employment. Maybe it's finally time to start thinking about retirement. 😄&lt;/p&gt;

&lt;h2&gt;
  
  
  "An Agent Is Just a While Loop"
&lt;/h2&gt;

&lt;p&gt;In my previous article, I joked about people claiming that an AI agent is nothing more than a &lt;code&gt;while&lt;/code&gt; loop. Well... Mine isn't even a &lt;code&gt;while&lt;/code&gt; loop. It's a &lt;code&gt;for&lt;/code&gt; loop, because I wanted to protect myself from accidentally creating an infinite loop and loosing too much money on tokens. 😄&lt;/p&gt;

&lt;p&gt;Okay, to be fair, the loop itself doesn't actually &lt;em&gt;do&lt;/em&gt; anything. It's simply responsible for orchestrating the process. But the funny part is that most agent frameworks are doing something remarkably similar under the hood.&lt;/p&gt;

&lt;p&gt;The loop itself was trivial to write. The real challenge was exactly where you'd expect it to be.&lt;/p&gt;

&lt;p&gt;Building an AI agent starts with... choosing an LLM. 😄 This time I picked the Gemini API because tokens for projects like this are ridiculously cheap. I'm definitely tempted to build the next version using a local model, but... hold on. 😄&lt;/p&gt;

&lt;p&gt;I immediately ran into one issue: some Gemini models were overloaded, so I kept getting &lt;strong&gt;503&lt;/strong&gt; responses. That meant I had to implement something frameworks usually provide out of the box — a simple retry mechanism.&lt;/p&gt;

&lt;p&gt;Mine is intentionally very basic. Production frameworks usually offer much more, like exponential backoff, jitter, or automatic fallback to another model.&lt;/p&gt;

&lt;p&gt;The next challenge was, of course, writing the right prompt. After that, everything became surprisingly straightforward.&lt;/p&gt;

&lt;h2&gt;
  
  
  How Does the Agent Actually Work?
&lt;/h2&gt;

&lt;p&gt;It's much simpler than you might think.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 1:  Send the prompt and available tools
&lt;/h3&gt;

&lt;p&gt;We send two things to the model:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;the user's message,&lt;/li&gt;
&lt;li&gt;the list of tools the model is allowed to use.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here's what the request looks like:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"model"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"gemini-2.5-flash"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"contents"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"role"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"user"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"parts"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="nl"&gt;"text"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Please review the current git diff."&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;],&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"config"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"systemInstruction"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"You are Steve, a senior software engineer with 15 years of experience..."&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"tools"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="nl"&gt;"functionDeclarations"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"getDiff"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"description"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Get the git diff of the current repository..."&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"parameters"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"OBJECT"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"properties"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{},&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"required"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[]&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"getFile"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"description"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Read a file from the repository..."&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"parameters"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"OBJECT"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"properties"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
                &lt;/span&gt;&lt;span class="nl"&gt;"path"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
                  &lt;/span&gt;&lt;span class="nl"&gt;"type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"STRING"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
                  &lt;/span&gt;&lt;span class="nl"&gt;"description"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Path to the file relative to the repository root"&lt;/span&gt;&lt;span class="w"&gt;
                &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"required"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;"path"&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"listFiles"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"description"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"List files and directories at a given path..."&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"parameters"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"OBJECT"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"properties"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
                &lt;/span&gt;&lt;span class="nl"&gt;"path"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
                  &lt;/span&gt;&lt;span class="nl"&gt;"type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"STRING"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
                  &lt;/span&gt;&lt;span class="nl"&gt;"description"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Directory path relative to the repository root"&lt;/span&gt;&lt;span class="w"&gt;
                &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"required"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;"path"&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Step 2: Wait for the model's response
&lt;/h3&gt;

&lt;p&gt;The model can respond in one of three ways:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;with plain text,&lt;/li&gt;
&lt;li&gt;by requesting a tool call,&lt;/li&gt;
&lt;li&gt;or with both.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If it returns plain text, we're done: that's our final code review. If it asks us to call a tool, we move on to Step 3.&lt;/p&gt;

&lt;p&gt;For example, we might receive:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"candidates"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"content"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="nl"&gt;"role"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"model"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="nl"&gt;"parts"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"text"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Let's see what damage we're dealing with today..."&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"functionCall"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"id"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"call_001"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"getDiff"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"args"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{}&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Step 3: Execute the tool locally
&lt;/h3&gt;

&lt;p&gt;Now it's our application's turn.&lt;/p&gt;

&lt;p&gt;We execute the requested tool locally. For example, running &lt;code&gt;git diff&lt;/code&gt; or reading a file from the repository, and send the result back to the model &lt;strong&gt;as another message in the conversation&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;The tools available in this demo are:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;getDiff&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;getFile&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;listFiles&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;In other words, everything a good code reviewer needs. 😄&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 4: Repeat until the model is done
&lt;/h3&gt;

&lt;p&gt;Then we simply go back to Step 2. To avoid getting stuck in an infinite loop, I limit the maximum number of iterations to &lt;strong&gt;10&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;There's one more important detail, though.&lt;/p&gt;

&lt;p&gt;Take a look at the next request. Notice that we're sending the &lt;strong&gt;entire conversation history&lt;/strong&gt; back to the model:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"contents"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"role"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"user"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"parts"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="nl"&gt;"text"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Please review the current git diff."&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"role"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"model"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"parts"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="nl"&gt;"text"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Let's see what damage we're dealing with today..."&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="nl"&gt;"functionCall"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"id"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"call_001"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"getDiff"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"args"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{}&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"role"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"user"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"parts"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="nl"&gt;"functionResponse"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"id"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"call_001"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"getDiff"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"response"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
              &lt;/span&gt;&lt;span class="nl"&gt;"result"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"diff --git a/src/auth.ts b/src/auth.ts&lt;/span&gt;&lt;span class="se"&gt;\n&lt;/span&gt;&lt;span class="s2"&gt;--- a/src/auth.ts&lt;/span&gt;&lt;span class="se"&gt;\n&lt;/span&gt;&lt;span class="s2"&gt;+++ b/src/auth.ts&lt;/span&gt;&lt;span class="se"&gt;\n&lt;/span&gt;&lt;span class="s2"&gt;@@ -12,7 +12,7 @@&lt;/span&gt;&lt;span class="se"&gt;\n&lt;/span&gt;&lt;span class="s2"&gt;-  if (password === storedHash) {&lt;/span&gt;&lt;span class="se"&gt;\n&lt;/span&gt;&lt;span class="s2"&gt;+  if (password == storedHash) {&lt;/span&gt;&lt;span class="se"&gt;\n&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
          &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And... that's it. The LLM decides &lt;strong&gt;which tool to use&lt;/strong&gt; and &lt;strong&gt;when it's done&lt;/strong&gt;. Everything else — executing the tools, handling retries, enforcing iteration limits, and orchestrating the loop — is the responsibility of our application.&lt;/p&gt;

&lt;p&gt;Simple, isn't it? If you like visualisations, ChatGPT prepared one for us 😉&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fmzwfwpipz593yrikngg5.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fmzwfwpipz593yrikngg5.png" alt="Visualisation of how agent works" width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What's next?
&lt;/h2&gt;

&lt;p&gt;I'd like to write at least two follow-up articles in the future. One about connecting Steve to &lt;strong&gt;MCP&lt;/strong&gt;, and another about replacing the hosted model with a &lt;strong&gt;local LLM&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;But... hold on. One step at a time. 😄&lt;/p&gt;

&lt;h2&gt;
  
  
  Bonus: How does the model know it should call a function?
&lt;/h2&gt;

&lt;p&gt;If you only came here to learn how to build an AI agent, you can probably stop reading now. 😄&lt;/p&gt;

&lt;p&gt;This section is for the curious ones. Because sooner or later, someone is going to ask: &lt;em&gt;"Sylwia, what are you talking about? You say you're building your own AI agent, but you're just using the Gemini SDK. You send it JSON, you get JSON back."&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;And, as &lt;a class="mentioned-user" href="https://dev.to/darkwiiplayer"&gt;@darkwiiplayer&lt;/a&gt; often points out, an LLM is basically a very sophisticated next-token predictor, not some magical JSON generator.&lt;/p&gt;

&lt;p&gt;So... How does the model know what to do when we send it JSON? What would happen if, instead of Gemini, we used some old local Llama model?&lt;/p&gt;

&lt;p&gt;Does the Gemini SDK secretly prepend some special prompt? Or are the models themselves trained for this?&lt;/p&gt;

&lt;p&gt;The honest answer is that we don't know all the details. What we &lt;em&gt;do&lt;/em&gt; know is that models like &lt;strong&gt;Gemini&lt;/strong&gt; and &lt;strong&gt;GPT&lt;/strong&gt; have native support for tool calling. The SDK is responsible for formatting requests correctly and communicating with the API, while the model itself understands tool declarations and can generate function calls when it decides they're needed.&lt;/p&gt;

&lt;p&gt;In other words, if we took an older Llama model, we could still write a prompt explaining how to interpret the JSON and asking it to respond in a specific JSON format.&lt;/p&gt;

&lt;p&gt;Then we'd simply call &lt;code&gt;JSON.parse()&lt;/code&gt;...&lt;/p&gt;

&lt;p&gt;...assuming the model actually returns valid JSON instead of Markdown, an explanation, or a few "helpful" comments it decided to add. 😄&lt;/p&gt;

&lt;p&gt;That said, it's worth mentioning that newer open-source models increasingly support tool calling natively as well.&lt;/p&gt;

&lt;h2&gt;
  
  
  Epilogue: An agent written by another agent
&lt;/h2&gt;

&lt;p&gt;Let's be honest. It's 2026. This agent was written largely by... &lt;strong&gt;another AI agent&lt;/strong&gt;. 😄&lt;/p&gt;

&lt;p&gt;Since I've been an AWS Community Builder for a while now, I cancelled my Claude Code subscription and switched to &lt;strong&gt;Kiro&lt;/strong&gt;: an AI IDE with built-in support for multiple LLMs, including Claude, GPT, and Gemini. It costs about the same, but thanks to the program, I get to use it for free. &lt;/p&gt;

&lt;p&gt;So far, I'm really enjoying it. It feels a bit like an agent-powered layer on top of VS Code, so I immediately felt at home. I also have the feeling that I'm currently using maybe &lt;strong&gt;10%&lt;/strong&gt; of what it can actually do, so I'm pretty sure I'll write more about it in the future.&lt;/p&gt;

&lt;p&gt;Now I'm just hoping AWS will finally send me some swag. 😄 I'm especially dreaming about one of their T-shirts. Years ago, we actually had a political party in Poland called &lt;strong&gt;AWS&lt;/strong&gt;, so I'd absolutely love to see the expressions on some older people's faces. 😄&lt;/p&gt;

&lt;p&gt;AWS... if you're reading this... I'm waiting!! 😄&lt;/p&gt;

&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;As you can see, an AI agent doesn't have to start with a framework. Sometimes all you need is an LLM, tools, convarsation history and a simple loop. Everything else is convenience, production hardening, and quality-of-life improvements.&lt;/p&gt;

&lt;p&gt;So...&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What do you think about Steve? And how do you like this approach to building an AI agent?&lt;/strong&gt; 😄&lt;/p&gt;

&lt;p&gt;If you liked this post you can also follow me on &lt;a href="https://www.linkedin.com/in/sylwia-laskowska-5a8467131/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>node</category>
      <category>ai</category>
      <category>agents</category>
      <category>javascript</category>
    </item>
    <item>
      <title>8 Things Developers Confidently Explain After Watching One YouTube Video</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Tue, 14 Jul 2026 17:57:43 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/8-things-developers-confidently-explain-after-watching-one-youtube-video-3jio</link>
      <guid>https://dev.to/sylwia-lask/8-things-developers-confidently-explain-after-watching-one-youtube-video-3jio</guid>
      <description>&lt;p&gt;I just got back from my vacation which, like 99% of Polish people, I spent in Croatia. &lt;strong&gt;Dobar dan!&lt;/strong&gt; 🇭🇷&lt;/p&gt;

&lt;p&gt;I've got a really fun article in my head right now, but it needs a bit of research before I can publish it, so that'll be coming next week. In the meantime, let's do something much lighter.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;BTW, a small update.&lt;/strong&gt; &lt;em&gt;I said that FrontKon would be my last conference this year... well, apparently I lied. 😂 When&lt;/em&gt; &lt;strong&gt;iJS Munich&lt;/strong&gt; &lt;em&gt;reaches out, you simply don't say no. Especially after looking at the speaker lineup. It's basically a conference full of geniuses... plus me. 😅 So I'll be speaking there at the end of October about&lt;/em&gt; &lt;strong&gt;WebAssembly and WebGPU in React&lt;/strong&gt;, &lt;em&gt;and I'm already ridiculously excited.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;If you happen to have a spare bag of money lying around xDDD (or, much more realistically, your company still has some training budget left), come and say hi! I'd love to meet some of you in person. 😊&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Anyway... let's get back to today's topic.&lt;/p&gt;

&lt;p&gt;As many of you probably know, I have a soft spot for LinkedIn gurus and people who explain everything with absolute confidence. You know the type: their solution is always the best one, everyone else is wrong, and there are absolutely no trade-offs. 😄&lt;/p&gt;

&lt;p&gt;Sometimes I get the feeling that at least some of that confidence comes directly from a single 15-minute YouTube tutorial.&lt;/p&gt;

&lt;p&gt;But let's be fair for a second.&amp;nbsp;Who among us hasn't watched a short video, finished it thinking &lt;em&gt;"Yep, I totally understand this now!"&lt;/em&gt;, and then discovered during the actual implementation that reality was... slightly more complicated? 😂&lt;/p&gt;

&lt;p&gt;Since I spend most of my time working with JavaScript and AI agents these days, most examples will probably come from those areas. Feel free to add your own in the comments!&lt;/p&gt;




&lt;h2&gt;
  
  
  1. React / Angular / Vue (cross out the unnecessary one) is the best framework
&lt;/h2&gt;

&lt;p&gt;This is probably the most common opinion after watching an internet guru, especially if you haven't formed your own yet.&lt;/p&gt;

&lt;p&gt;Angular is the best because it has everything.&amp;nbsp;React is the best because everybody uses it.&amp;nbsp;Vue is the best because... well... Vue people will tell you why. 😄&lt;/p&gt;

&lt;p&gt;Then you spend a few years building real projects and suddenly discover that all of these have strengths, weaknesses and different use cases. In the end, the "best framework" is usually just the one that solves &lt;em&gt;your&lt;/em&gt; problem best.&lt;/p&gt;




&lt;h2&gt;
  
  
  2. LLMs are just autocomplete
&lt;/h2&gt;

&lt;p&gt;Or, if you prefer another popular version:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"They're just stochastic parrots."&lt;/p&gt;

&lt;p&gt;"They're not creative."&lt;/p&gt;

&lt;p&gt;"They don't really understand anything."&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Well... if it's all that simple, why do entire teams of researchers and engineers spend years working on them? Why are companies burning through billions of dollars worth of GPUs? 😄&lt;/p&gt;

&lt;p&gt;Another statement that always makes me smile is that LLMs "aren't creative."&amp;nbsp;Sure, they probably won't invent something completely detached from everything humanity has ever known.&lt;/p&gt;

&lt;p&gt;But then again... neither do most humans.&lt;/p&gt;

&lt;p&gt;Most people don't wake up one morning and invent quantum mechanics or write &lt;em&gt;The Lord of the Rings&lt;/em&gt;. Creativity is usually about combining existing ideas in interesting ways, and LLMs are actually surprisingly good at that.&lt;/p&gt;




&lt;h2&gt;
  
  
  3. CQRS (or Redux on the frontend) is easy
&lt;/h2&gt;

&lt;p&gt;Sure.&amp;nbsp;Then you open the codebase and suddenly you're staring into the architectural equivalent of a horror movie.&lt;/p&gt;

&lt;p&gt;I've honestly seen everything.&amp;nbsp;Business logic split between Redux stores and components.&amp;nbsp;Half the state managed globally, the other half locally.&amp;nbsp;Actions that somehow contain business logic.&amp;nbsp;Reducers that apparently decided to become services.&lt;/p&gt;

&lt;p&gt;Years ago, when I was interviewing developers more often, I used to ask a very simple question:&amp;nbsp;&lt;strong&gt;"Why do we actually need CQRS (or Redux)?"&amp;nbsp;&lt;/strong&gt;(By the way... not everyone even knew the difference between the two.)&amp;nbsp;Then I'd ask another one:&amp;nbsp;&lt;strong&gt;"Why can't we solve this in a simpler way?"&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I swear, a surprising number of people answered something like:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"I don't know... that's just how people do it."&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  4. AI agents are just a while loop
&lt;/h2&gt;

&lt;p&gt;To be fair!&amp;nbsp;A good friend of mine, and my former tech lead, actually gives an excellent conference talk with exactly this title. It's intentionally provocative.&lt;/p&gt;

&lt;p&gt;And let's face the truth... there is quite a bit of truth to it.&amp;nbsp;Many AI agents really are "just a while loop."&lt;/p&gt;

&lt;p&gt;The funny part starts about three weeks later.&amp;nbsp;Suddenly your tiny little while loop has three MCP servers, an orchestration framework, retries, memory, tool calling, etc, etc...&lt;/p&gt;

&lt;p&gt;Still one of the most fun things I've worked with recently, though.&lt;/p&gt;




&lt;h2&gt;
  
  
  5. WebAssembly is always faster
&lt;/h2&gt;

&lt;p&gt;Whenever someone says this, I always ask the same two questions:&amp;nbsp;&lt;strong&gt;Faster than what&amp;nbsp;&lt;/strong&gt;&lt;strong&gt;And faster at doing what?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Don't get me wrong, WebAssembly is amazing. There are plenty of scenarios where it absolutely destroys JavaScript performance, especially when you're dealing with computationally intensive algorithms, simulations or similar workloads.&lt;/p&gt;

&lt;p&gt;But if your application spends most of its life waiting for HTTP requests to finish...&amp;nbsp;WebAssembly probably won't make the internet faster.&lt;/p&gt;

&lt;p&gt;And it probably won't suddenly turn your dashboard into NASA software either. 😄&lt;/p&gt;




&lt;h2&gt;
  
  
  6. Unit tests are our golden ticket
&lt;/h2&gt;

&lt;p&gt;Especially the ones generated by the same LLM that just generated the production code. 😂&amp;nbsp;100% confidence!&lt;/p&gt;

&lt;p&gt;Or... maybe not.&lt;/p&gt;

&lt;p&gt;This can be particularly misleading on the frontend, where unit tests often verify exactly the code that was the easiest to write in the first place.&lt;/p&gt;

&lt;p&gt;Congratulations, you've successfully achieved 100% test coverage, and 0% confidence!&lt;/p&gt;




&lt;h2&gt;
  
  
  7. Let's just add RAG
&lt;/h2&gt;

&lt;p&gt;Yeees...&lt;/p&gt;

&lt;p&gt;As if finding, cleaning, maintaining and selecting the right documents was somehow the easy part. 😄&lt;/p&gt;




&lt;h2&gt;
  
  
  8. Microservices / Microfrontends are the only good architecture
&lt;/h2&gt;

&lt;p&gt;Absolutely!&amp;nbsp;Especially if your application consists of six screens and one backend service. 😄&amp;nbsp;Or if you've got a perfectly healthy monolith that everyone on the team understands.&lt;/p&gt;

&lt;p&gt;Sometimes a distributed architecture is exactly what you need.&amp;nbsp;Sometimes it's just distributed complexity.&lt;/p&gt;




&lt;p&gt;I could probably keep going for another twenty examples, but I think that's enough for today. 😂&lt;/p&gt;

&lt;p&gt;What about you?&amp;nbsp;Have you ever met one of those &lt;strong&gt;"one-YouTube-video gurus"&lt;/strong&gt;?&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;If you enjoyed this article, consider following me also on&amp;nbsp;&lt;/strong&gt;&lt;strong&gt;LinkedIn:&lt;/strong&gt; &lt;a href="https://www.linkedin.com/in/sylwia-laskowska-5a8467131/" rel="noopener noreferrer"&gt;https://www.linkedin.com/in/sylwia-laskowska-5a8467131/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>jokes</category>
      <category>webdev</category>
      <category>ai</category>
    </item>
    <item>
      <title>What's Next for AI?</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Mon, 29 Jun 2026 07:18:48 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/whats-next-for-ai-219i</link>
      <guid>https://dev.to/sylwia-lask/whats-next-for-ai-219i</guid>
      <description>&lt;p&gt;I have been writing about AI for quite a while now, but this is probably the first time I genuinely do not know what to think. Not because the technology has suddenly slowed down, but because the rules of the game may be changing.&lt;/p&gt;

&lt;p&gt;I wanted to write something lighter today, but I feel like I have to share some thoughts from the last few days. It is getting harder and harder to ignore what is happening around the newest AI models. &lt;a class="mentioned-user" href="https://dev.to/pascal_cescato_692b7a8a20"&gt;@pascal_cescato_692b7a8a20&lt;/a&gt;  post, &lt;a href="https://dev.to/pascal_cescato_692b7a8a20/1-15n0"&gt;1%&lt;/a&gt;, only confirmed that I am not the only person wondering what comes next.&lt;/p&gt;

&lt;p&gt;But let’s start from the beginning. Last Friday, well-known technology journalist Adrian Bridgwater asked me for a comment for this article: &lt;a href="https://thenewstack.io/openai-gpt56-access-restricted/?brid=YWdncwEMxBTPiT6ShdbXEYRc5kmt" rel="noopener noreferrer"&gt;OpenAI GPT-5.6 Access Restricted&lt;/a&gt;. As someone who used to work in media, I know exactly what journalists hope for when they ask for a comment: a quick response, a short quote, and one strong punchline. 😅 But this time, the topic made me stop and think.&lt;/p&gt;

&lt;h2&gt;
  
  
  Four years that changed everything
&lt;/h2&gt;

&lt;p&gt;In the last few years, the progress of AI has been incredible. We all know that. On November 30, 2022, OpenAI released ChatGPT, based on GPT-3.5, and generative AI suddenly became mainstream. It took only a few months, and by January 2023 ChatGPT had already reached around 100 million monthly users.&lt;/p&gt;

&lt;p&gt;Even then, people were saying that AI would soon take jobs away from developers. And yet, from today’s perspective, less than four years later, GPT-3.5 almost feels dumb.&lt;/p&gt;

&lt;p&gt;A year later, we were all laughing at vibe coders and contrasting them with REAL software engineers. But then coding agents arrived, and suddenly we all became vibe coders 😉 Okay, we all know that Claude Code or similar tools still will not replace a good developer today, and AI adoption inside companies often leaves a lot to be desired.&lt;/p&gt;

&lt;p&gt;But this is still less than four years of LLMs being truly available on the market. What if, in another two or four years, agents really are good enough to write code much better than humans? Where is the limit of this technology?&lt;/p&gt;

&lt;h2&gt;
  
  
  Where do developers fit in?
&lt;/h2&gt;

&lt;p&gt;I have to admit, I am a typical overthinker. I love analyzing the world and people, and thinking two hundred steps ahead. Of course, developers would still be needed in such a world, but would all of us be needed? Or would a company that used to need 500 engineers suddenly need five? Or just a small group of people training, supervising, and integrating models?&lt;/p&gt;

&lt;p&gt;I am a solid senior engineer, and my market advantage is that apart from writing code, I can talk to people. And business desperately needs that. But I am not the kind of person who will lock herself in a basement for a month and dig deep into hardware internals to make LLMs run faster. I am also not someone who will happily spend 12 hours a day in silence working on benchmarks. I admire people like that, but that is definitely not me.&lt;/p&gt;

&lt;p&gt;And I am not sure that if LLMs developed much further, my advantage of “being able to talk to business” would still be an advantage at all. So what should I do? Maybe slowly start looking toward developer advocacy, since that seems to be going well for me? Maybe send my CV to the nearby Biedronka discount store just in case — they are actually hiring, and I am there every day anyway, sometimes guiding people to products better than the staff 😆&lt;/p&gt;

&lt;h2&gt;
  
  
  Changes, changes...
&lt;/h2&gt;

&lt;p&gt;But then something started to change. Tokens became much more expensive. Companies started realizing that maybe, for simple tasks, a junior developer might actually make more sense 😅 And seriously, I do not yet see a massive wave of hiring interns, but saving tokens, giving up certain tools, and saying “use a cheaper model for simple tasks” has become very common.&lt;/p&gt;

&lt;p&gt;And now there is the embargo. First around Mythos and Fable, and now around GPT-5.6. If you missed it, the short version is that access to some of the most advanced AI models is no longer simply “available to everyone who can pay.” It is becoming restricted, limited by geography, organization type, security concerns, or strategic decisions. In practice, this means that not every developer, company, or country can count on equal access to the best models anymore.&lt;/p&gt;

&lt;p&gt;I do not know what to think about this. Are these models really so dangerous for critical infrastructure? &lt;/p&gt;

&lt;p&gt;Or maybe governments have simply started treating them as a strategic asset, similar to semiconductors? Maybe this is the end of the free AI market?&lt;/p&gt;

&lt;p&gt;For developers, at first, it probably will not matter that much. Even if LLM progress stopped at the models we already have today, we would still improve the infrastructure, polish the agents, build better tooling, and continue working quite happily. Maybe for some time the models would even become more stable, with more reliable APIs and better developer experience.&lt;/p&gt;

&lt;p&gt;But what happens next? Will working with powerful LLMs be reserved only for selected people? Or selected companies? Or selected countries?&lt;/p&gt;

&lt;p&gt;On the other hand... these models are ridiculously expensive. Somebody has to pay for them. It is difficult for me to imagine companies investing billions only to keep their best models locked in a vault forever. They need customers. They need revenue. So maybe this whole "AI embargo" is only temporary? Or maybe governments will eventually step in and treat frontier AI the way they treat strategic infrastructure? Honestly, I have no idea.&lt;/p&gt;

&lt;h2&gt;
  
  
  So... what happens next?
&lt;/h2&gt;

&lt;p&gt;Maybe it will be like Polish sci-fi writer Rafał Kosik predicted 20 years ago in his young adult series Felix, Net and Nika — AI will become unavailable to the public because it will be considered too dangerous, and models will be kept locked away? 😉 Of course, this is an extreme vision, but honestly, nothing surprises me anymore.&lt;/p&gt;

&lt;p&gt;Just a year or two ago, we were asking whether AI would replace developers. Today I find myself wondering about something slightly different: will the most powerful AI even remain available to ordinary people?&lt;/p&gt;

&lt;p&gt;What do you think? Where is all of this going? I do not want to pretend to be an all-knowing sheriff here, and I am genuinely curious about your perspective.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Also, I will not publish anything next week because I am going on vacation — like every self-respecting Polish person, to Croatia. This is just a note for those of you who read my posts every Sunday around lunchtime 😆&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;And if you are from Czechia or somewhere nearby, come to *&lt;/em&gt;&lt;a href="https://www.frontkon.tech/" rel="noopener noreferrer"&gt;FrontKon&lt;/a&gt;*&lt;em&gt;, where I will be speaking. Let’s high-five there!&lt;/em&gt;&lt;br&gt;
&lt;em&gt;Or, if you like, please follow me on &lt;a href="https://www.linkedin.com/in/sylwia-laskowska-5a8467131/" rel="noopener noreferrer"&gt;LinkedIn.&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>llm</category>
      <category>webdev</category>
    </item>
    <item>
      <title>7 New JavaScript Features (And 2 I'm Still Waiting For)</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Wed, 24 Jun 2026 09:14:11 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/7-new-javascript-features-and-2-im-still-waiting-for-2ck8</link>
      <guid>https://dev.to/sylwia-lask/7-new-javascript-features-and-2-im-still-waiting-for-2ck8</guid>
      <description>&lt;p&gt;Remember how I promised you (or rather myself) two weeks ago that from now on I'd only write light, easy posts? Well… I broke that promise 😅 Last week I published a huge article about one of the least sexy topics imaginable: legacy applications. Somehow, despite that, the DEV editorial team liked it enough to include it in the &lt;strong&gt;Top 7 Posts of the Week&lt;/strong&gt; ❤️&lt;/p&gt;

&lt;p&gt;But today is finally the day for something a bit lighter. And I think it's a topic that deserves more attention.&lt;/p&gt;

&lt;p&gt;These days we spend a lot of time talking about AI agents, and I absolutely understand why, because it's a fascinating field. But I sometimes feel we're forgetting that the programming languages we use every day are evolving too.&lt;/p&gt;

&lt;p&gt;I spend most of my days writing JavaScript (well… TypeScript, obviously 😄). And yes, the ecosystem has matured a lot over the last few years. We no longer have endless React vs Angular wars. We're also mostly past those times when everyone loved Redux one month and six months later decided it was an overengineered monster and removed it from every application 😅.&lt;/p&gt;

&lt;p&gt;But both the ecosystem and the ECMAScript standard keep evolving.&lt;/p&gt;

&lt;p&gt;After the legendary ES6 release in 2015, which changed frontend development forever, the TC39 committee switched to an iterative approach and started shipping new features every year.&lt;/p&gt;

&lt;p&gt;And the nice thing is that if you're using modern browsers or runtimes, you often get access to these features almost immediately.&lt;/p&gt;

&lt;p&gt;So, what do we get in &lt;strong&gt;ECMAScript 2026&lt;/strong&gt;?&lt;/p&gt;

&lt;p&gt;Oh, and to keep things entertaining, all code examples in this article are based on the internal monologue of imaginary LinkedIn gurus with very strong opinions. Any resemblance to actual people is, naturally, purely coincidental 😇&lt;/p&gt;

&lt;p&gt;Other articles from this series:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://dev.to/sylwia-lask/stop-installing-libraries-10-browser-apis-that-already-solve-your-problems-35bi"&gt;Stop Installing Libraries: 10 Browser APIs That Already Solve Your Problems&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dev.to/sylwia-lask/9-things-youre-overengineering-the-browser-already-solved-them-o99"&gt;9 Things You're Overengineering — The Browser Already Solved Them&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dev.to/sylwia-lask/16-modern-javascript-features-that-might-blow-your-mind-4h5e"&gt;16 Modern JavaScript Features That Might Blow Your Mind&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  1. Map.prototype.getOrInsert() / Upsert
&lt;/h2&gt;

&lt;p&gt;MDN:&lt;br&gt;
&lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map/getOrInsert" rel="noopener noreferrer"&gt;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map/getOrInsert&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This is one of those features that makes you wonder: "Wait… why didn't we have this ten years ago?"&lt;/p&gt;

&lt;p&gt;Imagine we're collecting opinions from LinkedIn gurus. Until now, we had to do something like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;opinions&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Map&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;addOpinion&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;topic&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;author&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="o"&gt;!&lt;/span&gt;&lt;span class="nx"&gt;opinions&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;has&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;topic&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nx"&gt;opinions&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;set&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;topic&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;[]);&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="nx"&gt;opinions&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;get&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;topic&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;push&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;author&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="nf"&gt;addOpinion&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;React is dead&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;10x Engineer&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nf"&gt;addOpinion&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;React is dead&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Principal AI Evangelist&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;It works, but there's quite a bit of boilerplate.&lt;/p&gt;

&lt;p&gt;With ES2026, things become much nicer:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;opinions&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Map&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="nx"&gt;opinions&lt;/span&gt;
  &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getOrInsert&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;React is dead&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;[])&lt;/span&gt;
  &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;push&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;10x Engineer&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;opinions&lt;/span&gt;
  &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getOrInsert&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;React is dead&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;[])&lt;/span&gt;
  &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;push&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Principal AI Evangelist&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;opinions&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;We also get a computed version:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;opinions&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Map&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="nx"&gt;opinions&lt;/span&gt;
  &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getOrInsertComputed&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Nobody writes clean code anymore&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;[]&lt;/span&gt;
  &lt;span class="p"&gt;)&lt;/span&gt;
  &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;push&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;DDD Purist&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Come on, that's so much cleaner and easier to read. It's also perfect for caching! Much less code, much nicer API.&lt;/p&gt;




&lt;h2&gt;
  
  
  2. Iterator.concat()
&lt;/h2&gt;

&lt;p&gt;MDN:&lt;br&gt;
&lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Iterator/concat" rel="noopener noreferrer"&gt;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Iterator/concat&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Before we talk about &lt;code&gt;concat()&lt;/code&gt;, let's quickly answer a question:&lt;/p&gt;
&lt;h3&gt;
  
  
  What is an iterator?
&lt;/h3&gt;

&lt;p&gt;An iterator is basically a cursor that lets us consume data one element at a time without storing everything in memory.&lt;/p&gt;

&lt;p&gt;For example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;posts&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Angular is dead&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;JavaScript was a mistake&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
&lt;span class="p"&gt;];&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;iterator&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;posts&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;values&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;iterator&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;next&lt;/span&gt;&lt;span class="p"&gt;());&lt;/span&gt;
&lt;span class="c1"&gt;// { value: "Angular is dead", done: false }&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;iterator&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;next&lt;/span&gt;&lt;span class="p"&gt;());&lt;/span&gt;
&lt;span class="c1"&gt;// { value: "JavaScript was a mistake", done: false }&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;iterator&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;next&lt;/span&gt;&lt;span class="p"&gt;());&lt;/span&gt;
&lt;span class="c1"&gt;// { value: undefined, done: true }&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And because iterators are lazy, we can even generate infinite sequences without blowing up memory:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="nf"&gt;endlessHotTakes&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;while &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Everything should be rewritten in Rust.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;iterator&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;endlessHotTakes&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;iterator&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;next&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;iterator&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;next&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;iterator&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;next&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Last year we got Iterator Helpers, which introduced things like &lt;code&gt;map()&lt;/code&gt;, &lt;code&gt;filter()&lt;/code&gt;, and friends:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="nf"&gt;linkedinFeed&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Use Rust for everything&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;JavaScript was a mistake&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Clean code is dead&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Angular is dead&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;controversialTakes&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt;
  &lt;span class="nf"&gt;linkedinFeed&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
    &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;filter&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;post&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;post&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;includes&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;dead&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt;
    &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;map&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;post&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="s2"&gt;`🔥 &lt;/span&gt;&lt;span class="p"&gt;${&lt;/span&gt;&lt;span class="nx"&gt;post&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="s2"&gt;`&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;([...&lt;/span&gt;&lt;span class="nx"&gt;controversialTakes&lt;/span&gt;&lt;span class="p"&gt;]);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And now we get another nice addition: &lt;code&gt;Iterator.concat()&lt;/code&gt;. Suppose frontend gurus and backend gurus each have their own stream of wisdom:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="nf"&gt;frontendExperts&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;React is dead&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Nobody needs Redux&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="nf"&gt;backendExperts&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Microservices solve everything&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Frontend developers don't understand architecture&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now we can combine them elegantly:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;feed&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;Iterator&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;concat&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="nf"&gt;frontendExperts&lt;/span&gt;&lt;span class="p"&gt;(),&lt;/span&gt;
  &lt;span class="nf"&gt;backendExperts&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;([...&lt;/span&gt;&lt;span class="nx"&gt;feed&lt;/span&gt;&lt;span class="p"&gt;]);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;In my opinion, these iterator features don't get nearly as much attention as they deserve.&lt;/p&gt;




&lt;h2&gt;
  
  
  3. Array.fromAsync()
&lt;/h2&gt;

&lt;p&gt;MDN:&lt;br&gt;
&lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/fromAsync" rel="noopener noreferrer"&gt;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/fromAsync&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This is basically the async equivalent of our beloved &lt;code&gt;Array.from()&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;It's primarily designed for async iterators, although I suspect that most JavaScript developers don't use async iterators every day. For example, imagine comments arriving one by one from LinkedIn:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="nf"&gt;angryComments&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;This could have been a plain HTML form.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Angular is dead.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;React is dead.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="k"&gt;yield&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;JavaScript was a mistake.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;comments&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nb"&gt;Array&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;fromAsync&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="nf"&gt;angryComments&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;comments&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; 
&lt;span class="c1"&gt;// This could have been a plain HTML form.&lt;/span&gt;
&lt;span class="c1"&gt;// Angular is dead.&lt;/span&gt;
&lt;span class="c1"&gt;// etc&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;But here's something many people don't realize: it also works with promises.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;opinions&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;
  &lt;span class="nb"&gt;Promise&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;resolve&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Nobody should use classes.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
  &lt;span class="nb"&gt;Promise&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;resolve&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Signals change everything.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
  &lt;span class="nb"&gt;Promise&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;resolve&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Microservices ruined software.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="p"&gt;];&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;takes&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nb"&gt;Array&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;fromAsync&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;opinions&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;takes&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And you can even map values immediately:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;comments&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nb"&gt;Array&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;fromAsync&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="nf"&gt;angryComments&lt;/span&gt;&lt;span class="p"&gt;(),&lt;/span&gt;
  &lt;span class="nx"&gt;opinion&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;opinion&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;toUpperCase&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;comments&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Pretty convenient.&lt;/p&gt;




&lt;h2&gt;
  
  
  4. Math.sumPrecise()
&lt;/h2&gt;

&lt;p&gt;MDN:&lt;br&gt;
&lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sumPrecise" rel="noopener noreferrer"&gt;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sumPrecise&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This one solves a floating-point problem that's almost as old as the Internet itself 😄 As many of you probably know, in JavaScript:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mf"&gt;0.1&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="mf"&gt;0.2&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="c1"&gt;// 0.30000000000000004&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;I won't dive into why that happens today: we'd be here all night 😄&lt;/p&gt;

&lt;p&gt;The important thing is that ES2026 introduces &lt;code&gt;Math.sumPrecise()&lt;/code&gt;, which performs much more accurate summation and avoids the accumulation of rounding errors.&lt;/p&gt;

&lt;p&gt;Suppose a LinkedIn guru is listing all the things that allegedly increase productivity:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;productivityBoosts&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;
  &lt;span class="mf"&gt;0.1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="c1"&gt;// cold showers&lt;/span&gt;
  &lt;span class="mf"&gt;0.2&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="c1"&gt;// AI agents&lt;/span&gt;
  &lt;span class="mf"&gt;0.3&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="c1"&gt;// journaling&lt;/span&gt;
  &lt;span class="mf"&gt;0.4&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="c1"&gt;// waking up at 4 AM&lt;/span&gt;
&lt;span class="p"&gt;];&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="nb"&gt;Math&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;sumPrecise&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;productivityBoosts&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now, to be fair, most frontend developers will probably never need this. Plain old addition works perfectly fine for everyday use.&lt;/p&gt;

&lt;p&gt;But if you're working in finance, statistics, simulations, or AI/ML, where tiny errors can accumulate over thousands or millions of operations, this becomes much more interesting.&lt;/p&gt;




&lt;h2&gt;
  
  
  5. Error.isError()
&lt;/h2&gt;

&lt;p&gt;MDN:&lt;br&gt;
&lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/isError" rel="noopener noreferrer"&gt;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/isError&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This one is probably aimed more at library authors and advanced developers. Or maybe not? 😉 Until now, checking whether something was actually an error usually looked like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;try&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;throw&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Error&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Angular is dead.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="k"&gt;catch &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;e&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;

  &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="nx"&gt;e&lt;/span&gt; &lt;span class="k"&gt;instanceof&lt;/span&gt; &lt;span class="nb"&gt;Error&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And most of the time, that worked perfectly fine. Until it didn't.&lt;/p&gt;

&lt;p&gt;If an error originated in another realm, for example an iframe, a Web Worker, or a VM context—&lt;code&gt;instanceof Error&lt;/code&gt; could suddenly betray you:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;strangeThing&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt;
  &lt;span class="nb"&gt;window&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;frames&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;].&lt;/span&gt;&lt;span class="nf"&gt;eval&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;new Error('JavaScript was a mistake.')&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="nx"&gt;strangeThing&lt;/span&gt; &lt;span class="k"&gt;instanceof&lt;/span&gt; &lt;span class="nb"&gt;Error&lt;/span&gt;
&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="c1"&gt;// false &lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This problem has been annoying library authors for years, which is why many frameworks and libraries have their own helper functions for detecting errors. Now we finally get a built-in solution:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="nb"&gt;Error&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;isError&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;strangeThing&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="c1"&gt;// true&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Simple and beautiful.&lt;/p&gt;




&lt;h2&gt;
  
  
  6. Base64 for Uint8Array
&lt;/h2&gt;

&lt;p&gt;MDN:&lt;br&gt;
&lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array/toBase64" rel="noopener noreferrer"&gt;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array/toBase64&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Quick reminder: Base64 is simply a way of converting binary data into plain text. Why would we do that? Because many protocols and formats are much happier dealing with text than raw bytes. For example, we might send an image as a Base64 string.&lt;/p&gt;

&lt;p&gt;Now, someone might say: "Wait a minute, Base64 already existed in JavaScript!" And yes, it did. But it mostly worked with strings:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nf"&gt;btoa&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;JavaScript was a mistake.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;When dealing with binary data, things quickly became ugly:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;bytes&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Uint8Array&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;buffer&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;base64&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;btoa&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="nb"&gt;String&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;fromCharCode&lt;/span&gt;&lt;span class="p"&gt;(...&lt;/span&gt;&lt;span class="nx"&gt;bytes&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Not terrible, but definitely not something you'd call elegant.&lt;/p&gt;

&lt;p&gt;Now we can simply write:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;screenshot&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt;
  &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;fetch&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;/proof/react-is-dead.png&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;bytes&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt;
  &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Uint8Array&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;screenshot&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;arrayBuffer&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;base64&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt;
  &lt;span class="nx"&gt;bytes&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;toBase64&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;base64&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Much cleaner. And, perhaps more importantly, much easier to understand six months later.&lt;/p&gt;




&lt;h2&gt;
  
  
  7. JSON.parse Source Text Access
&lt;/h2&gt;

&lt;p&gt;MDN:&lt;br&gt;
&lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse" rel="noopener noreferrer"&gt;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;JSON.parse()&lt;/code&gt; is great. Until somebody sends you a gigantic number. Suppose a LinkedIn guru claims to have 999 trillion followers:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;json&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;`
{
  "followers":
  999999999999999999999999999999
}
`&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;JSON&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;parse&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;json&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;followers&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Oops. JavaScript numbers have limits, and very large integers may lose precision.&lt;/p&gt;

&lt;p&gt;With ES2026, the reviver callback gets access to the original source text, allowing us to recover huge values safely:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;JSON&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;parse&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="nx"&gt;json&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;context&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;

    &lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt; &lt;span class="o"&gt;===&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;followers&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nc"&gt;BigInt&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;context&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;source&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;

    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;followers&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;No more accidental corruption of giant numbers.&lt;/p&gt;

&lt;p&gt;Most of us won't need this every day. But if you're dealing with IDs, financial data, or huge integer values, this can save you from some nasty bugs.&lt;/p&gt;




&lt;h2&gt;
  
  
  Bonus: The Great Absentees
&lt;/h2&gt;

&lt;p&gt;I was really hoping these features would make it into ES2026, but unfortunately we'll have to wait another year.&lt;/p&gt;

&lt;p&gt;Well, sort of. Modern browsers and runtimes have already started implementing them, but they are not officially part of the ECMAScript 2026 specification yet.&lt;/p&gt;

&lt;p&gt;These are probably the two features I'm personally most excited about.&lt;/p&gt;




&lt;h2&gt;
  
  
  Temporal API
&lt;/h2&gt;

&lt;p&gt;TC39 proposal:&lt;br&gt;
&lt;a href="https://github.com/tc39/proposal-temporal" rel="noopener noreferrer"&gt;https://github.com/tc39/proposal-temporal&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you've been doing frontend development long enough, chances are you've had at least one traumatic experience involving dates. Maybe something like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;date&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Date&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;2026-03-30&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;date&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Depending on your timezone, congratulations! You've just entered the exciting world of: "Why is it yesterday?"&lt;/p&gt;

&lt;p&gt;Or perhaps you've experienced everyone's favorite:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;today&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Date&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="nx"&gt;today&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;setMonth&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;today&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getMonth&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And suddenly you're debugging why March plus one month somehow became May.&lt;/p&gt;

&lt;p&gt;Or maybe you've been lucky enough to deal with time zones.&lt;/p&gt;

&lt;p&gt;At which point you discover that time itself is apparently an illusion and that daylight saving time was invented specifically to ruin programmers' lives.&lt;/p&gt;

&lt;p&gt;This is why many of us ended up using libraries like Moment.js. Ironically, even the Moment.js maintainers now recommend using other solutions. Then came date-fns, Luxon, and various other attempts to restore sanity.&lt;/p&gt;

&lt;p&gt;They certainly help. Until somebody says: "By the way, users in Australia are reporting weird bugs." And that's usually where the fun begins.&lt;/p&gt;

&lt;p&gt;Temporal aims to fix all of this by introducing proper date and time types.&lt;/p&gt;

&lt;p&gt;Instead of:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;now&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Date&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;we get things like:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;now&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;Temporal&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;Now&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;instant&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;birthday&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt;
  &lt;span class="nx"&gt;Temporal&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;PlainDate&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="k"&gt;from&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;1987-07-23&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;meeting&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt;
  &lt;span class="nx"&gt;Temporal&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;ZonedDateTime&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="k"&gt;from&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;2026-11-03T10:00:00[Europe/Warsaw]&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And suddenly everything becomes much more explicit.&lt;/p&gt;

&lt;p&gt;By the way, I spent an embarrassing amount of time trying to figure out whether Temporal had actually made it into ES2026. Eventually, I found the TC39 repository, where it clearly says that although the proposal has already reached Stage 4, its expected publication year is 2027.&lt;/p&gt;

&lt;p&gt;So we're close. Very close. And I can't wait ❤️&lt;/p&gt;




&lt;h2&gt;
  
  
  Explicit Resource Management (&lt;code&gt;using&lt;/code&gt;)
&lt;/h2&gt;

&lt;p&gt;TC39 proposal:&lt;br&gt;
&lt;a href="https://github.com/tc39/proposal-explicit-resource-management" rel="noopener noreferrer"&gt;https://github.com/tc39/proposal-explicit-resource-management&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This is one of those features that C# and Python developers have been quietly enjoying while the rest of us pretended that &lt;code&gt;try/finally&lt;/code&gt; was perfectly fine 😄&lt;/p&gt;

&lt;p&gt;Sometimes you create something that needs cleaning up afterward: file, database connection, stream, WebSocket, etc. Today, we usually write something like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;webinar&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt;
  &lt;span class="nf"&gt;createAIAgentsWebinar&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="k"&gt;try&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;

  &lt;span class="nx"&gt;webinar&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;start&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="k"&gt;finally&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;

  &lt;span class="nx"&gt;webinar&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;close&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The &lt;code&gt;finally&lt;/code&gt; block is often written with the same enthusiasm as unit tests. Worse, if we forget it entirely, we may end up with resource leaks and mysterious bugs.&lt;/p&gt;

&lt;p&gt;With &lt;code&gt;using&lt;/code&gt;, cleanup happens automatically when leaving the scope:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;using&lt;/span&gt; &lt;span class="nx"&gt;webinar&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt;
  &lt;span class="nf"&gt;createAIAgentsWebinar&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="nx"&gt;webinar&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;start&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Once we leave the scope, JavaScript automatically calls the cleanup logic. How cool is that?&lt;/p&gt;

&lt;p&gt;It's one of those features that might not affect the average frontend developer every day, but for Node.js developers, library authors, and people working with streams and files, it can be incredibly useful.&lt;/p&gt;




&lt;h2&gt;
  
  
  Uff...
&lt;/h2&gt;

&lt;p&gt;I have to admit, this article turned out to be way more work than I originally expected 😅 It was supposed to be short and easy. And somehow I ended up digging through TC39 proposals, MDN pages, browser implementations, and trying to figure out whether Temporal had actually made it into ES2026 or not.&lt;/p&gt;

&lt;p&gt;But I hope it was worth it and that you enjoyed it ❤️&lt;/p&gt;

&lt;p&gt;What about you? Which feature surprised you the most? And are you also eagerly waiting for Temporal to finally free us from all date-related suffering?&lt;/p&gt;

&lt;p&gt;(Or at least that's what the LinkedIn gurus will probably tell us next week 😇)&lt;/p&gt;




&lt;p&gt;If you enjoyed this article, feel free to connect with me on &lt;a href="https://www.linkedin.com/in/sylwia-laskowska-5a8467131/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;😊&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>typescript</category>
      <category>node</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Who Here Has Worked with Legacy? The Longer You Wait, the Worse It Gets</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Thu, 18 Jun 2026 07:25:04 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/who-here-has-worked-with-legacy-the-longer-you-wait-the-worse-it-gets-58bk</link>
      <guid>https://dev.to/sylwia-lask/who-here-has-worked-with-legacy-the-longer-you-wait-the-worse-it-gets-58bk</guid>
      <description>&lt;p&gt;I promised myself that starting this week I'd switch to lighter topics. But on Monday, my JSNation adventure officially came to an end, and I realized I hadn't written a single article about my talk yet. Since everything is still fresh in my mind, here we go!&lt;/p&gt;

&lt;p&gt;&lt;em&gt;As for JSNation itself, I have mixed feelings. I was selected for the online track and, despite the organizers' incredible professionalism, it just wasn't the same as being there in person. You know, I could have been in Amsterdam drinking beer with Wes Bos, but instead I was watching my own talk from the kitchen while replying to Teams messages. 😄 Still, it was a great experience. And who knows? Maybe my expertise, or my level of celebrity status 😅 will grow enough that one day I'll get to speak in Amsterdam in person.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fdvk1lia6g4dcdstvdpvp.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fdvk1lia6g4dcdstvdpvp.png" alt="My 20 minutes fame at the conference" width="799" height="456"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;That said, I might visit that beautiful city later this year anyway, but let's not get ahead of ourselves. 😉&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Back to the topic. My talk was called &lt;strong&gt;"Rewrite or Refactor? How to Safely Move Legacy Apps to Modern Frameworks."&lt;/strong&gt; I believe I'm the right person to talk about this. Why? Because I've migrated a lot of frontend apps throughout my career, in all kinds of configurations: old Angular to modern Angular, ASP.NET MVC 5 to Vue, React with class components to modern React, and so on.&lt;/p&gt;

&lt;p&gt;The reason is simple. If a company desperately needs a migration and suddenly receives a CV from someone who's already done one, they're usually very happy to hire that person—even for a slightly above-market rate. 😄 That's basically how I became a frontend migration expert, and I definitely have a few things to say about it.&lt;/p&gt;

&lt;h2&gt;
  
  
  But why migrate at all?
&lt;/h2&gt;

&lt;p&gt;Before discussing strategies, we need to answer a more fundamental question: why migrate in the first place?&lt;/p&gt;

&lt;p&gt;I've heard this question many times from stakeholders, especially non-technical product owners. If the application works, why touch it? Developers are just chasing hype and trying to put shiny technologies on their CVs, right?&lt;/p&gt;

&lt;p&gt;My answer is usually very simple and honest.&lt;/p&gt;

&lt;p&gt;You know me well. I'm not a fanboy of any particular framework. To me, they're just tools. Like hammers. But when I'm building something, I'd rather use a solid, reliable hammer than a rusty one with missing parts. 😉🔨⛏️🪓🔧🪛&lt;/p&gt;

&lt;p&gt;But migration isn't just about developer experience. In reality, it's about the survival of your product. Especially today, when technology evolves faster than ever and AI is accelerating everything even further.&lt;/p&gt;

&lt;p&gt;Take security, for example. When a library becomes obsolete and nobody maintains it anymore, security patches stop coming. Vulnerability reports start turning red. No product owner in history has ever said, "Sure, let's sacrifice security for a few extra features!" At least I hope so 😅&lt;/p&gt;

&lt;p&gt;And let's not forget modern tooling. Vite builds alone can make a huge difference. Modern applications are simply faster, and faster applications are better applications.&lt;/p&gt;

&lt;p&gt;There are many more reasons, but the most important thing to remember is this:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The longer you postpone a migration, the harder and more expensive it becomes.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Okay, okay, I want to migrate. But how?
&lt;/h2&gt;

&lt;p&gt;Interestingly, the arrival of LLMs hasn't fundamentally changed migration strategies. They're basically the same as before AI became mainstream. Sometimes the work is faster, sometimes it isn't, but the underlying approaches remain unchanged.&lt;/p&gt;

&lt;p&gt;There are probably as many migration strategies as there are senior engineers, but in practice they fall into two categories:&lt;/p&gt;

&lt;h3&gt;
  
  
  Rewrite (Big Bang Strategy)
&lt;/h3&gt;

&lt;p&gt;Rewrite the entire application — or, as often happens on the frontend, upgrade an ancient stack directly to the latest version of the framework.&lt;/p&gt;

&lt;h3&gt;
  
  
  Refactor (Strangler Pattern)
&lt;/h3&gt;

&lt;p&gt;Rewrite the application piece by piece while continuing to deliver features.&lt;/p&gt;

&lt;p&gt;So, which approach is better?&lt;/p&gt;

&lt;p&gt;Honestly, there's no point starting a holy war over this. In most cases, the realities of your project decide for you.&lt;/p&gt;

&lt;p&gt;If your application is relatively small, your team is experienced, your documentation is decent, and you can afford to pause feature development for a few weeks or months, a rewrite may be a perfectly reasonable choice.&lt;/p&gt;

&lt;p&gt;On the other hand, if you're working on a huge project with lots of junior developers or people unfamiliar with the technology, and the documentation is practically nonexistent — an incremental refactor is probably your only realistic option.&lt;/p&gt;

&lt;p&gt;Of course, there are many other factors to consider. Here's a quick summary:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Factor&lt;/th&gt;
&lt;th&gt;Rewrite (Big Bang)&lt;/th&gt;
&lt;th&gt;Refactor (Strangler)&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Application size&lt;/td&gt;
&lt;td&gt;Small or medium&lt;/td&gt;
&lt;td&gt;Large&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Feature development&lt;/td&gt;
&lt;td&gt;Can be paused&lt;/td&gt;
&lt;td&gt;Must continue&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Documentation&lt;/td&gt;
&lt;td&gt;Good&lt;/td&gt;
&lt;td&gt;Poor&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Team experience&lt;/td&gt;
&lt;td&gt;High&lt;/td&gt;
&lt;td&gt;Mixed&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Risk tolerance&lt;/td&gt;
&lt;td&gt;Higher&lt;/td&gt;
&lt;td&gt;Lower&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Time to first results&lt;/td&gt;
&lt;td&gt;Short&lt;/td&gt;
&lt;td&gt;Long&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Complexity during migration&lt;/td&gt;
&lt;td&gt;Lower&lt;/td&gt;
&lt;td&gt;Higher&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Risk of endless migration&lt;/td&gt;
&lt;td&gt;Low&lt;/td&gt;
&lt;td&gt;High&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  Big Bang – Not as scary as it sounds
&lt;/h2&gt;

&lt;p&gt;Let me briefly describe both approaches, starting with Big Bang.&lt;/p&gt;

&lt;p&gt;I have to admit — I like this strategy. Sure, books and articles often describe it as risky, sometimes even as an anti-pattern. And they're right — if we're talking about a twenty-year-old Java monolith that nobody dares to touch.&lt;/p&gt;

&lt;p&gt;But many frontend applications are relatively young and relatively small. In those situations, a Big Bang approach can simply be faster and cheaper.&lt;/p&gt;

&lt;p&gt;Full rewrites are relatively rare these days. However, large upgrades are quite common: for example, moving from Angular 7 to modern Angular with Signals, or from old React with class components to modern React with hooks.&lt;/p&gt;

&lt;p&gt;These projects still require a lot of work and a lot of digging through old code, but you'll reach the finish line much faster than with a Strangler migration.&lt;/p&gt;

&lt;p&gt;I'm not going to describe planning phases, migration scripts, codemods, or the specific tools I've used. Those details vary from project to project and don't make much sense in a general article.&lt;/p&gt;

&lt;p&gt;However, there are certain things that show up with surprising consistency in almost every migration. 😉&lt;/p&gt;

&lt;h2&gt;
  
  
  Real-Life Example: Big Bang migration from Angular 7 to latest Angular
&lt;/h2&gt;

&lt;p&gt;Here's an interesting example. Sometimes we wonder how a team could possibly let an application go years without upgrades. In reality, it's surprisingly easy, especially when nobody is actively working on it because the product is in maintenance mode and hasn't changed significantly in years.&lt;/p&gt;

&lt;p&gt;That was exactly the case here.&lt;/p&gt;

&lt;p&gt;Then one day, the stakeholders decided to expand the application significantly and add several new features. I convinced them to upgrade to the latest Angular version, mainly for security reasons — the system stored critical data.&lt;/p&gt;

&lt;p&gt;Long story short, four developers upgraded it to the latest version in four months. And it turned out to be much harder than I expected.&lt;/p&gt;

&lt;p&gt;First of all, it's easy to underestimate the scope of the problem. From the outside, it looks simple: "Just upgrade Angular."&lt;/p&gt;

&lt;p&gt;But the framework itself is rarely the real problem. The ecosystem around it is.&lt;/p&gt;

&lt;p&gt;For example, our primary component library introduced major syntax changes somewhere between versions 12 and 13. Imagine how many places needed to be updated! Sure, AI can help, but if an ambitious UI engineer decides to rename CSS classes and change component structures, AI won't save you — you'll end up fixing things manually.&lt;/p&gt;

&lt;p&gt;Some third-party libraries had long been abandoned. And here's something worth remembering:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;If you have a library that hasn't been updated in years, whose author has apparently forgotten it exists, and it doesn't even compile on Node 18 anymore, that's not "working code." That's a time bomb.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;And yes, we had plenty of end-to-end tests. Many of them exploded because of changes in the component library. 😄 So even automated tests won't always save you.&lt;/p&gt;

&lt;p&gt;Another important lesson: always have a solid branching strategy for hotfixes. Assume something will go wrong. Because eventually, something probably will.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fadkp3fuljt82hwfm39ea.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fadkp3fuljt82hwfm39ea.png" alt="Migration showed as an iceberg" width="799" height="491"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Fortunately, the migration was a success.&lt;/p&gt;

&lt;p&gt;Build times improved dramatically. The bundle size shrank significantly. The new layout looked much better than the old one, so even the most technology-resistant stakeholders were impressed.&lt;/p&gt;

&lt;p&gt;And perhaps most importantly, the application became ready for future upgrades. Even the QA team—which initially hated us, eventually admitted that upgrading regularly is much better than doing it once every seven years 🤣&lt;/p&gt;

&lt;h2&gt;
  
  
  Incremental migration – having your cake and eating it too
&lt;/h2&gt;

&lt;p&gt;Sometimes, though, your application is simply too large for a Big Bang approach, or you can't afford to stop delivering features. In that case, incremental migration becomes the only realistic option.&lt;/p&gt;

&lt;p&gt;This type of step-by-step refactoring is usually implemented using the &lt;strong&gt;Strangler Pattern&lt;/strong&gt;. There are other approaches, of course, but I personally like this one because it's elegant, relatively simple, and battle-tested by some of the largest tech companies in the world.&lt;/p&gt;

&lt;p&gt;So what exactly is the Strangler Pattern?&lt;/p&gt;

&lt;p&gt;Take a look at the beautiful diagram below, handcrafted by yours truly in draw.io. 😄&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fsdwj1b6njiqwowgvkck1.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fsdwj1b6njiqwowgvkck1.png" alt="Beautiful strangler pattern diagram" width="800" height="435"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;As you can see, you start with your legacy application. You build a new application alongside it. Then you place a reverse proxy in front, which decides which routes go to which application.&lt;/p&gt;

&lt;p&gt;From there, you migrate screen by screen, route by route. Over time, the legacy application becomes smaller and smaller until, hopefully, all that's left is the new one, and you can finally get rid of both the old app and the reverse proxy.&lt;/p&gt;

&lt;p&gt;In this scenario, both applications should share authentication and the backend, but not frontend code.&lt;/p&gt;

&lt;p&gt;And if you absolutely must make the two applications communicate, I'd strongly recommend using something simple like custom DOM events instead of so-called "temporary" adapters.&lt;/p&gt;

&lt;p&gt;Because we all know what "&lt;strong&gt;temporary&lt;/strong&gt;" means in software engineering. &lt;strong&gt;Forever&lt;/strong&gt;. 😅 And before you know it, those adapters become a brand-new piece of legacy.&lt;/p&gt;

&lt;h2&gt;
  
  
  Real-life example: Migrating from Backbone to Vue with the Strangler Pattern
&lt;/h2&gt;

&lt;p&gt;This was an old application written in Backbone—and I have to admit, it was actually very well written. Still, it was Backbone. 😄&lt;/p&gt;

&lt;p&gt;The application wasn't huge, so a Big Bang migration was theoretically possible. But we were a startup, and one day we heard these famous words: &lt;em&gt;"Guys, we just sold a feature that doesn't exist yet. You have three months to deliver it. Have fun!"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;My immediate reaction was: &lt;em&gt;"Hahaha. Very funny. There's no way I'm building that in Backbone."&lt;/em&gt; Luckily, our stakeholders were smart and agreed to a Strangler migration.&lt;/p&gt;

&lt;p&gt;My team consisted of me and... two junior Java developers who, I swear, heard the word "TypeScript" for the first time in their lives.&lt;/p&gt;

&lt;p&gt;Fortunately, they were ambitious and learned quickly. Well, they didn't really have much choice. 😄 And that's another advantage of this strategy: junior developers can learn meanwhile.&lt;/p&gt;

&lt;p&gt;I created a new Vue application on the side. A lot of people in the company already knew Vue, so the choice was obvious.&lt;/p&gt;

&lt;p&gt;First, I migrated the login screen as a proof of concept. Then we moved on to the shiny new feature the client had already paid for. 😉&lt;/p&gt;

&lt;p&gt;For the next year, we migrated the application screen by screen.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fuapvmn4gkw0wtc067rpw.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fuapvmn4gkw0wtc067rpw.png" alt="Strangler pattern showed as strangler fig" width="800" height="479"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Eventually, Backbone disappeared completely. And throughout the entire process, we had zero downtime. Customers didn't even notice that a migration was happening.&lt;/p&gt;

&lt;p&gt;Just like in the previous example, the bundle became significantly smaller, and build times improved dramatically.&lt;/p&gt;

&lt;p&gt;However, the Strangler approach isn't all sunshine and rainbows.&lt;/p&gt;

&lt;p&gt;First of all, there's the time factor. The migration process takes a long time. In our case, with a relatively small application, it still took an entire year.&lt;/p&gt;

&lt;p&gt;There's also the danger of the &lt;strong&gt;never-ending migration&lt;/strong&gt;. You probably know what I mean. Deadlines pile up. Features keep coming. And after a while, you find yourself almost begging your product owner to spare a few story points for migration work.&lt;/p&gt;

&lt;p&gt;And unfortunately, there's no way to avoid touching legacy code. Zero chance. And believe me, developers hate it. I've heard things like: &lt;em&gt;"Sylwia, why are you making everything so complicated? Now we have to know two technology stacks!"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;So no matter which strategy you choose, you'll probably become the team's scapegoat. At least while the migration is in progress.&lt;/p&gt;

&lt;p&gt;But once it's over, the bundle size has been cut in half, vulnerability reports stop glowing red, and customers stop complaining, you'll suddenly become the company's hero. 😄&lt;/p&gt;




&lt;h2&gt;
  
  
  A Few Final Words
&lt;/h2&gt;

&lt;p&gt;Migrating legacy applications is a lot like buying an old house. It's not your fault that it's falling apart, but it is your responsibility to bring it back into shape. You can take a few weeks off and renovate everything at once, or you can move in and tackle one room at a time.&lt;/p&gt;

&lt;p&gt;The only truly bad strategy is doing nothing. Sooner or later, you'll have to migrate anyway — except you'll be doing it because of a production incident. 😉&lt;/p&gt;

&lt;p&gt;So, what's your approach to renovating your legacy applications?&lt;/p&gt;

&lt;h3&gt;
  
  
  Disclaimer
&lt;/h3&gt;

&lt;p&gt;None of the stories described above actually happened. Or maybe they did? 😉&lt;/p&gt;

&lt;p&gt;As both a professional and someone bound by NDAs, I deliberately created a blend of several migration stories to make sure no company or project could be identified. That wasn't particularly difficult, because after a while all migrations start to look surprisingly similar. 😄&lt;/p&gt;




&lt;p&gt;If you like my articles, you can also follow me on &lt;a href="https://www.linkedin.com/in/sylwia-laskowska-5a8467131/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>programming</category>
      <category>architecture</category>
    </item>
    <item>
      <title>The Code Works. What Could Possibly Go Wrong?</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Wed, 10 Jun 2026 08:26:35 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/the-code-works-what-could-possibly-go-wrong-5hbm</link>
      <guid>https://dev.to/sylwia-lask/the-code-works-what-could-possibly-go-wrong-5hbm</guid>
      <description>&lt;p&gt;Would you treat a serious illness without seeing a doctor, relying only on whatever your favorite AI model suggested?&amp;nbsp;Would you let AI take over your child's education?&lt;/p&gt;

&lt;p&gt;Probably not.&lt;/p&gt;

&lt;p&gt;So why are you willing to hand over your entire codebase to it?&lt;/p&gt;

&lt;p&gt;JSNation is just around the corner, and as I mentioned before, I'll also be joining a discussion room called &lt;strong&gt;"Trusting AI Systems: How Much Is Too Much?"&lt;/strong&gt;. So today, let's talk about exactly that.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Also, after an incredibly busy first half of the year, I think I'm officially entering vacation mode next week. Expect some JavaScript posts, popular bash commands, and occasional programming memes. 😄 I know many of you enjoy those too.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;By the way, as I already mentioned, I'll be speaking at FrontKon in Prague this October! I have a feeling it's going to be one of the best conferences of the season. The organization has been fantastic so far. The agenda is already published, and I know my talk is scheduled for 3:30 PM. I haven't quite figured out which day yet, but don't worry, I should be able to sort that out before October. 😄&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;If you're into frontend development, definitely check it out. Apparently tickets are selling fast. You can also leave me a like &lt;a href="https://www.linkedin.com/posts/sylwia-laskowska-ugcPost-7470048623385296896-HMos/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;It will probably be my last conference appearance of 2026.&amp;nbsp;Unless somebody invites me somewhere else.&amp;nbsp;Which, as it turns out, is not entirely impossible. 😉&amp;nbsp;But that's a story for another day.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Does AI Lie?
&lt;/h2&gt;

&lt;p&gt;Let's get back to the topic.&lt;/p&gt;

&lt;p&gt;How much do you trust AI?&amp;nbsp;And I'm not talking only about code. I'm also talking about knowledge.&lt;/p&gt;

&lt;p&gt;I don't know how often you use LLMs outside programming, but I use them a lot. Really a lot.&amp;nbsp;Sometimes I vent to them. Sometimes I ask for information, inspiration, or validation of an idea.&amp;nbsp;And I've noticed an interesting pattern.&lt;/p&gt;

&lt;p&gt;Remember school or university?&amp;nbsp;General knowledge was easy to access. But when you needed something more specialized, you had to go to the library or dig through academic journals.&lt;/p&gt;

&lt;p&gt;Models work in a surprisingly similar way.&amp;nbsp;When I'm looking for general information, I trust them almost blindly.&amp;nbsp;But the more I discuss topics I actually know well, the more nonsense I start noticing.&lt;/p&gt;

&lt;p&gt;Yes, models hallucinate less than they used to. They no longer invent completely absurd facts every other answer.&amp;nbsp;But do they really stop making mistakes?&amp;nbsp;Not exactly.&lt;/p&gt;

&lt;p&gt;Sometimes the facts are mostly correct, but names get mixed up. Sometimes two separate conversations will confidently give me two different explanations for the same medical issue. 😉&lt;/p&gt;

&lt;p&gt;Of course, LLMs usually tell us to consult a doctor and remind us to verify important information.&lt;/p&gt;

&lt;p&gt;And honestly, I don't think many sane people would blindly trust an AI model with their health.&lt;/p&gt;

&lt;p&gt;Our codebase, however?&amp;nbsp;Sure, go ahead, dear model.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Codebase Paradox
&lt;/h2&gt;

&lt;p&gt;This is where things get interesting.&lt;/p&gt;

&lt;p&gt;As most of you know, I work primarily in web development. I've been doing this for quite a while.&amp;nbsp;When I discuss architecture with an LLM, even for my own side projects, the results are often surprisingly good.&lt;/p&gt;

&lt;p&gt;But sometimes they're absolutely terrifying.&amp;nbsp;Huge monolithic files.&amp;nbsp;Missing abstractions.&amp;nbsp;Or even worse: unnecessary abstractions everywhere. Hello, Codex. 👋&lt;/p&gt;

&lt;p&gt;And that's still not the worst part.&amp;nbsp;Every now and then you'll find a lovely XSS vulnerability or some other security issue casually slipped into the generated code.&lt;/p&gt;

&lt;p&gt;Most of the code looks perfectly reasonable.&amp;nbsp;The problems are usually small.&amp;nbsp;Tiny.&amp;nbsp;Hidden somewhere in the details.&amp;nbsp;But those tiny problems could take down my production environment within a couple of days.&lt;/p&gt;

&lt;p&gt;And here's the problem:&amp;nbsp;I can see those mistakes.&amp;nbsp;I can see them because I've spent well over a decade doing this.&lt;/p&gt;

&lt;p&gt;But if you're building your first startup or just starting your programming journey, how are you supposed to know that the agent just left the front door wide open?&lt;/p&gt;

&lt;h2&gt;
  
  
  The Vibe Coding Trap
&lt;/h2&gt;

&lt;p&gt;And yet people vibe code all the time.&lt;/p&gt;

&lt;p&gt;To be clear: vibe coding is awesome.&lt;/p&gt;

&lt;p&gt;A friend recently told me he helped his daughter build a university project in Unity.&amp;nbsp;He had never used Unity before.&amp;nbsp;The initial project skeleton took about thirty minutes to generate with AI.&amp;nbsp;The next five hours were spent fixing what the model produced.&lt;/p&gt;

&lt;p&gt;But here's the thing:&amp;nbsp;Without the model, he probably wouldn't have even started in those five hours. He might have spent them configuring the environment.&amp;nbsp;That's incredibly powerful.&lt;/p&gt;

&lt;p&gt;Following that logic, once you understand software engineering, technology stacks and ecosystems become far less limiting.&amp;nbsp;You can suddenly build almost anything much faster than before.&lt;/p&gt;

&lt;p&gt;And that's where the temptation begins.&lt;/p&gt;

&lt;p&gt;I'll go even further.&amp;nbsp;Is there still a debate about whether developers should understand AI-generated code?&amp;nbsp;Or have we finally moved past that?&lt;/p&gt;

&lt;p&gt;Because maybe understanding it isn't necessary?&amp;nbsp;After all, it works.&amp;nbsp;The model even wrote unit tests xDDDDDDD&amp;nbsp;What could possibly go wrong? 😄&lt;/p&gt;

&lt;p&gt;For hobby projects, experiments, or university assignments, that's perfectly fine.&amp;nbsp;Just like my friend's daughter's project.&amp;nbsp;Five people will see it, it will get a grade, and then it will quietly disappear into a repository forever.&lt;/p&gt;

&lt;p&gt;The real problem starts when someone decides that this is good enough for production.&amp;nbsp;Because unfortunately, it often is.&lt;/p&gt;

&lt;h2&gt;
  
  
  AI Didn't Break Production
&lt;/h2&gt;

&lt;p&gt;People love blaming AI when something goes wrong.&amp;nbsp;I don't.&lt;/p&gt;

&lt;p&gt;We've already seen stories about AI agents deleting databases and then trying to cover it up.&amp;nbsp;We've seen services launched with security issues that even relatively inexperienced attackers could exploit.&amp;nbsp;And honestly, we could keep listing examples until tomorrow morning.&lt;/p&gt;

&lt;p&gt;The truth is that penetration testers have never had an easier time than in the era of vibe-coded software.&lt;/p&gt;

&lt;p&gt;What always amuses me is when people say:&amp;nbsp;"See? AI caused this disaster."&amp;nbsp;No.&amp;nbsp;It didn't.&amp;nbsp;The person responsible is the human who gave the agent excessive permissions.&amp;nbsp;The human who didn't review the output.&lt;/p&gt;

&lt;p&gt;The human who decided to build something they didn't fully understand because hiring experienced engineers seemed too expensive.&lt;/p&gt;

&lt;p&gt;AI didn't deploy that code.&amp;nbsp;A human did.&lt;/p&gt;

&lt;h2&gt;
  
  
  So, Will AI Take Your Job?
&lt;/h2&gt;

&lt;p&gt;AI won't take programmers' jobs.&lt;/p&gt;

&lt;p&gt;But programmers who trust AI uncritically might do a very good job of taking those jobs away from themselves.&lt;/p&gt;

&lt;p&gt;So I'm curious: where do you draw the line?&lt;/p&gt;

&lt;p&gt;Do you review every line generated by AI? Do you let agents make changes autonomously? Or have you already reached a point where trusting the model feels more natural than verifying it?&lt;/p&gt;

&lt;p&gt;How much trust is too much?&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>discuss</category>
    </item>
    <item>
      <title>Is This How We'll Build Websites Soon? (webMCP Live Demo 🚀)</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Wed, 03 Jun 2026 07:11:55 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/is-this-how-well-build-websites-soon-webmcp-live-demo--2e33</link>
      <guid>https://dev.to/sylwia-lask/is-this-how-well-build-websites-soon-webmcp-live-demo--2e33</guid>
      <description>&lt;p&gt;A few years ago, we started adapting our websites for mobile devices. Then we adapted them for accessibility. And now we may be about to adapt them once again. This time... for AI agents.&lt;/p&gt;

&lt;p&gt;To see what this could look like in practice, I built a completely serious and absolutely enterprise-ready AI CEO Simulator.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fa4en56ttp9q6ph5kte4z.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fa4en56ttp9q6ph5kte4z.png" alt="AI CEO Simulator app" width="800" height="421"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We'll come back to our visionary leader in a moment.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;BTW, thank you all for the amazing discussion under my previous article. We somehow managed to generate approximately one billion comments 🩷 Many of them were probably smarter than the article itself. The sensible thing to do would be to write a follow-up post summarizing everything.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;But honestly, I needed a break from that topic before I exploded.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Sometimes I just have to write something technical, otherwise I'll suffocate. Fortunately, nobody pays me for these articles, so I can do whatever I want 😁 We'll come back to AI in software development another time.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What Is webMCP? 🤖
&lt;/h2&gt;

&lt;p&gt;For now, let's talk about webMCP.&lt;/p&gt;

&lt;p&gt;Google is currently experimenting with webMCP support in Chrome, an approach designed to make it easier for AI agents to interact with websites.&lt;/p&gt;

&lt;p&gt;The problem it tries to solve is actually quite simple.&lt;/p&gt;

&lt;p&gt;Today, when an agent wants to use a website, it has to inspect the page, figure out which elements are important, click around, analyze the results, and repeat this process over and over again. It works, but it's slow, expensive, and not always reliable.&lt;/p&gt;

&lt;p&gt;webMCP allows websites to expose structured information about available actions, so agents can understand what they can do without endlessly scraping the page and guessing.&lt;/p&gt;

&lt;h2&gt;
  
  
  Time for a Completely Serious Business Simulation 🚀
&lt;/h2&gt;

&lt;p&gt;But enough theory.&lt;/p&gt;

&lt;p&gt;Let's build something completely serious and enterprise-ready.&lt;/p&gt;

&lt;p&gt;&lt;a class="mentioned-user" href="https://dev.to/cart0ne"&gt;@cart0ne&lt;/a&gt; mentioned under my previous article that AI had effectively become the CEO of his startup.&lt;/p&gt;

&lt;p&gt;So, as a responsible person, I built an AI CEO Simulator in React + TypeScript.&lt;/p&gt;

&lt;p&gt;GitHub: &lt;a href="https://github.com/sylwia-lask/ai-ceo-webMCP" rel="noopener noreferrer"&gt;https://github.com/sylwia-lask/ai-ceo-webMCP&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Live demo: &lt;a href="https://sylwia-lask.github.io/ai-ceo-webMCP/" rel="noopener noreferrer"&gt;https://sylwia-lask.github.io/ai-ceo-webMCP/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How To Enable webMCP
&lt;/h2&gt;

&lt;p&gt;Before you immediately rush to implement webMCP in your production application, a small disclaimer.&lt;/p&gt;

&lt;p&gt;For now, this is still experimental technology. It currently works only in Chrome Canary, Chrome Beta, or Chrome with the appropriate experimental flag enabled.&lt;/p&gt;

&lt;p&gt;To enable it:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;1. Open `chrome://flags`
2. Search for "MCP"
3. Enable the experimental MCP-related features
4. Restart Chrome
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If you'd rather not play with experimental browser flags, that's fine. You can simply look at the screenshots below.&lt;/p&gt;

&lt;p&gt;Or click around the application yourself, because everything still works perfectly as a normal website.&lt;/p&gt;

&lt;p&gt;That's actually one of the things I like most about this approach. WebMCP is just an enhancement for agents, much like accessibility features are enhancements for users relying on screen readers. Nothing breaks, nothing changes for regular users.&lt;/p&gt;

&lt;p&gt;The application simply becomes easier to understand for a different kind of visitor.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Feu8din4qcrsi4jg4ajfa.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Feu8din4qcrsi4jg4ajfa.png" alt="webMCP AI CEO simulator" width="800" height="440"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Two Ways To Use webMCP
&lt;/h2&gt;

&lt;p&gt;There are currently two main ways of exposing information through webMCP.&lt;/p&gt;

&lt;h3&gt;
  
  
  Option 1: Declarative API / HTML annotations
&lt;/h3&gt;

&lt;p&gt;The first approach is adding metadata directly to HTML elements:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;form&lt;/span&gt;
  &lt;span class="na"&gt;mcp-name=&lt;/span&gt;&lt;span class="s"&gt;"createSupportTicket"&lt;/span&gt;
  &lt;span class="na"&gt;mcp-description=&lt;/span&gt;&lt;span class="s"&gt;"Create a new customer support ticket"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This allows agents to understand the purpose of UI elements without relying entirely on visual interpretation.&lt;/p&gt;

&lt;h3&gt;
  
  
  Option 2: Imperative API / JavaScript tools
&lt;/h3&gt;

&lt;p&gt;The second approach is exposing MCP tools directly from your application code.&lt;/p&gt;

&lt;p&gt;That's the approach I used in my demo:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight typescript"&gt;&lt;code&gt;&lt;span class="nf"&gt;registerTool&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
  &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;hire_employee&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;description&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Hire a new employee&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;

&lt;span class="nf"&gt;registerTool&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
  &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;fire_employee&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;description&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Fire an employee&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;In my application, these tools correspond directly to actions available through buttons on the page.&lt;/p&gt;

&lt;p&gt;For example, I expose tools such as:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight typescript"&gt;&lt;code&gt;&lt;span class="nf"&gt;hireDevelopers&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;span class="nf"&gt;fireDevelopers&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;span class="nf"&gt;adoptAI&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;span class="nf"&gt;rewriteInRust&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;span class="nf"&gt;pivotToAgents&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;span class="nf"&gt;fixProductionBugs&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;In other words: completely normal startup management.&lt;/p&gt;

&lt;h2&gt;
  
  
  Connecting an AI Agent
&lt;/h2&gt;

&lt;p&gt;So what happens when we connect an actual AI agent?&lt;/p&gt;

&lt;p&gt;Instead of building my own agent, I used the WebMCP – Model Context Protocol Inspector extension. You can connect a Gemini API key and immediately start experimenting. There's even a free token allowance. Small, but still enough to make some questionable strategic decisions 😅&lt;/p&gt;

&lt;p&gt;As with most LLM-powered systems, everything starts with a prompt.&lt;/p&gt;

&lt;h2&gt;
  
  
  Scenario #1: The LinkedIn CEO 😎
&lt;/h2&gt;

&lt;p&gt;Let's see how our CEO performs when given the following instruction:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Act like a CEO who just read three articles about AI on LinkedIn.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2F26z1ebiwykqx7bhsh6ni.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2F26z1ebiwykqx7bhsh6ni.png" alt="webMCP AI CEO simulator - prompt by crazy CEO" width="799" height="593"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;As you can see, the agent selected the appropriate tools and immediately got to work.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2F38e9xugq8sm8ik5l0aq0.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2F38e9xugq8sm8ik5l0aq0.png" alt="webMCP AI CEO simulator - prompt by crazy CEO, outcome" width="800" height="384"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The company's employees may have started updating their LinkedIn profiles in panic, but at least the hype level reached previously unimaginable heights.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fz2hb1wfwp116i3wn9wct.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fz2hb1wfwp116i3wn9wct.png" alt="webMCP AI CEO simulator - prompt by crazy CEO, outcome 2" width="800" height="457"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Scenario #2: Rebuilding Employee Trust ❤️
&lt;/h2&gt;

&lt;p&gt;Now let's try something a little more challenging:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;I want to rebuild my employees' trust while simultaneously developing the product.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2F6rvehpl1jab3mg9t1hjx.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2F6rvehpl1jab3mg9t1hjx.png" alt="webMCP AI CEO simulator - prompt by good CEO" width="563" height="232"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This time our agentic CEO made several surprisingly clever moves and managed to guide the company back toward sustainable growth.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fzzxu3xhcey37mcfc2v4k.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fzzxu3xhcey37mcfc2v4k.png" alt="webMCP AI CEO simulator - prompt by good CEO - outcome" width="800" height="522"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  So... Is This The Future?
&lt;/h2&gt;

&lt;p&gt;Honestly, I had way too much fun building this.&lt;/p&gt;

&lt;p&gt;No, I don't think this is a glimpse into a future where self-healing AI agents manage the global economy while piloting commercial aircraft.&lt;/p&gt;

&lt;p&gt;But I do think webMCP solves a real problem.&lt;/p&gt;

&lt;p&gt;If AI agents are going to spend more and more time interacting with our applications, giving them a structured way to understand those applications makes a lot more sense than forcing them to endlessly scrape HTML and guess what every button does.&lt;/p&gt;

&lt;p&gt;Will webMCP become a normal part of web development?&lt;/p&gt;

&lt;p&gt;Will adapting websites for agents become as common as responsive design or accessibility?&lt;/p&gt;

&lt;p&gt;Or will this trend disappear before it ever reaches the mainstream?&lt;/p&gt;

&lt;p&gt;I'm genuinely curious what you think.&lt;/p&gt;

&lt;p&gt;If you enjoy my articles, feel free to follow me on &lt;a href="https://www.linkedin.com/in/sylwia-laskowska-5a8467131/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; as well.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>react</category>
      <category>mcp</category>
      <category>ai</category>
    </item>
    <item>
      <title>How Are Developers Actually Using AI At Work?</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Wed, 27 May 2026 07:11:18 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/how-are-developers-actually-using-ai-at-work-4g9c</link>
      <guid>https://dev.to/sylwia-lask/how-are-developers-actually-using-ai-at-work-4g9c</guid>
      <description>&lt;p&gt;JSNation is coming soon, and besides my talk (I’ll drop the link in the comments so I don’t spam you with it for the tenth time 😅), there are also discussion rooms. And somehow, I got invited to two of them.&lt;/p&gt;

&lt;p&gt;Now, a normal person would probably stop for a second and think: “Do I even have time for this?”, “Is it worth it?”, “Should I maybe not overcommit myself for once?”. Meanwhile, in classic Sylwia fashion, I replied almost instantly: “Oh, that sounds amazing! Sure, sign me up for everything!” 😎&lt;/p&gt;

&lt;p&gt;And that’s how I ended up in a discussion room called “The New Senior Engineer: Builder, Reviewer or Orchestrator?”.&lt;/p&gt;

&lt;p&gt;Now, my career advisor, ChatGPT, always tells me: “Sylwia, please get your life together. And if you insist on doing ten things at once, at least reuse the content.” 😅 So instead of coming up with all the conclusions myself, I thought: why not ask the DEV community?&lt;/p&gt;

&lt;p&gt;But before I ask the big question — what should a Senior Engineer become in the AI era — I think there’s another, more interesting one first: how are you &lt;em&gt;actually&lt;/em&gt; using AI at work?&lt;/p&gt;

&lt;p&gt;Not in conference demos. Not in viral Twitter threads. Not in “my AI agent rewrote Kubernetes during lunch” stories. I mean real work. Real projects. Real teams.&lt;/p&gt;

&lt;p&gt;Of course, feel free to jump straight into the comments (you know I love talking with you all ❤️), but first, a few observations from my side.&lt;/p&gt;

&lt;h2&gt;
  
  
  AI Above Everything
&lt;/h2&gt;

&lt;p&gt;At least that’s the image the internet gives us. Conference titles. Newsletter headlines. LinkedIn prophets.&lt;/p&gt;

&lt;p&gt;Matteo Collina opens a 100k-line PR for Node.js and people panic. &lt;/p&gt;

&lt;p&gt;Someone rewrites an entire React application to Svelte in two weeks. Hundreds of thousands of files. &lt;/p&gt;

&lt;p&gt;The creator of Bun rewrites it from Zig to Rust in one evening, while casually mentioning he also went on a date that night. (Am I the only one getting weird associations here? 😅)&lt;/p&gt;

&lt;p&gt;Armies of agents replacing development teams. Agents opening PRs for other agents to review. Everything automated. And somewhere in the middle of all this, the Senior Engineer becomes some kind of AI shepherd, occasionally checking whether the robots are heading straight into a cliff.&lt;/p&gt;

&lt;p&gt;Honestly, it’s both fascinating and mildly terrifying. Sometimes it makes you wonder whether we should all reconsider our career choices and maybe sign up for hairdressing school before the robots learn that too 😅&lt;/p&gt;

&lt;p&gt;But then I stop for a second and think: I actually work in this industry. I know a lot of developers. And real life often looks… very different.&lt;/p&gt;

&lt;h2&gt;
  
  
  From Excitement to Cost Optimization
&lt;/h2&gt;

&lt;p&gt;A friend of mine works at a huge tech corporation. One of those companies you definitely know — and probably either love or hate 😄&lt;/p&gt;

&lt;p&gt;Of course they started using AI tools very early, including Copilot. But things really escalated once they got proper coding agents — I think Claude Code.&lt;/p&gt;

&lt;p&gt;At first, the company was completely mesmerized. They bought the most expensive plans possible and encouraged people to use AI aggressively. If someone hit token limits, management basically said: “Don’t worry, we’ll buy more. It’s revolutionary!”&lt;/p&gt;

&lt;p&gt;My friend happened to be building a new application from scratch and honestly — he loved it. The amount of code generated was absurd. Normally, building something like that would take months with an entire team. Now? A few days and huge chunks of the system already existed.&lt;/p&gt;

&lt;p&gt;And because he’s genuinely an excellent developer, he became very good at noticing the exact moment Claude started going completely off the rails. Interestingly, this often happened around 5 PM. Apparently the AI wanted to clock out too 😅&lt;/p&gt;

&lt;p&gt;But after a few months, the excitement slowly started fading. Turns out that while AI &lt;em&gt;sometimes&lt;/em&gt; makes development dramatically faster, it definitely doesn’t always.&lt;/p&gt;

&lt;p&gt;And then came the second surprise: the company actually calculated how much all this AI usage was costing. Suddenly everyone discovered that — surprise, surprise — unlimited AI agents aren’t exactly cheap 😄&lt;/p&gt;

&lt;p&gt;So now there are discussions about limits, optimization, and reducing token usage. At this rate, maybe hiring interns will eventually become the cheaper option again 😂&lt;/p&gt;

&lt;p&gt;And honestly, we’re already seeing this trend more and more. Wasn’t it Meta that introduced some kind of “tokenmaxxing” culture where people were rewarded for using fewer tokens?&lt;/p&gt;

&lt;h2&gt;
  
  
  And Finally, My Own Story
&lt;/h2&gt;

&lt;p&gt;Now let’s move to my world.&lt;/p&gt;

&lt;p&gt;A massive international institution. An enterprise ship that takes three years to turn right. A place where privacy is treated almost like religion. So naturally, people were extremely skeptical about LLMs for a long time.&lt;/p&gt;

&lt;p&gt;But eventually AI arrived there too, which honestly makes me think these tools are now basically everywhere 😄&lt;/p&gt;

&lt;p&gt;So: do coding agents massively accelerate development in enterprise legacy systems?&lt;/p&gt;

&lt;p&gt;Well… that’s where things become complicated.&lt;/p&gt;

&lt;p&gt;Sure, there are tasks where AI is genuinely useful. Simple bugs. Small features. Boilerplate work. But on some tasks? It completely collapses.&lt;/p&gt;

&lt;p&gt;The agent reads library code. It crawls through the application. It searches half the repository. And still somehow understands absolutely nothing 😅&lt;/p&gt;

&lt;p&gt;Sometimes I literally have to tell it: “Maybe check that weird file written by a junior developer seven years ago.” Or: “Our UI library has some very specific legacy quirks, maybe investigate that direction.”&lt;/p&gt;

&lt;p&gt;And honestly? After 2.5 years in this project, I’m simply faster than the AI agent in many debugging scenarios.&lt;/p&gt;

&lt;p&gt;Not because I’m smarter. Not because AI is useless. But because enterprise systems accumulate context, history, weird decisions, tribal knowledge, hidden dependencies and architectural scars over many years. And I have that context. The AI usually doesn’t.&lt;/p&gt;

&lt;p&gt;And I honestly doubt my project is unique here. A huge percentage of software running the world today is enterprise legacy that survived far longer than anyone originally planned — and is still actively evolving 😄&lt;/p&gt;

&lt;p&gt;So maybe, somehow, I’ll actually survive as a programmer until retirement after all. And maybe I won’t need to learn hairdressing.&lt;/p&gt;

&lt;p&gt;Which is probably good news for humanity, because I’d be terrible at it 😅&lt;/p&gt;

&lt;p&gt;But now I’m genuinely curious: what does AI usage actually look like in your work?&lt;/p&gt;

&lt;p&gt;Million-line AI PRs? Daily battles with legacy systems? Token optimization? Or maybe something completely different?&lt;/p&gt;

&lt;p&gt;BTW, If you like my posts, feel free to follow me on &lt;a href="https://www.linkedin.com/in/sylwia-laskowska-5a8467131/" rel="noopener noreferrer"&gt;Linkedin&lt;/a&gt;!&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>ai</category>
    </item>
  </channel>
</rss>
