<?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>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>
    <item>
      <title>Every Developer Is Lying About Something — And AI Won’t Fix It</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Thu, 21 May 2026 07:06:41 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/every-developer-is-lying-about-something-and-ai-wont-fix-it-4im0</link>
      <guid>https://dev.to/sylwia-lask/every-developer-is-lying-about-something-and-ai-wont-fix-it-4im0</guid>
      <description>&lt;p&gt;Yes, all of us are lying. And you are probably lying too. Let me prove it 😉&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Oh, I have so many article topics in my head right now. The really exciting kind. But this week absolutely steamrolled me 😅 I finally finished preparing my JSNation talk, and at the same time two other amazing opportunities appeared — one professional, and one that feels more like a childhood dream coming true ☺️ But I don’t want to jinx it yet.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;And just so it doesn’t sound like everything magically works out for me — I’ve also had a few CFPs rejected recently. The ones I actually cared about! But honestly? That’s just part of the game. One conference may reject your talk this year and happily accept another one from you the next.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;So yes, the really big topics will have to wait a little bit longer 🙂 Which doesn’t mean this one is trivial.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;We talk about AI everywhere now, as if it’s going to solve all our problems. But as we’ve already noticed, there’s no AI without humans, and behind every “smart” model there’s still some human being — at least for now 😉&lt;/p&gt;

&lt;p&gt;Which is probably why, in practice, coding agents do speed things up… but not nearly as much as many people expected. Some studies even suggest they slow developers down.&lt;/p&gt;

&lt;p&gt;Because the real problem is often not the code itself. The real problem is the people writing or generating that code.&lt;/p&gt;

&lt;p&gt;And unfortunately, all of us lie in one way or another. Sometimes to others. Sometimes to ourselves.&lt;/p&gt;




&lt;h2&gt;
  
  
  Some Developers Lie About Knowing What They’re Doing
&lt;/h2&gt;

&lt;p&gt;One of the best developers I know once confessed something to me.&lt;/p&gt;

&lt;p&gt;This guy is genuinely brilliant. The kind of engineer companies fight over. He currently works on optimizing drivers for LLMs, gets promoted constantly, and even in this lovely “tech crisis” era, he still had multiple job offers to choose from when he considered switching jobs.&lt;/p&gt;

&lt;p&gt;And yet, every single time he joins a new project, he feels like a complete idiot.&lt;/p&gt;

&lt;p&gt;Everybody else seems productive. People are delivering tickets. Writing code. Moving confidently through the project. Meanwhile, he sits there staring at the codebase wondering:&lt;/p&gt;

&lt;p&gt;&lt;em&gt;What exactly is happening here?&lt;/em&gt;&lt;br&gt;
&lt;em&gt;What are we even building?&lt;/em&gt;&lt;br&gt;
&lt;em&gt;Why does this work like this?&lt;/em&gt;&lt;br&gt;
&lt;em&gt;Why are we implementing it this way and not differently?&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;And then he starts asking questions.&lt;/p&gt;

&lt;p&gt;Usually, it turns out nobody really knows what they’re doing, why they’re doing it, or whether they’re even solving the right problem in the first place.&lt;/p&gt;

&lt;p&gt;It reminds me of that old joke about lumberjacks cutting down a forest. Eventually, the team leader climbs the tallest tree, looks around, and screams:&lt;/p&gt;

&lt;p&gt;“Guys! We’re cutting down the wrong forest!”&lt;/p&gt;

&lt;p&gt;And the workers below shout back:&lt;/p&gt;

&lt;p&gt;“Who cares? We’re making great progress!”&lt;/p&gt;

&lt;p&gt;And honestly, no LLM will save us here. Especially if we never even ask the right questions.&lt;/p&gt;




&lt;h2&gt;
  
  
  Others Lie About Knowing &lt;em&gt;How&lt;/em&gt; To Do Something
&lt;/h2&gt;

&lt;p&gt;This is basically an extension of the previous problem.&lt;/p&gt;

&lt;p&gt;A less experienced developer picks up a task and confidently says:&lt;br&gt;
“Yeah, I know how to do this.”&lt;/p&gt;

&lt;p&gt;Unfortunately, what they often mean is:&lt;br&gt;
“I hope I’ll somehow figure it out.” 😅&lt;/p&gt;

&lt;p&gt;In reality, they may not know how to solve the problem, which tools to use, what architecture makes sense... or even what prompt to write to get useful help from a coding agent.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;But they’re afraid to ask.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Because how will they look in front of the team? What will the manager think? The tech lead?&lt;/p&gt;

&lt;p&gt;Best-case scenario: they eventually ask questions… just way too late.&lt;/p&gt;

&lt;p&gt;Worst-case scenario: they never ask at all and deliver something completely wrong. Which often isn’t even caught properly because…&lt;/p&gt;




&lt;h2&gt;
  
  
  Someone Else Is Lying About Having Time
&lt;/h2&gt;

&lt;p&gt;Now we’re entering senior and leadership territory 😅&lt;/p&gt;

&lt;p&gt;The motivations differ. Some people build their self-worth around being “the reliable one.” Others are terrified of losing status, influence, or even their job.&lt;/p&gt;

&lt;p&gt;So they keep taking on more:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;the hardest tasks,&lt;/li&gt;
&lt;li&gt;endless meetings,&lt;/li&gt;
&lt;li&gt;refinements,&lt;/li&gt;
&lt;li&gt;estimations,&lt;/li&gt;
&lt;li&gt;discussions with support,&lt;/li&gt;
&lt;li&gt;discussions with business,&lt;/li&gt;
&lt;li&gt;code reviews,&lt;/li&gt;
&lt;li&gt;architecture decisions,&lt;/li&gt;
&lt;li&gt;documentation.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And let’s be honest. Something eventually has to break.&lt;/p&gt;

&lt;p&gt;Human beings are not made of steel. Nobody can operate at 100% forever.&lt;/p&gt;

&lt;p&gt;So what happens?&lt;br&gt;
People start half-listening during calls. Code reviews become rushed. Documentation quietly dies in a corner somewhere.&lt;/p&gt;

&lt;p&gt;But they still refuse to admit — either to others or to themselves — that they’re simply overloaded.&lt;/p&gt;




&lt;h2&gt;
  
  
  Some Developers Lie About How Long Things Will Take
&lt;/h2&gt;

&lt;p&gt;I see this constantly with more advanced juniors and mids.&lt;/p&gt;

&lt;p&gt;They throw around hilariously optimistic estimates with absolute confidence.&lt;/p&gt;

&lt;p&gt;And sure — if they could work uninterrupted for eight straight hours, the application contained no legacy code, edge cases didn’t exist, and other humans never interacted with the system… then maybe the estimate would actually be correct 😄&lt;/p&gt;

&lt;p&gt;Then sprint review arrives, and suddenly everybody is shocked that the team didn’t deliver everything.&lt;/p&gt;

&lt;p&gt;But this is not the only problem with estimations.&lt;/p&gt;

&lt;p&gt;I once worked with an especially funny senior developer.&lt;/p&gt;

&lt;p&gt;He treated estimations like sacred truth. He would aggressively defend his numbers during planning sessions, insisting that this specific task was definitely extremely complicated. The rest of the team usually suspected it wasn’t &lt;em&gt;that&lt;/em&gt; bad, but eventually we’d surrender just to end the discussion.&lt;/p&gt;

&lt;p&gt;And then — at least three separate times — he personally picked up the exact task he had massively overestimated… and finished it in about an hour.&lt;/p&gt;

&lt;p&gt;Which basically meant the estimation discussion itself took longer than implementing the feature 😅&lt;/p&gt;

&lt;p&gt;Did this experience change his behavior?&lt;/p&gt;

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




&lt;h2&gt;
  
  
  And Some Lie About Knowing Everything Best
&lt;/h2&gt;

&lt;p&gt;These are probably the most dangerous ones.&lt;/p&gt;

&lt;p&gt;I avoid people who say things like:&lt;/p&gt;

&lt;p&gt;“Use THIS technology and ONLY this technology because everything else is garbage.”&lt;/p&gt;

&lt;p&gt;Insert your favorite holy war here:&lt;br&gt;
Angular vs React, Java vs Python, Rust vs literally anything else 😄&lt;/p&gt;

&lt;p&gt;I never write like that myself. Even when I publish something titled &lt;em&gt;“I Love Tailwind. Sorry Not Sorry”&lt;/em&gt;, I still talk about its downsides and explain where it absolutely doesn’t make sense.&lt;/p&gt;

&lt;p&gt;If one day I start claiming some technology is objectively perfect for every possible situation, please leave a comment saying:&lt;/p&gt;

&lt;p&gt;“Sylwia, go touch grass immediately.” 😅&lt;/p&gt;

&lt;p&gt;Honestly, I’ve always wondered where this sense of absolute certainty comes from.&lt;/p&gt;

&lt;p&gt;Because not all of these people are even paid influencers. Some genuinely seem emotionally attached to technological holy wars. Others maybe only know one stack deeply, so everything else automatically feels “bad.”&lt;/p&gt;

&lt;p&gt;And while this behavior is very common among tech influencers, you absolutely see it inside companies too.&lt;/p&gt;

&lt;p&gt;The problem is that this kind of certainty can seriously damage projects. People stop questioning decisions. Other developers become afraid to speak up. Stakeholders assume “the confident person” must be right simply because they sound convinced.&lt;/p&gt;

&lt;p&gt;Best-case scenario: you end up with an annoying developer who knows more about frameworks than the actual business domain.&lt;/p&gt;

&lt;p&gt;Worst-case scenario: you end up with a terrible stack choice and spaghetti architecture held together by ego.&lt;/p&gt;




&lt;h2&gt;
  
  
  People Are Just… People
&lt;/h2&gt;

&lt;p&gt;Of course, I’m not innocent either.&lt;/p&gt;

&lt;p&gt;I’ve used many of these lies myself in the past. Maybe I’m older now. Maybe slightly wiser. Or maybe I just recognize these patterns more easily.&lt;/p&gt;

&lt;p&gt;But I’m definitely still lying somewhere too. Maybe not to others — maybe to myself.&lt;/p&gt;

&lt;p&gt;Because a lot of our problems in software development aren’t really technical problems at all. They’re deeply human problems:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;ego,&lt;/li&gt;
&lt;li&gt;insecurity,&lt;/li&gt;
&lt;li&gt;fear of looking stupid,&lt;/li&gt;
&lt;li&gt;fear of admitting mistakes,&lt;/li&gt;
&lt;li&gt;fear of saying “I don’t know.”&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And honestly, I don’t have some magical solution for this. We’re not going to require three years of therapy from every developer before allowing them into a sprint planning meeting 😄&lt;/p&gt;

&lt;p&gt;But I &lt;em&gt;have&lt;/em&gt; noticed one thing.&lt;/p&gt;

&lt;p&gt;Very often, admitting you don’t know something, openly discussing uncertainty during planning, or simply saying:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“Sorry, I still don’t understand this. Could you explain it one more time?”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;doesn’t make people see you as a worse developer.&lt;/p&gt;

&lt;p&gt;Quite often, the opposite happens.&lt;/p&gt;

&lt;p&gt;Suddenly communication inside the team improves. Other people start asking questions too. Conversations become more honest. Problems get discovered earlier.&lt;/p&gt;

&lt;p&gt;Seriously. Try it at least once. You might be surprised 🙂&lt;/p&gt;

&lt;p&gt;So… what kinds of developer lies do &lt;em&gt;you&lt;/em&gt; see most often in your team?&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>productivity</category>
    </item>
    <item>
      <title>4 Tiny Mistakes That Secretly Destroy App Performance</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Thu, 14 May 2026 06:04:15 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/4-tiny-mistakes-that-secretly-destroy-app-performance-3cgo</link>
      <guid>https://dev.to/sylwia-lask/4-tiny-mistakes-that-secretly-destroy-app-performance-3cgo</guid>
      <description>&lt;p&gt;Ok, I’m back from my short vacation and returning with some useful content 😄 As you know, from time to time I write posts for you in the style of articles like &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; — which I honestly love writing, and I know you enjoy them too 🙂 &lt;/p&gt;

&lt;p&gt;Today I want to approach the topic from a slightly different angle. I’m going to show you a few interesting things that might accidentally be making your app &lt;em&gt;much&lt;/em&gt; slower, even though they often look completely innocent at first glance. And the best part? Some of them can be fixed surprisingly quickly. Also, these are the kinds of issues Claude Code or Codex probably won’t immediately point out when you ask them “why is my app slow” 😅&lt;/p&gt;

&lt;p&gt;Usually, we develop our applications on powerful machines with fast CPUs, plenty of RAM, and fast internet. Unfortunately, real users often live in a completely different reality. Some of them absolutely have modern hardware, but there will &lt;em&gt;always&lt;/em&gt; be somebody using an old laptop, a cheap Android phone, weak WiFi, or mobile internet from the depths of hell 😅&lt;/p&gt;

&lt;p&gt;And suddenly it turns out your app is painfully slow for 10–30% of users.&lt;/p&gt;

&lt;p&gt;And that’s where the war for milliseconds begins 😀&lt;/p&gt;

&lt;p&gt;Every example in this article is something I either personally encountered in a real project or heard about from another developer, so these are definitely not hypothetical scenarios. Check whether some of these things are secretly happening in your own application 👀&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Meanwhile, I’m slowly preparing for my JSNation conference talk. If you want to support me (or just see me awkwardly talking in my garden 😄), you can give me a like &lt;a href="https://www.linkedin.com/posts/everyone-has-worked-with-a-legacy-app-ugcPost-7460371625947897856-z64B?utm_source=share&amp;amp;utm_medium=member_desktop&amp;amp;rcm=ACoAACBIGJABwz0qrMhjd-mEKrpauBXqa_cSD9M" rel="noopener noreferrer"&gt;here&lt;/a&gt;. And if you want to watch my full talk completely FOR FREE, you can grab a free badge &lt;a href="https://gitnation.com/badges/jsnation-2026/sylwia_laskowska_154511" rel="noopener noreferrer"&gt;here&lt;/a&gt;. HOW COOL IS THAT 😄&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;But enough self-promotion, let’s get to the point!&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Custom headers → preflight requests
&lt;/h2&gt;

&lt;p&gt;This is exactly why it’s worth attending conferences. Sometimes you hear about problems there that you would probably never randomly google yourself 😀&lt;/p&gt;

&lt;p&gt;One of my colleagues talked about this issue during his presentation. His team was trying to understand why their application felt slow for some users. Naturally, the backend was blamed first. Poor backend, as always 😅&lt;/p&gt;

&lt;p&gt;But eventually they noticed something interesting in the network tab: &lt;code&gt;OPTIONS&lt;/code&gt; requests appearing before almost every API call. Some of them were taking hundreds of milliseconds.&lt;/p&gt;

&lt;p&gt;So what exactly is happening here?&lt;/p&gt;

&lt;p&gt;This is related to CORS. Browsers sometimes send an additional &lt;code&gt;OPTIONS&lt;/code&gt; request before the actual API call. This is called a preflight request and usually happens for “non-simple” requests — for example when using methods like &lt;code&gt;PUT&lt;/code&gt; or &lt;code&gt;DELETE&lt;/code&gt;, but also when adding custom headers.&lt;/p&gt;

&lt;p&gt;And yes, even a completely innocent &lt;code&gt;GET&lt;/code&gt; request can suddenly become &lt;em&gt;two&lt;/em&gt; network calls because somebody added &lt;code&gt;X-Feature-Whatever&lt;/code&gt; three years ago 😅&lt;/p&gt;

&lt;p&gt;In their case, the funniest part was that the custom header wasn’t even used anymore. It was some ancient historical leftover from years earlier. Nobody knew why it existed. Nobody questioned it. It simply survived every refactor like an immortal enterprise relic 😀&lt;/p&gt;

&lt;p&gt;If you’re curious, I actually prepared (together with Claude Code 😅) a small repo showing this behavior here:&lt;br&gt;
&lt;a href="https://github.com/sylwia-lask/preflight-options" rel="noopener noreferrer"&gt;https://github.com/sylwia-lask/preflight-options&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Let's see the screens (please appreciate my high graphic skills!):&lt;/p&gt;

&lt;p&gt;GET request without custom header:&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%2Fan1gvvc65916s5c2z6rx.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%2Fan1gvvc65916s5c2z6rx.png" alt="GET request without custom header" width="800" height="365"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;GET request with custom header:&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%2Fq92ohavn47hz1gsu2emf.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%2Fq92ohavn47hz1gsu2emf.png" alt="GET request with custom header containing preflight request" width="800" height="372"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And honestly, this kind of thing happens &lt;em&gt;all the time&lt;/em&gt; in large projects. Somebody adds a custom header for feature flags, debugging, localization, analytics, or “temporary” metadata… and then the header survives for the next four years.&lt;/p&gt;

&lt;p&gt;Of course, sometimes custom headers are completely justified. But if you only use them for frontend-only logic, there are often better alternatives like query params, cookies, local state, or configuration endpoints fetched once during startup.&lt;/p&gt;

&lt;p&gt;Individually, one extra request may not look catastrophic. But if your app performs dozens of calls during startup, especially on slower mobile connections, this suddenly becomes very noticeable.&lt;/p&gt;
&lt;h2&gt;
  
  
  2. Code splitting that does absolutely nothing
&lt;/h2&gt;

&lt;p&gt;Sometimes the problem isn’t the network itself but the gigantic JavaScript bundle we load during startup. And this is usually the moment where everybody says:&lt;/p&gt;

&lt;p&gt;“But how? We’re already doing code splitting! We use lazy loading everywhere!”&lt;/p&gt;

&lt;p&gt;Yeah… about that 😄&lt;/p&gt;

&lt;p&gt;I once audited an Angular application that looked very well structured at first glance. It had modules everywhere, lazy loading, proper architecture, all the “best practices.”&lt;/p&gt;

&lt;p&gt;And yet the application loaded painfully slowly.&lt;/p&gt;

&lt;p&gt;Fortunately, we have tools like &lt;code&gt;webpack-bundle-analyzer&lt;/code&gt;, &lt;code&gt;source-map-explorer&lt;/code&gt;, &lt;code&gt;rollup-plugin-visualizer&lt;/code&gt;, or &lt;code&gt;@next/bundle-analyzer&lt;/code&gt; that allow us to see what’s &lt;em&gt;actually&lt;/em&gt; happening inside our bundles.&lt;/p&gt;

&lt;p&gt;And what did we discover?&lt;/p&gt;

&lt;p&gt;Yes, the application was split into modules…&lt;/p&gt;

&lt;p&gt;…except each module was like 2 KB 😅&lt;/p&gt;

&lt;p&gt;Because almost everything important lived inside one gigantic shared module that was imported absolutely everywhere, meaning most of the application still ended up inside the main bundle anyway 😀&lt;/p&gt;

&lt;p&gt;Congratulations, your app is now split into 400 beautifully separated files that all load at startup.&lt;/p&gt;

&lt;p&gt;This is also not the only weird case I’ve seen. I’ve already encountered situations where the app technically “lazy loaded” modules while still downloading almost the entire application every single time 😄&lt;/p&gt;

&lt;p&gt;For example, something like this looks perfectly fine:&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="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;path&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;admin&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="nx"&gt;loadChildren&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="k"&gt;import&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;./admin/admin.module&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;then&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;m&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;m&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;AdminModule&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;Looks clean. Looks modern. Looks optimized.&lt;/p&gt;

&lt;p&gt;Until you discover that &lt;code&gt;AdminModule&lt;/code&gt; imports a massive shared module containing half the application 😅&lt;/p&gt;

&lt;p&gt;So yeah — just because you use &lt;code&gt;import()&lt;/code&gt; or lazy modules does &lt;em&gt;not&lt;/em&gt; automatically mean your bundles are healthy. Always check what is actually being downloaded by the browser.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Unnecessary runtime dependencies
&lt;/h2&gt;

&lt;p&gt;This is another extremely common problem, especially in projects where nobody really controls what npm packages people install 😅&lt;/p&gt;

&lt;p&gt;In my current project, importing a new dependency is practically treated like a sacred ritual that requires approval from the wisest architects of the kingdom (which basically means me and two or three coworkers 😀). But in many projects, people install libraries completely thoughtlessly.&lt;/p&gt;

&lt;p&gt;And then suddenly your application contains:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;three analytics SDKs,&lt;/li&gt;
&lt;li&gt;two date libraries,&lt;/li&gt;
&lt;li&gt;all Moment.js locales,&lt;/li&gt;
&lt;li&gt;the entire Lodash package because somebody needed one utility function,&lt;/li&gt;
&lt;li&gt;Firebase imported globally,&lt;/li&gt;
&lt;li&gt;three icon packs,&lt;/li&gt;
&lt;li&gt;and some “tiny lightweight helper package” that quietly imports half the internet 😀&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I once saw an application loading three different date libraries at the same time. The funniest part? The app barely even handled dates 😅 Apparently every developer simply had their own preferred religion.&lt;/p&gt;

&lt;p&gt;Another classic example is importing Lodash like this:&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;import&lt;/span&gt; &lt;span class="nx"&gt;_&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;lodash&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;instead of:&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;import&lt;/span&gt; &lt;span class="nx"&gt;debounce&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;lodash/debounce&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;The difference may look small, but over time these things accumulate &lt;em&gt;a lot&lt;/em&gt;. Especially in enterprise applications that grow for years.&lt;/p&gt;

&lt;p&gt;And unfortunately, tree shaking is not magic 😅&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Huge background images
&lt;/h2&gt;

&lt;p&gt;This one sounds almost too obvious, right?&lt;/p&gt;

&lt;p&gt;Everybody already knows giant images are bad.&lt;/p&gt;

&lt;p&gt;…except people still keep shipping giant images 😄&lt;/p&gt;

&lt;p&gt;Recently, during the WeAreDevelopers podcast, we discussed which government websites loaded the fastest. Surprisingly, the UK completely dominated everybody else. Why? I’ll probably write a separate article about this later, but generally speaking, the site was just extremely simple. Very little visual noise, lots of informational text, simple layout, SSR, minimal unnecessary assets.&lt;/p&gt;

&lt;p&gt;The second fastest was the US government website.&lt;/p&gt;

&lt;p&gt;It followed almost exactly the same principles… except it loaded a fancy large image during startup 😅&lt;/p&gt;

&lt;p&gt;And suddenly the large contentful paint became noticeably worse.&lt;/p&gt;

&lt;p&gt;The funny thing about large background images is that they often look harmless on developer hardware with fast internet. But on slower devices they can absolutely destroy perceived performance.&lt;/p&gt;

&lt;p&gt;Fortunately, there are many ways to improve this: use AVIF or WebP, compress aggressively, avoid massive hero images above the fold, lazy load non-critical visuals, and preload only truly critical assets.&lt;/p&gt;

&lt;p&gt;And honestly?&lt;/p&gt;

&lt;p&gt;Sometimes the fastest image is simply… no image 😀&lt;/p&gt;

&lt;h2&gt;
  
  
  Final thought
&lt;/h2&gt;

&lt;p&gt;Application optimization is obviously an endless topic, and this article only scratches the surface. But I think one of the most important things to understand is that performance problems are often death by a thousand cuts.&lt;/p&gt;

&lt;p&gt;One unnecessary header.&lt;/p&gt;

&lt;p&gt;One oversized dependency.&lt;/p&gt;

&lt;p&gt;One “temporary” shared module.&lt;/p&gt;

&lt;p&gt;One background image nobody questioned.&lt;/p&gt;

&lt;p&gt;Individually, none of these things look catastrophic. Together, they create an application that feels sluggish — especially on older devices or slower mobile networks.&lt;/p&gt;

&lt;p&gt;And the really scary part?&lt;/p&gt;

&lt;p&gt;Most of these decisions looked perfectly reasonable when they were originally introduced 😅&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>angular</category>
      <category>react</category>
      <category>frontend</category>
    </item>
    <item>
      <title>I Love Tailwind. Sorry Not Sorry</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Mon, 04 May 2026 08:54:09 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/i-love-tailwind-sorry-not-sorry-5cfh</link>
      <guid>https://dev.to/sylwia-lask/i-love-tailwind-sorry-not-sorry-5cfh</guid>
      <description>&lt;p&gt;I’m going on a short vacation this week, so this post is coming out a bit earlier than usual. I actually had a different, more “useful” topic in mind — something educational, something responsible. But then I came across this fascinating article: &lt;a href="https://dev.to/freshcaffeine/i-dont-like-tailwind-sorry-not-sorry-50b5"&gt;I don’t like Tailwind. Sorry not sorry&lt;/a&gt; written by &lt;a class="mentioned-user" href="https://dev.to/freshcaffeine"&gt;@freshcaffeine&lt;/a&gt; , and I couldn’t get it out of my head.&lt;/p&gt;

&lt;p&gt;So I decided to write a response instead.&lt;br&gt;
Useful content will have to wait 😄&lt;/p&gt;

&lt;p&gt;I actually agree with many of the points in the original article — especially around learning fundamentals. I just have a different perspective shaped by a different kind of work.&lt;/p&gt;

&lt;p&gt;Let me start with a small disclaimer: I’ve written a lot — and I mean &lt;em&gt;a lot&lt;/em&gt; — of handcrafted CSS in my life. Entire design systems. In fact, I got my first job in IT mostly thanks to my CSS skills, because my programming skills at the time were… let’s say “a work in progress” 😉&lt;/p&gt;

&lt;p&gt;There was even a period when I made extra money building simple websites for clients. People literally paid me for delivering clean, aesthetic CSS. &lt;/p&gt;

&lt;p&gt;So in theory, I should be the first person to defend handcrafted CSS and criticize Tailwind for polluting HTML.&lt;/p&gt;

&lt;p&gt;And yet… I’m not.&lt;/p&gt;

&lt;p&gt;Despite all its flaws, I love Tailwind. Deeply, sincerely, and yes — unapologetically.&lt;br&gt;
Because it gives us something incredibly valuable in real-world development: &lt;strong&gt;speed and predictability&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Pumpkin pie: homemade or store-bought?
&lt;/h2&gt;

&lt;p&gt;The author of the original article uses a pumpkin pie analogy. Handcrafted CSS is like baking a pie from scratch — roasting the pumpkin, making the dough, carefully preparing everything with love. Tailwind, on the other hand, is like using pre-made ingredients. You open a can, use ready-made crust, assemble everything quickly. Sure, it’s still a pie, but not quite like the one your grandma would make.&lt;/p&gt;

&lt;p&gt;It’s a nice analogy. It really is.&lt;/p&gt;

&lt;p&gt;The problem is — most businesses are not running artisan bakeries.&lt;br&gt;
They’re running factories.&lt;br&gt;
And those factories aren’t even in the pie business.&lt;/p&gt;

&lt;p&gt;In reality, business rarely needs a handcrafted pie. Honestly, it often doesn’t even need a “semi-handmade” one. What it really wants is mass production: something that’s sweet enough, looks good enough, doesn’t cause stomachache, and can be delivered fast. If you can add a small decorative touch on top to make it feel slightly more unique — great. But even that is optional.&lt;/p&gt;

&lt;p&gt;And there’s no point being offended by this. We can absolutely build beautiful, handcrafted CSS when we want to. But most of the time, businesses choose speed — because they are selling a product, not CSS.&lt;/p&gt;

&lt;p&gt;I’m not building a piece of art.&lt;br&gt;
I’m building software that five teams won’t break next week.&lt;/p&gt;




&lt;h2&gt;
  
  
  Repetition isn’t always a bug
&lt;/h2&gt;

&lt;p&gt;One of the arguments against Tailwind is that everything starts to look the same. And honestly — that’s true.&lt;/p&gt;

&lt;p&gt;But here’s the thing: very often, that’s exactly what the client wants.&lt;/p&gt;

&lt;p&gt;Back when I was building websites for clients, the happiest ones were those who got three templates to choose from and a bit of customization on top. They didn’t want a masterpiece. They wanted something clean, modern, and effective — something that sells.&lt;/p&gt;

&lt;p&gt;Tailwind is often simply &lt;em&gt;good enough&lt;/em&gt; for that.&lt;/p&gt;

&lt;p&gt;And in many cases, &lt;strong&gt;good enough delivered fast beats perfect delivered late&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  “Messy HTML”
&lt;/h2&gt;

&lt;p&gt;Yes — if you just throw classes around randomly, your HTML will look messy.&lt;/p&gt;

&lt;p&gt;But let’s be honest: if we’re “craft-oriented developers,” we can organize our components properly, right? In real projects, that long Tailwind class list usually lives inside a component anyway. You don’t copy-paste that everywhere.&lt;/p&gt;

&lt;p&gt;Also:&lt;/p&gt;

&lt;p&gt;HTML is “noisy”? Sure.&lt;br&gt;
But at least the rules are right next to what they affect.&lt;/p&gt;

&lt;p&gt;I’ve seen plenty of “beautiful” CSS codebases where styling logic was scattered across multiple files, overridden in unexpected places, and impossible to trace without jumping through five layers of abstraction. I’ll take explicit over “hidden magic” any day.&lt;/p&gt;




&lt;h2&gt;
  
  
  Junior developers and “not learning CSS”
&lt;/h2&gt;

&lt;p&gt;I actually agree with one part: Tailwind doesn’t replace learning CSS. I even wrote about that in my article: &lt;a href="https://dev.to/sylwia-lask/is-learning-css-a-waste-of-time-in-2026-nj3"&gt;Is Learning CSS a Waste of Time in 2026?&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;But the argument that Tailwind is somehow “hurting juniors” always makes me smile a bit.&lt;/p&gt;

&lt;p&gt;On one hand, we have mass layoffs in tech and endless discussions about AI replacing developers. On the other, we worry that juniors might not learn CSS because things are… too easy?&lt;/p&gt;

&lt;p&gt;Let’s be real for a second.&lt;/p&gt;

&lt;p&gt;“Junior” doesn’t mean “child.” These are adults. If someone wants to grow as a frontend developer, learning CSS is part of the job. It’s not some hidden, mystical knowledge. And we don’t need to choose our entire tech stack based on making things harder just so people are forced to learn.&lt;/p&gt;

&lt;p&gt;Also — I’ve seen plenty of experienced developers who still struggle with CSS after years in the industry. At that point, I’d honestly rather have them use Tailwind and ship something consistent than fight yet another specificity war.&lt;/p&gt;

&lt;p&gt;Tailwind doesn’t create bad developers.&lt;br&gt;
Lack of fundamentals does.&lt;/p&gt;




&lt;h2&gt;
  
  
  About “craft”
&lt;/h2&gt;

&lt;p&gt;There’s this idea that writing CSS is a form of craftsmanship — something closer to art, something deeply satisfying.&lt;/p&gt;

&lt;p&gt;And yes, it can be.&lt;/p&gt;

&lt;p&gt;But the last few years — especially with the rise of LLMs — have made it pretty clear where our “craft” actually sits in the bigger picture. In most business applications, CSS is not art. It’s not painting. It’s not sculpture.&lt;/p&gt;

&lt;p&gt;It’s closer to baking pumpkin pies at scale.&lt;/p&gt;

&lt;p&gt;There will always be places where handcrafted work matters — just like there are bakeries selling beautiful, artisanal cakes. But if you’re selling paper clips and organizing a corporate event, you’re probably not baking everything from scratch. You’re ordering something decent that gets the job done.&lt;/p&gt;

&lt;p&gt;And that’s fine.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why I actually like Tailwind
&lt;/h2&gt;

&lt;p&gt;Let’s be clear — Tailwind is not perfect. It has trade-offs.&lt;/p&gt;

&lt;p&gt;But it solves very real problems.&lt;/p&gt;

&lt;p&gt;It gives you:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;speed&lt;/strong&gt; — you don’t context-switch between files every 10 seconds&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;predictability&lt;/strong&gt; — no guessing what some class name means&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;consistency&lt;/strong&gt; — especially across large teams&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;simple selectors&lt;/strong&gt; — which are often easier for browsers to process than deeply nested CSS&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;less dead code&lt;/strong&gt; — thanks to modern build setups&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And most importantly:&lt;/p&gt;

&lt;p&gt;It removes ambiguity.&lt;/p&gt;

&lt;p&gt;The real problem in large codebases isn’t that CSS isn’t “beautiful” enough.&lt;br&gt;
It’s that it becomes inconsistent, fragile, and slow to evolve.&lt;/p&gt;

&lt;p&gt;I’ve never seen a project fail because CSS wasn’t handcrafted enough.&lt;br&gt;
I’ve seen plenty fail because things were inconsistent and took forever to build.&lt;/p&gt;




&lt;h2&gt;
  
  
  When handcrafted CSS still makes sense
&lt;/h2&gt;

&lt;p&gt;I don’t think Tailwind (or something similar) should replace handcrafted CSS everywhere.&lt;/p&gt;

&lt;p&gt;There are cases where writing CSS by hand is not just useful — it’s the better choice.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Design systems and shared UI foundations&lt;/strong&gt; — where you need full control and long-term consistency&lt;br&gt;
&lt;strong&gt;Highly custom or experimental UI&lt;/strong&gt; — where utility classes start to fight you instead of helping&lt;br&gt;
&lt;strong&gt;Performance-critical interfaces&lt;/strong&gt; — where you want precise control over what gets shipped&lt;br&gt;
&lt;strong&gt;Learning and understanding the fundamentals&lt;/strong&gt; — because at some point, abstractions always leak&lt;/p&gt;




&lt;h2&gt;
  
  
  Final thoughts
&lt;/h2&gt;

&lt;p&gt;Tailwind isn’t about replacing CSS.&lt;br&gt;
It’s about making frontend development survivable at scale.&lt;/p&gt;

&lt;p&gt;And no — this post is not sponsored by Tailwind. (But if someone from Tailwind happens to read this… feel free to reach out 😄)&lt;/p&gt;

&lt;p&gt;And what do you guys think? Are you Team Tailwind or more into 'craft' CSS? Or maybe something in between?&lt;/p&gt;

&lt;p&gt;Thanks for reading! If you enjoyed this post, I'd love to have you follow me here 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>css</category>
      <category>tailwindcss</category>
      <category>frontend</category>
      <category>discuss</category>
    </item>
    <item>
      <title>Is Software Development Just a Side Quest? A Jira Story</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Thu, 30 Apr 2026 06:01:20 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/is-software-development-just-a-side-quest-a-jira-story-4ng3</link>
      <guid>https://dev.to/sylwia-lask/is-software-development-just-a-side-quest-a-jira-story-4ng3</guid>
      <description>&lt;p&gt;How much time did you spend this week moving tickets in Jira (or other tracking tool) instead of actually coding?&lt;/p&gt;

&lt;p&gt;I sometimes have this feeling that my main job is not development anymore — it’s just moving things between columns.&lt;/p&gt;

&lt;p&gt;I always say that a software developer, by nature, is lazy. That’s why we became developers in the first place — to automate everything. So maybe expecting us to not only do our actual work, but also carefully maintain every single detail in Jira… is a bit optimistic.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Quick “what’s up with me” section. My recent article&lt;br&gt;
&lt;a href="https://dev.to/sylwia-lask/most-apps-are-slower-than-they-need-to-be-heres-why-live-demo-2hh8"&gt;Most Apps are Slower Than They Need To Be&lt;/a&gt;&lt;br&gt;
ended up going way beyond DEV — different newsletters, and it even got me invited to a podcast at &lt;a href="https://www.youtube.com/watch?v=qE4QmV1EIDc" rel="noopener noreferrer"&gt;WeAreDevelopers&lt;/a&gt; 🎤 First podcast in my life. Chaos, tangents… pretty much 100% me 😅&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;And here’s a fun part: the technical article that opened those doors had almost 6x fewer views than this one:&lt;br&gt;
&lt;a href="https://dev.to/sylwia-lask/youre-a-real-software-developer-only-if-2mo8"&gt;You're a Real Software Developer Only If...&lt;/a&gt; Well, turns out we all enjoy a good laugh more than GPU acceleration demos. Can’t argue with reality 😄&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Anyway, back to the topic.&lt;/p&gt;

&lt;p&gt;I’m a senior developer. Not officially a tech lead in my current company, but in practice I do a lot of that work, next to coding. Coordinating developers' work, answering questions, helping unblock people. And it’s not just the team — there are stakeholders, testers, other teams.&lt;/p&gt;

&lt;p&gt;And the app? It’s a government system. So if something breaks, it’s not “oh no, someone couldn’t watch a show” (haha yes, I'm refering to &lt;a class="mentioned-user" href="https://dev.to/adamthedeveloper"&gt;@adamthedeveloper&lt;/a&gt; and his famous &lt;a href="https://dev.to/adamthedeveloper/youre-not-building-netflix-stop-coding-like-you-are-1707"&gt;You're Not Building Netflix&lt;/a&gt; post 😁). The consequences can be very real.&lt;/p&gt;

&lt;p&gt;After a day like that, the last thing I feel like doing is carefully updating every field in Jira.&lt;/p&gt;

&lt;p&gt;Don’t get me wrong — I actually like having a tracking tool. I can’t imagine working without one, especially in a bigger team. Tasks need to exist somewhere, priorities need to be visible, things shouldn’t disappear into Slack threads.&lt;/p&gt;

&lt;p&gt;I also create tickets myself all the time, or ask for them to be created. I want things tracked. I want a history. I want clarity.&lt;/p&gt;

&lt;p&gt;But for me, a ticket should have three states: todo, in progress, done.&lt;/p&gt;

&lt;p&gt;Everything else is… negotiable.&lt;/p&gt;

&lt;p&gt;Stories? Epics? Fine. If it helps someone manage the process, I can live with that.&lt;/p&gt;

&lt;p&gt;But then come the extra fields. The additional statuses. The “just one more thing” because it will make the report nicer. Because the burn-down chart will look better. Because someone somewhere wants a cleaner dashboard.&lt;/p&gt;

&lt;p&gt;And slowly, without really noticing, we turn Jira into something that requires more mental effort than the actual development.&lt;/p&gt;

&lt;p&gt;We’re basically the boiling frog at this point. One more field. One more status. One more small tweak. Until suddenly nobody really knows what goes where anymore, what needs to be updated, and why.&lt;/p&gt;

&lt;p&gt;And then, of course, developers get blamed for “not keeping Jira up to date”.&lt;/p&gt;

&lt;p&gt;At some point it starts feeling like development itself is just a side quest. If we didn’t have to deal with code at all, imagine how perfect our Jira boards could be. Beautiful burn-down charts. Perfectly filled tickets. Absolute harmony 😄&lt;/p&gt;

&lt;p&gt;The funny thing is — the best developers I know are often the ones who engage with this the least. Not because they don’t care, but because their focus is somewhere else. On solving real problems.&lt;/p&gt;

&lt;p&gt;I’m still managing it somehow. But I definitely feel the friction.&lt;/p&gt;

&lt;p&gt;So I’m curious — is it just me?&lt;/p&gt;

&lt;p&gt;Do you also feel this kind of frustration sometimes? Or did you actually manage to find a system that works without turning Jira into a full-time job?&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>productivity</category>
    </item>
    <item>
      <title>If AI Existed in 2011, Would We Still Have the Modern Web?</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Wed, 22 Apr 2026 08:04:46 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/if-ai-existed-in-2011-would-we-still-have-the-modern-web-408g</link>
      <guid>https://dev.to/sylwia-lask/if-ai-existed-in-2011-would-we-still-have-the-modern-web-408g</guid>
      <description>&lt;p&gt;Imagine it’s 2011. The web is mostly server-rendered PHP templates, maybe a bit of jQuery if you’re feeling fancy, or sometimes no JavaScript at all. Interactivity is limited, everything is a request-response loop, and the idea of complex client-side apps isn’t really mainstream yet. It works, it’s predictable, and honestly… nobody is panicking 😄&lt;/p&gt;

&lt;p&gt;Now imagine that into this world, suddenly, we drop modern AI. Not some early experimental models, but something close to what we have today — &lt;strong&gt;LLMs, coding agents, tools that generate entire features from prompts&lt;/strong&gt;. Codex, Claude Code, all that magic. The kind of tools that can scaffold half your app before you even finish your coffee ☕&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Quick side note before I continue, because I’m way too excited not to mention this 😄 I’ll be speaking at JSNation 2026, which still feels a bit surreal. It’s one of those conferences where all the big JavaScript minds show up… and apparently also me 😉&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Don’t worry though — I won’t bring shame to the DEV community 😅 I’m bringing my talk “Rewrite or Refactor? How to Safely Move Legacy Apps to Modern Frameworks,” which I’ve already tested on stage. If you’re curious, you'll be able to watch it here: &lt;a href="https://gitnation.com/badges/jsnation-2026/sylwia_laskowska_154511" rel="noopener noreferrer"&gt;https://gitnation.com/badges/jsnation-2026/sylwia_laskowska_154511&lt;/a&gt;. And honestly, even if you’re not a frontend dev but you like my articles, you’ll probably enjoy it anyway — it’s basically a “spoken article” 😄&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Also, to celebrate, I bought a non-alcoholic beer and somehow woke up feeling like I had a huge hangover. So yes, new achievement unlocked.&lt;/em&gt;&lt;/p&gt;




&lt;p&gt;So back to the thought experiment. What actually happens next? Do we accelerate into the modern web faster, because suddenly everyone has a superpowered assistant? Or do we get something much less exciting — &lt;strong&gt;a world where AI keeps reinforcing what already works&lt;/strong&gt; and we never quite feel the need to move beyond it?&lt;/p&gt;

&lt;p&gt;Because here’s the uncomfortable question: &lt;strong&gt;what if AI doesn’t accelerate progress as much as we think… but instead quietly stabilizes it? 👀&lt;/strong&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  AI Is Brilliant — As Long As You Stay on Known Ground
&lt;/h2&gt;

&lt;p&gt;I’m not an AI expert, and I’m not going to pretend I am. I use LLMs daily, I know what RAG is, I understand inference, matrix multiplication, sampling — enough to work with it comfortably. But I never really thought about AI in terms of shaping the &lt;em&gt;direction&lt;/em&gt; of technology, not just speeding it up.&lt;/p&gt;

&lt;p&gt;That changed when I started working more with WebAssembly and WebGPU. And something became obvious pretty quickly.&lt;/p&gt;

&lt;p&gt;LLMs are extremely good at things like Rust, standard frontend work, typical patterns — &lt;strong&gt;anything with lots of existing examples&lt;/strong&gt;. You ask for a simple feature, like downloading an image, and you get clean, idiomatic code almost instantly. It honestly feels like cheating 😄&lt;/p&gt;

&lt;p&gt;But the moment you move into newer territory, like WebGPU and WGSL shaders, things start to break down. Mistakes become frequent, assumptions are off, APIs get mixed up. You stop trusting the output and go back to manual coding, debugging everything yourself like it’s 2010 again.&lt;/p&gt;

&lt;p&gt;And it’s not because AI is “bad.” It’s because &lt;strong&gt;it simply hasn’t seen enough of it&lt;/strong&gt;. WGSL has only been around since roughly 2021. Compared to decades of web dev patterns, that’s basically nothing.&lt;/p&gt;




&lt;h2&gt;
  
  
  AI Optimizes for What Exists
&lt;/h2&gt;

&lt;p&gt;This is where the whole thing flips a bit. We like to think AI helps us write better code and make smarter decisions. But in practice, &lt;strong&gt;it mostly guides us toward what is most common, most represented, most reinforced by data&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;It doesn’t think like a senior engineer. It doesn’t evaluate trade-offs or long-term consequences. &lt;strong&gt;It pattern-matches.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;That’s why it will often default to React on the frontend — not because it’s always the best choice, but because it’s everywhere. Angular or Vue might be a better fit in some cases, but AI doesn’t “prefer” them. It just hasn’t seen them as much.&lt;/p&gt;

&lt;p&gt;If you’re experienced, you catch this and adjust. But if you’re tired, under pressure, or just want to get things done (so… most of us most of the time 😅), you go with what it gives you. It works, it compiles, ship it.&lt;/p&gt;

&lt;p&gt;And that’s the subtle shift: &lt;strong&gt;AI isn’t just helping you code — it’s quietly influencing how we all code.&lt;/strong&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  From Exploration to Convenience
&lt;/h2&gt;

&lt;p&gt;Before AI, web development was rarely about comfort. It was about pain 😄&lt;/p&gt;

&lt;p&gt;PHP templates worked — until they didn’t. We needed interactivity, so we started hacking things with JavaScript. Then jQuery appeared to manage the chaos. Then SPAs happened, because managing state on the client became unavoidable. Frameworks evolved, patterns evolved, everything kept moving forward.&lt;/p&gt;

&lt;p&gt;There was always friction. And that friction forced people to think, experiment, and sometimes try things that weren’t yet mainstream.&lt;/p&gt;

&lt;p&gt;Now imagine removing most of that friction. You can get a working solution almost instantly, without digging too deep. And when that happens, something subtle shifts. You stop asking &lt;strong&gt;“is this the best way?”&lt;/strong&gt; and start asking &lt;strong&gt;“does this already work?”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;And once that mindset kicks in, exploration slowly starts to disappear.&lt;/p&gt;




&lt;h2&gt;
  
  
  Cognitive Miser Meets AI
&lt;/h2&gt;

&lt;p&gt;There’s also a very human factor here. We’re what psychologists call “cognitive misers,” which basically means we avoid unnecessary thinking whenever possible. If there’s an easier path, we take it.&lt;/p&gt;

&lt;p&gt;AI is the ultimate easy path — which is exactly why it’s so powerful 😄&lt;/p&gt;

&lt;p&gt;But it also creates a feedback loop. AI suggests common solutions, developers implement them, those solutions become even more common, and AI becomes even more confident in suggesting them again.&lt;/p&gt;

&lt;p&gt;Breaking out of that loop requires effort. And effort is exactly what we’re trying to avoid when using AI in the first place.&lt;/p&gt;




&lt;h2&gt;
  
  
  Back to 2011
&lt;/h2&gt;

&lt;p&gt;So let’s go back to that original scenario. You’re a developer in 2011, building a web app. You have access to a powerful AI assistant trained on everything that existed at the time: PHP templates, early JavaScript, server-side rendering patterns.&lt;/p&gt;

&lt;p&gt;You ask it how to build a feature, and it gives you a clean, working solution — in PHP. It’s fast, it’s familiar, and it solves your problem.&lt;/p&gt;

&lt;p&gt;Would you really push for a completely new paradigm, like client-side apps? Would you experiment with something that doesn’t yet exist, when the current approach already works and is fully supported by your tools?&lt;/p&gt;

&lt;p&gt;Or would you just… ship? 😄&lt;/p&gt;

&lt;p&gt;If enough people choose to just ship, something interesting happens. Not a dramatic collapse — just a quiet lack of movement.&lt;/p&gt;

&lt;p&gt;And suddenly, &lt;strong&gt;the future doesn’t get built as quickly as it could have.&lt;/strong&gt;&lt;/p&gt;




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

&lt;p&gt;I don’t think AI will replace developers. That’s the obvious discussion, and honestly, the less interesting one.&lt;/p&gt;

&lt;p&gt;The more interesting possibility is that &lt;strong&gt;AI makes us extremely efficient at continuing in the same direction we’re already going.&lt;/strong&gt; Not because it’s wrong, but because it’s shaped by the past and optimized around it.&lt;/p&gt;

&lt;p&gt;And if we’re not careful, we might start optimizing everything — our tools, our workflows, even our decisions — &lt;strong&gt;around what already exists, instead of pushing toward what doesn’t yet.&lt;/strong&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  A Different Perspective
&lt;/h2&gt;

&lt;p&gt;On the other hand… when it comes to innovation, things are accelerating like crazy. New ideas are moving faster than ever. What used to take years now happens in months.&lt;/p&gt;

&lt;p&gt;But innovation has always been driven by a relatively small group — the ones exploring new tools and pushing boundaries.&lt;/p&gt;

&lt;p&gt;The rest of us?&lt;/p&gt;

&lt;p&gt;We sit down every day and work with what’s already there. Stable, supported, well-documented. The kind of stack AI understands really well.&lt;/p&gt;

&lt;p&gt;So yes — innovation is speeding up. But at the same time, AI might be making it easier than ever for everyone else to stay exactly where they are.&lt;/p&gt;

&lt;p&gt;And that’s exactly why I hope I’m wrong.&lt;/p&gt;




&lt;p&gt;So now I’m really curious — what do you think?&lt;/p&gt;

&lt;p&gt;If AI had existed in 2011, would we have built the modern web faster… or would we still be comfortably sitting in &lt;code&gt;index.php&lt;/code&gt;? 😄&lt;/p&gt;




&lt;p&gt;&lt;em&gt;If you made it this far, maybe consider giving me a like or even a follow on &lt;br&gt;
&lt;a href="https://www.linkedin.com/posts/sylwia-laskowska-5a8467131_jsnation-share-7452279325313179648-xQfn?utm_source=share&amp;amp;utm_medium=member_desktop&amp;amp;rcm=ACoAACBIGJABwz0qrMhjd-mEKrpauBXqa_cSD9M" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; 🙂&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;I’ll admit — I’m definitely not a LinkedIn master 😄 My reach there isn’t amazing (I usually just post links to my articles, often with a delay xD). But I think I might have an idea for some shorter-form content there…&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>discuss</category>
      <category>programming</category>
    </item>
    <item>
      <title>Most Apps Are Slower Than They Need to Be — Here’s Why (Live Demo🛸)</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Thu, 16 Apr 2026 07:05:26 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/most-apps-are-slower-than-they-need-to-be-heres-why-live-demo-2hh8</link>
      <guid>https://dev.to/sylwia-lask/most-apps-are-slower-than-they-need-to-be-heres-why-live-demo-2hh8</guid>
      <description>&lt;p&gt;We’re a quarter into the 21st century, and the browser has quietly evolved into something much more than just a UI layer. It can run complex computations, leverage the GPU, process audio, simulate physics, and even run machine learning models. And yet… most of the time, we still treat it like a tool for forms and dashboards.&lt;/p&gt;

&lt;p&gt;I wanted to show what happens when we actually take advantage of what the platform already gives us.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;The jsday conference in Bologna has just come to an end, and it was honestly amazing. If you’re wondering whether it’s worth attending events like this — it absolutely is. It’s an endless source of inspiration, far beyond what you get from articles or tutorials. If you have a minute, I’d really appreciate a like on my &lt;a href="https://www.linkedin.com/posts/sylwia-laskowska-5a8467131_a-week-ago-i-was-in-bologna-at-jsday-and-ugcPost-7449401735439171586-vVn5?utm_source=share&amp;amp;utm_medium=member_desktop&amp;amp;rcm=ACoAACBIGJABwz0qrMhjd-mEKrpauBXqa_cSD9M" rel="noopener noreferrer"&gt;LinkedIn post&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&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%2F5vww16ej6l6yf8agrwip.jpg" alt="Woman speaking at converence" width="800" height="800"&gt;&lt;/th&gt;
&lt;th&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%2Ftir3m191i8xtstkjdyr5.jpg" alt="Woman standing near conference banner" width="800" height="800"&gt;&lt;/th&gt;
&lt;th&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%2Fv1e6dk1qlw17hoiebyqa.jpg" alt="Icecream" width="800" height="1067"&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;If you’ve been following my posts, you probably know that my talk was about WebGPU and WebAssembly, and what we can gain by using them in the browser.&lt;/p&gt;

&lt;p&gt;So what are these two technologies, and why does it make more sense to talk about them together rather than separately?&lt;/p&gt;

&lt;p&gt;They are complementary by design. WebAssembly runs on the CPU and allows us to execute low-level, compiled code directly in the browser. WebGPU, as the name suggests, gives us access to the GPU — not in some abstracted, limited way, but in a relatively direct and powerful form.&lt;/p&gt;

&lt;p&gt;If you want a deeper dive, I’ve written more about them here:&lt;br&gt;
WASM → &lt;a href="https://dev.to/sylwia-lask/will-webassembly-kill-javascript-lets-find-out-live-demo-43ln"&gt;https://dev.to/sylwia-lask/will-webassembly-kill-javascript-lets-find-out-live-demo-43ln&lt;/a&gt;&lt;br&gt;
WebGPU → &lt;a href="https://dev.to/sylwia-lask/why-webgpu-feels-like-the-future-of-the-web-live-demo--2bjh"&gt;https://dev.to/sylwia-lask/why-webgpu-feels-like-the-future-of-the-web-live-demo--2bjh&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;But instead of talking about them in isolation, I wanted to show a concrete example of what happens when you combine them.&lt;/p&gt;

&lt;p&gt;Because I’m not a fan of theory without practice, I built a small demo.&lt;/p&gt;

&lt;p&gt;👉 Repo: &lt;a href="https://github.com/sylwia-lask/text-goes-boom" rel="noopener noreferrer"&gt;https://github.com/sylwia-lask/text-goes-boom&lt;/a&gt;&lt;br&gt;
👉 Live demo: &lt;a href="https://sylwia-lask.github.io/text-goes-boom/" rel="noopener noreferrer"&gt;https://sylwia-lask.github.io/text-goes-boom/&lt;/a&gt;&lt;br&gt;
(Fair warning — especially the JS canvas benchmark can get your CPU quite warm 😅)&lt;/p&gt;

&lt;p&gt;What does it do? You type text into an input field. The text is converted into particles. And when you click and drag your mouse across it… the text explodes.&lt;/p&gt;

&lt;p&gt;Completely useless? Yes. Slightly addictive? Also yes 😅&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%2Fvw208qpa3yvwtellp9tb.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%2Fvw208qpa3yvwtellp9tb.png" alt="App screenshot" width="800" height="388"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  What’s happening under the hood?
&lt;/h2&gt;

&lt;p&gt;First, the text from the input is rendered into an image bitmap using plain JavaScript and Canvas 2D. This is exactly the kind of task where the classic browser APIs are already perfectly sufficient, and there’s no real reason to move it elsewhere — especially for a demo like this.&lt;/p&gt;

&lt;p&gt;Next, the bitmap is passed to WebAssembly. This is where I run a deliberately “somewhat over-engineered” algorithm that maps the image into particles. I wanted WASM to actually have something meaningful to do, and let’s be honest — it also just looks cooler this way. Out of curiosity, I benchmarked it against an equivalent implementation written in JavaScript.&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%2Fcd7budb10l30lj7tqoo5.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%2Fcd7budb10l30lj7tqoo5.png" alt="WASM vs JS benchmark. WASM is 2.5x fater" width="495" height="310"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;As you can see, this is where we get the first tangible gain. WebAssembly is roughly 2–3× faster in this case. And this isn’t even a best-case scenario — I put quite a bit of effort into optimizing the JavaScript version as well, just to make things fair and not give Rust an easy win.&lt;/p&gt;

&lt;p&gt;In this particular demo, the difference doesn’t matter that much because this step only runs once during rebuild. But it’s not about this one case — it’s about the order of magnitude. What happens if you need to perform a similar operation hundreds or thousands of times? That’s where this starts to become very real.&lt;/p&gt;

&lt;p&gt;And then comes the part where things get interesting.&lt;/p&gt;

&lt;p&gt;The particles are passed to WebGPU — and this is where the browser really starts to flex.&lt;/p&gt;

&lt;p&gt;The “classic” JavaScript + Canvas 2D implementation starts struggling on my machine at around 40k particles.&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%2Fzgvsj6iokt6tccsjoih2.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%2Fzgvsj6iokt6tccsjoih2.png" alt="App canvas 2d implementation" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Frame rate drops, everything slows down, and you can feel the limits pretty quickly.&lt;/p&gt;

&lt;p&gt;Meanwhile, WebGPU… doesn’t even flinch.&lt;/p&gt;

&lt;p&gt;More than 500,000 particles. Each with its own physics. Smooth animation. Stable FPS.&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%2Fmfwj8eih8u0j33qg269z.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%2Fmfwj8eih8u0j33qg269z.png" alt="WebGPU renders more than 500k particles" width="800" height="386"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;At this point it stops being a small optimization and starts feeling like a completely different class of capability. The same browser, the same app, the same machine — but a totally different level of performance, simply by using the right tool for the job.&lt;/p&gt;




&lt;h2&gt;
  
  
  Where does this actually matter?
&lt;/h2&gt;

&lt;p&gt;This is obviously not your typical frontend CRUD setup. You probably don’t need WebGPU to build a dashboard or a form, and in many cases the real bottleneck is the network, not computation.&lt;/p&gt;

&lt;p&gt;But there are entire classes of problems where this approach makes a huge difference: real-time data visualization, physics simulations, graphics-heavy interfaces, audio processing, games, image or video transformations, and of course — matrix-heavy workloads like machine learning and LLMs running directly in the browser.&lt;/p&gt;

&lt;p&gt;And the funny thing is, you don’t need this… until suddenly you really do. A product evolves, requirements grow, performance becomes an issue, or you want to move part of the workload from the backend to the client. That’s when things start getting interesting.&lt;/p&gt;




&lt;h2&gt;
  
  
  One more thing
&lt;/h2&gt;

&lt;p&gt;If you take a look at the repository, you might notice something important.&lt;/p&gt;

&lt;p&gt;This is just a regular React app.&lt;/p&gt;

&lt;p&gt;There’s no exotic architecture, no “from another planet” stack. Yes, there’s Rust compiled to WASM and there are WebGPU shaders — but they’re simply embedded into a standard frontend setup. The rest of the app looks exactly like something you could start in your project tomorrow.&lt;/p&gt;

&lt;p&gt;That was intentional. I wanted to show that this isn’t some distant, experimental playground reserved for niche use cases. It’s something you can already integrate into real-world applications — incrementally, when you actually need it.&lt;/p&gt;

&lt;p&gt;Of course, WebGPU is not yet universally supported, so you’ll need a fallback strategy. But at this point, for a large portion of users, there’s little reason not to start exploring it.&lt;/p&gt;




&lt;h2&gt;
  
  
  Final thought
&lt;/h2&gt;

&lt;p&gt;The browser is no longer just a place where we render UI.&lt;/p&gt;

&lt;p&gt;It’s a serious compute platform — one that already gives us access to both CPU and GPU, right out of the box.&lt;/p&gt;

&lt;p&gt;You don’t need WebAssembly or WebGPU in every project. Most of the time, you’ll be perfectly fine without them.&lt;/p&gt;

&lt;p&gt;But the moment you start hitting performance limits, or your problem shifts from “moving data around” to “actually computing things”… you might realize that the platform already had the solution all along.&lt;/p&gt;

&lt;p&gt;And all you had to do was use it. 🚀&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>react</category>
      <category>webassembly</category>
      <category>webgpu</category>
    </item>
    <item>
      <title>You’re a Real Software Developer Only If…</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Thu, 09 Apr 2026 21:07:21 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/youre-a-real-software-developer-only-if-2mo8</link>
      <guid>https://dev.to/sylwia-lask/youre-a-real-software-developer-only-if-2mo8</guid>
      <description>&lt;p&gt;Uff, I’m finally done with my talk at jsDay 2026!&lt;/p&gt;

&lt;p&gt;And honestly? It went &lt;strong&gt;at least good&lt;/strong&gt;. People showed up, they asked questions… what more could you want? 😄&lt;/p&gt;

&lt;p&gt;During the talk, I felt like I was &lt;em&gt;among my people&lt;/em&gt; — that beautiful species of nerds who laugh at programming jokes without needing them explained ❤️&lt;/p&gt;

&lt;p&gt;I’ll write a proper recap next week, but for now, a quick story from yesterday.&lt;/p&gt;




&lt;p&gt;I was sitting at the airport in Munich.&lt;br&gt;
For five hours.&lt;/p&gt;

&lt;p&gt;Not exactly the plan.&lt;/p&gt;

&lt;p&gt;I was supposed to have a one-hour layover and be enjoying the Italian sun by 5 PM. Instead, my first flight got delayed, I missed the connection, and… well.&lt;/p&gt;

&lt;p&gt;Luckily, there was another flight later that day. Six hours later…&lt;/p&gt;

&lt;p&gt;But as we say in Poland: &lt;em&gt;every cloud has a silver lining.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I used that time to add &lt;strong&gt;fallbacks for absolutely EVERYTHING&lt;/strong&gt; in my presentation. (Yes, I even installed service workers last minute — and it saved me later like crazy 🔥)&lt;/p&gt;

&lt;p&gt;I also definitely hit my daily cardio goal trying to navigate that absurdly large airport.&lt;/p&gt;

&lt;p&gt;And when boredom finally kicked in, I started writing this post.&lt;/p&gt;




&lt;p&gt;This is also a small tribute to &lt;a class="mentioned-user" href="https://dev.to/hadil"&gt;@hadil&lt;/a&gt; and her brilliant post:&lt;br&gt;
&lt;a href="https://dev.to/hadil/youre-a-real-javascript-developer-only-if-294c"&gt;You're the real JavaScript Developer Only If...&lt;/a&gt;. I’ve wanted to write something like this for months. And since I haven’t written anything in this style in a while… I’ve earned it 😄&lt;/p&gt;




&lt;h2&gt;
  
  
  You’re a real developer only if:
&lt;/h2&gt;

&lt;h3&gt;
  
  
  💥 You’ve broken production at least once
&lt;/h3&gt;

&lt;p&gt;There’s even a Polish saying:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;“Kto produkcji nie wy*ebie, ten nie zazna szczęścia w niebie”&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Loosely translated into English:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;“If prod you’ve never slain, dev heaven you won’t gain.”&lt;/em&gt; 😄&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h3&gt;
  
  
  🐛 You’ve fixed a bug… completely by accident
&lt;/h3&gt;

&lt;p&gt;Something sat in TODO for months (or years), and suddenly… it just works.&lt;/p&gt;

&lt;p&gt;Or you changed something totally unrelated and magically fixed another issue.&lt;/p&gt;

&lt;p&gt;No idea why. No idea how.&lt;br&gt;
You just slowly back away and hope it stays that way.&lt;/p&gt;




&lt;h3&gt;
  
  
  🤯 At least once during debugging you thought:
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;“This makes absolutely no sense.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;And instead of stepping back and thinking…&lt;br&gt;
you added &lt;strong&gt;more logs&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;And then more logs.&lt;/p&gt;

&lt;p&gt;And then one final &lt;code&gt;console.log("WHAT IS GOING ON")&lt;/code&gt;.&lt;/p&gt;




&lt;h3&gt;
  
  
  🧨 You were afraid to touch code that looks terrible… but works
&lt;/h3&gt;

&lt;p&gt;Because deep down you know:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“This is held together by vibes and legacy decisions.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;And if you touch it, something &lt;em&gt;completely unrelated&lt;/em&gt; will break.&lt;/p&gt;




&lt;h3&gt;
  
  
  💻 You wrote code that worked perfectly locally…
&lt;/h3&gt;

&lt;p&gt;…and exploded in production&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;different environment&lt;/li&gt;
&lt;li&gt;missing env variable&lt;/li&gt;
&lt;li&gt;timezone issues&lt;/li&gt;
&lt;li&gt;race conditions&lt;/li&gt;
&lt;li&gt;or just… vibes again&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  🗑️ You accidentally dropped a database
&lt;/h3&gt;

&lt;p&gt;Maybe not the whole thing. Maybe just a table. Maybe just &lt;em&gt;half&lt;/em&gt; the data.&lt;/p&gt;

&lt;p&gt;But still. Character development.&lt;/p&gt;




&lt;h3&gt;
  
  
  🖥️ You’ve said:
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;“It works on my machine.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;And you meant it. With full confidence.&lt;/p&gt;




&lt;h3&gt;
  
  
  🔄 You blamed the backend (if you’re frontend)…
&lt;/h3&gt;

&lt;p&gt;or the frontend (if you’re backend)&lt;/p&gt;

&lt;p&gt;Preferably both, within the same debugging session.&lt;/p&gt;




&lt;h3&gt;
  
  
  🧠 During one debugging session you thought:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;first: &lt;em&gt;“I’m an idiot.”&lt;/em&gt;
&lt;/li&gt;
&lt;li&gt;then: &lt;em&gt;“Wait… I’m a genius.”&lt;/em&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Sometimes multiple times in a loop.&lt;/p&gt;




&lt;h2&gt;
  
  
  Final verdict
&lt;/h2&gt;

&lt;p&gt;If you answered “yes” to most of these:&lt;br&gt;
👉 congratulations, you’re definitely a software developer.&lt;/p&gt;

&lt;p&gt;If about half:&lt;br&gt;
👉 you just need more experience.&lt;/p&gt;

&lt;p&gt;If less than two:&lt;br&gt;
👉 what are you even doing here? Go write more code 😄&lt;/p&gt;




&lt;h2&gt;
  
  
  Your turn 👇
&lt;/h2&gt;

&lt;p&gt;What would YOU add to this list?&lt;/p&gt;

&lt;p&gt;Because I’m 100% sure we’ve all got at least one story that would fit perfectly here 😄&lt;/p&gt;

</description>
      <category>jokes</category>
      <category>devlive</category>
    </item>
    <item>
      <title>9 Things You’re Overengineering (The Browser Already Solved Them)</title>
      <dc:creator>Sylwia Laskowska</dc:creator>
      <pubDate>Thu, 02 Apr 2026 07:53:11 +0000</pubDate>
      <link>https://dev.to/sylwia-lask/9-things-youre-overengineering-the-browser-already-solved-them-o99</link>
      <guid>https://dev.to/sylwia-lask/9-things-youre-overengineering-the-browser-already-solved-them-o99</guid>
      <description>&lt;p&gt;I love writing philosophical essays — thoughts about code, work, all that stuff. I also love deep technical dives. But I know &lt;em&gt;you&lt;/em&gt; love my lists of cool features that not everyone has heard about yet 😄&lt;/p&gt;

&lt;p&gt;What’s up with me? This week I’m preparing for a conference, fighting performance issues, and trying to get at least somewhat ready for the upcoming holidays 😉 &lt;/p&gt;

&lt;p&gt;Something nice happened too. I enjoy writing — not just technical articles, but in general. Last summer my life changed quite a bit, and to keep my sanity I started writing a sci-fi story, which I submitted to a Polish science fiction foundation competition. I didn’t win, but my story made it pretty far — around 13th place out of 179 submissions. Considering it was my first attempt at this kind of writing… it could have gone worse 😄&lt;/p&gt;

&lt;p&gt;And speaking of sci-fi — the kind happening right in front of us 😉 Today I’ve prepared a batch of things the browser can already do, which honestly didn’t fit in my head not that long ago. A lot of these are still not that widely known, and yet many of them are already supported across modern browsers. Have fun!&lt;/p&gt;




&lt;h2&gt;
  
  
  1. “Let me just run this later” → &lt;code&gt;requestIdleCallback&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;At first I thought this API was pointless. It basically lets you run some code when nothing interesting is happening. Ok… cool… but why would I care? &lt;/p&gt;

&lt;p&gt;Turns out — there are tons of use cases. For example, collecting data about how the user behaves on your page — definitely not something you want to do while your 200 components are rendering 😅 Or loading less important data, preprocessing something, generating images in the background. &lt;/p&gt;

&lt;p&gt;Honestly, there are probably as many use cases as there are developers.&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="nf"&gt;trackUserScrolling&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="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;User scrolled. This changes everything.&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;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;requestIdleCallback&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="k"&gt;in&lt;/span&gt; &lt;span class="nb"&gt;window&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nf"&gt;requestIdleCallback&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;trackUserScrolling&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;else&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nf"&gt;setTimeout&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;trackUserScrolling&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="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Support:&lt;/strong&gt; modern browsers (historically missing in Safari, so fallback is still a good idea)&lt;/p&gt;




&lt;h2&gt;
  
  
  2. “Why is my input not highlighting???” → &lt;code&gt;:focus-within&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;It’s easy to style an element that has focus. But what if you want to style the parent div? For example, make it pink, add some flowers 😉 You can write 40 lines of JavaScript… or just use &lt;code&gt;:focus-within&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Works. No listeners. No bugs. No suffering.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="nc"&gt;.form-field&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;border&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;1px&lt;/span&gt; &lt;span class="nb"&gt;solid&lt;/span&gt; &lt;span class="m"&gt;#ccc&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;12px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="nc"&gt;.form-field&lt;/span&gt;&lt;span class="nd"&gt;:focus-within&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;border-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="no"&gt;hotpink&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;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"form-field"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;input&lt;/span&gt; &lt;span class="na"&gt;placeholder=&lt;/span&gt;&lt;span class="s"&gt;"Type something meaningful..."&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Support:&lt;/strong&gt; basically everywhere that matters&lt;/p&gt;




&lt;h2&gt;
  
  
  3. “Let’s show offline mode” → &lt;code&gt;navigator.onLine&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;Have you ever built a PWA? Because I have, and the eternal problem is what to do when the user loses connection (e.g. they’re in the wilderness or just walked into an elevator 😄). You can write a bunch of complicated ifs, or just listen to &lt;code&gt;offline&lt;/code&gt; and &lt;code&gt;online&lt;/code&gt;. On &lt;code&gt;offline&lt;/code&gt; you can store data in IndexedDB, and when the user is back online, send it to the server.&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="nb"&gt;window&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;addEventListener&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;offline&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="nf"&gt;alert&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;You are offline. Time to panic.&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="nb"&gt;window&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;addEventListener&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;online&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="nf"&gt;alert&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;You're back. Panic cancelled.&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;&lt;strong&gt;Support:&lt;/strong&gt; widely supported (but “online” ≠ “your backend works” 😅)&lt;/p&gt;




&lt;h2&gt;
  
  
  4. “Smooth animation, but make it cursed” → &lt;code&gt;requestAnimationFrame&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;We’ve all seen 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="nf"&gt;setInterval&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="nx"&gt;element&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;style&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;left&lt;/span&gt; &lt;span class="o"&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;random&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="mi"&gt;100&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;px&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="mi"&gt;16&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You can &lt;em&gt;feel&lt;/em&gt; this is not the best idea 😉 It just lags. Luckily we have &lt;code&gt;requestAnimationFrame&lt;/code&gt;, which is synced with the browser repaint cycle, so things are actually smooth.&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="nf"&gt;animate&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nx"&gt;element&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;style&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;transform&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;`translateX(&lt;/span&gt;&lt;span class="p"&gt;${&lt;/span&gt;&lt;span class="nb"&gt;Date&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;now&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;%&lt;/span&gt; &lt;span class="mi"&gt;300&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="s2"&gt;px)`&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nf"&gt;requestAnimationFrame&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;animate&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="nf"&gt;requestAnimationFrame&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;animate&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Support:&lt;/strong&gt; everywhere&lt;/p&gt;




&lt;h2&gt;
  
  
  5. “This card should adapt… but only here” → container queries
&lt;/h2&gt;

&lt;p&gt;This feature feels almost unfair. I’m at a point in my career where I barely write CSS anymore (well, except for occasional moments like the one I described here: &lt;a href="https://dev.to/sylwia-lask/is-learning-css-a-waste-of-time-in-2026-nj3"&gt;Is learning CSS a waste of time in 2026?&lt;/a&gt;). &lt;/p&gt;

&lt;p&gt;But there was a time when I wrote &lt;em&gt;a lot&lt;/em&gt; of it. And wow — how much I would have given to apply media queries to a specific element instead of the whole viewport. Now we finally can. The component becomes self-aware, and we can go grab a coffee.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="nc"&gt;.card-wrapper&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="py"&gt;container-type&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;inline-size&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="nc"&gt;.card&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;display&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;grid&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="k"&gt;@container&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;min-width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;400px&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nc"&gt;.card&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="py"&gt;grid-template-columns&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;1&lt;/span&gt;&lt;span class="n"&gt;fr&lt;/span&gt; &lt;span class="m"&gt;2&lt;/span&gt;&lt;span class="n"&gt;fr&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;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Support:&lt;/strong&gt; modern browsers (add fallback if needed)&lt;/p&gt;




&lt;h2&gt;
  
  
  6. “Random ID, what could go wrong?” → &lt;code&gt;crypto.getRandomValues&lt;/code&gt;
&lt;/h2&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;id&lt;/span&gt; &lt;span class="o"&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;random&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nf"&gt;toString&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;36&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;slice&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This is how bugs are born. It looks like “good enough” crypto from AliExpress and works… until it doesn’t. First of all, it depends on the engine implementation — we don’t really know what’s happening under the hood. Some patterns are absolutely possible, and with enough IDs you’re basically asking for duplicates.&lt;/p&gt;

&lt;p&gt;Luckily, we now have a simple native solution. It’s not a silver bullet, but &lt;code&gt;crypto.getRandomValues&lt;/code&gt; is pretty solid — much better entropy, no weird patterns, dramatically reduces the chance of collisions. The browser just does it properly.&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="mi"&gt;8&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nx"&gt;crypto&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getRandomValues&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="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;id&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;Array&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="nx"&gt;bytes&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;b&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;b&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;toString&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;16&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;padStart&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;0&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;join&lt;/span&gt;&lt;span class="p"&gt;(&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="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Secure-ish ID:&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;id&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Support:&lt;/strong&gt; widely supported&lt;/p&gt;




&lt;h2&gt;
  
  
  7. “We need a modal” → &lt;code&gt;&amp;lt;dialog&amp;gt;&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;It’s honestly nice that browsers finally stepped up and said: fine, here’s your modal 😄 No more installing 12KB libraries just to open a dialog that users love so much. This one is also accessible by default, so win-win.&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;dialog&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"modal"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;Are you sure you want to deploy on Friday?&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;button&lt;/span&gt; &lt;span class="na"&gt;onclick=&lt;/span&gt;&lt;span class="s"&gt;"modal.close()"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Cancel&lt;span class="nt"&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;button&lt;/span&gt; &lt;span class="na"&gt;onclick=&lt;/span&gt;&lt;span class="s"&gt;"alert('Good luck 😬')"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Deploy&lt;span class="nt"&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/dialog&amp;gt;&lt;/span&gt;

&lt;span class="nt"&gt;&amp;lt;button&lt;/span&gt; &lt;span class="na"&gt;onclick=&lt;/span&gt;&lt;span class="s"&gt;"modal.showModal()"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Open modal&lt;span class="nt"&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Support:&lt;/strong&gt; modern browsers&lt;/p&gt;




&lt;h2&gt;
  
  
  8. “Voice input would be cool…” → Speech API
&lt;/h2&gt;

&lt;p&gt;Are you already installing transformers.js because you need speech recognition? Relax — turns out the browser has something for that too. Well… at least Chromium does 😄 So if you can “encourage” users to use Chrome, Edge, or something similar, you’re good. Personally, I’d still be careful with production use, but for demos? Why not.&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;SpeechRecognition&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;SpeechRecognition&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;webkitSpeechRecognition&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;SpeechRecognition&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;recognition&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;SpeechRecognition&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

  &lt;span class="nx"&gt;recognition&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;onresult&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;e&lt;/span&gt; &lt;span class="o"&gt;=&amp;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="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;You said:&lt;/span&gt;&lt;span class="dl"&gt;"&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="nx"&gt;results&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="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;].&lt;/span&gt;&lt;span class="nx"&gt;transcript&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="p"&gt;};&lt;/span&gt;

  &lt;span class="nx"&gt;recognition&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;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Support:&lt;/strong&gt; mostly Chromium&lt;/p&gt;




&lt;h2&gt;
  
  
  9. “Will this CSS explode?” → &lt;code&gt;@supports&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;Here’s a modern solution to the classic “it works on my machine” — at least in CSS 😉 You don’t have to guess whether something will break your layout. Just wrap it in &lt;code&gt;@supports&lt;/code&gt;. There is a small catch — while support is very good, it’s not literally everywhere, so ironically… we could use &lt;code&gt;@supports&lt;/code&gt; for &lt;code&gt;@supports&lt;/code&gt;.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="nc"&gt;.card&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;background&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="no"&gt;white&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="k"&gt;@supports&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;backdrop-filter&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;blur&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="m"&gt;10px&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nc"&gt;.card&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="py"&gt;backdrop-filter&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;blur&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="m"&gt;10px&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nl"&gt;background&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;rgba&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="m"&gt;255&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="m"&gt;255&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="m"&gt;255&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="m"&gt;0.6&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;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Support:&lt;/strong&gt; very good&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚠️ But don’t get me wrong
&lt;/h2&gt;

&lt;p&gt;Libraries are great. Sometimes you absolutely need them. But sometimes… you’re installing a dependency for something the browser solved years ago. Before installing anything, just ask yourself (or Google): “Is the browser already smarter than me here?” Sometimes the answer is yes. And that’s… perfectly fine 😄&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>css</category>
      <category>browser</category>
    </item>
  </channel>
</rss>
