<?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: Muhammed Sabir</title>
    <description>The latest articles on DEV Community by Muhammed Sabir (@muhammed_sabir_12a952c994).</description>
    <link>https://dev.to/muhammed_sabir_12a952c994</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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3268098%2Fd0654aae-f3a8-4171-a44c-a5a31950e113.png</url>
      <title>DEV Community: Muhammed Sabir</title>
      <link>https://dev.to/muhammed_sabir_12a952c994</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/muhammed_sabir_12a952c994"/>
    <language>en</language>
    <item>
      <title>Can You Center the Div? And Other Truths About Frontend Frameworks</title>
      <dc:creator>Muhammed Sabir</dc:creator>
      <pubDate>Mon, 16 Jun 2025 09:25:23 +0000</pubDate>
      <link>https://dev.to/muhammed_sabir_12a952c994/can-you-center-the-div-and-other-truths-about-frontend-frameworks-5351</link>
      <guid>https://dev.to/muhammed_sabir_12a952c994/can-you-center-the-div-and-other-truths-about-frontend-frameworks-5351</guid>
      <description>&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%2Fdlee1he7rkd58cwjo9xi.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%2Fdlee1he7rkd58cwjo9xi.png" alt="React vs. JS cartoon" width="800" height="993"&gt;&lt;/a&gt;
&lt;/p&gt;



&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"Frameworks were made to simplify development. But somewhere along the way, the tool became the product."&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This is a rant — but the honest kind. The one that comes from experience, frustration, and a little humor. So if you’ve ever been told &lt;em&gt;“You can learn React in 7 days!”&lt;/em&gt;, read on.&lt;/p&gt;

&lt;p&gt;And no — this isn't just about &lt;strong&gt;React&lt;/strong&gt;.&lt;br&gt;&lt;br&gt;
The same story applies to &lt;strong&gt;Vue&lt;/strong&gt;, &lt;strong&gt;Angular&lt;/strong&gt;, &lt;strong&gt;Next.js&lt;/strong&gt;, &lt;strong&gt;Tailwind&lt;/strong&gt;, &lt;strong&gt;Django&lt;/strong&gt;, and pretty much any framework or library that promises to make your life easier.&lt;/p&gt;




&lt;h2&gt;
  
  
  The 7-Day React Lie (And Its Siblings)
&lt;/h2&gt;

&lt;p&gt;Everyone’s heard it:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“React is so easy, you’ll master the basics in a week.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;And sure, if you &lt;strong&gt;already know JavaScript inside out&lt;/strong&gt;, maybe that's true.&lt;/p&gt;

&lt;p&gt;But for most beginners, React isn’t magic — it’s confusing. They get stuck wondering:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Why is the component re-rendering?&lt;/li&gt;
&lt;li&gt;What’s the difference between props and state?&lt;/li&gt;
&lt;li&gt;Why is this &lt;code&gt;useEffect&lt;/code&gt; running twice?&lt;/li&gt;
&lt;li&gt;And yes... how the heck do you center this div?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you're not &lt;strong&gt;fluent in JavaScript&lt;/strong&gt;, then React is just an expensive abstraction. You're using the library like a product — clicking buttons, copy-pasting StackOverflow code — without knowing what's happening underneath.&lt;/p&gt;

&lt;p&gt;Same goes for other frameworks too.&lt;br&gt;&lt;br&gt;
Learning Vue or Django without solid JS or Python skills? You’re just learning &lt;em&gt;how to use a product&lt;/em&gt;, not &lt;em&gt;how to build software&lt;/em&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Real Essence of React (or any framework) Is... JavaScript (or the language beneath)
&lt;/h2&gt;

&lt;p&gt;React only shines when you understand:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Closures&lt;/li&gt;
&lt;li&gt;Callbacks&lt;/li&gt;
&lt;li&gt;Async/Await&lt;/li&gt;
&lt;li&gt;The Event Loop&lt;/li&gt;
&lt;li&gt;Spread/rest operators&lt;/li&gt;
&lt;li&gt;The DOM and browser rendering&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If those words sound fuzzy to you, React will feel like magic that &lt;em&gt;sometimes works and sometimes doesn't.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;But if you're confident in JS, then React becomes what it’s meant to be:&lt;br&gt;&lt;br&gt;
A &lt;strong&gt;tool&lt;/strong&gt; that reduces bottlenecks — not adds them.&lt;/p&gt;

&lt;p&gt;And this is just as true for any other framework. You can’t expect to be great at Vue without JS, or build solid APIs with Django if you’re shaky on Python.&lt;/p&gt;




&lt;h2&gt;
  
  
  📉 The Hiring Irony
&lt;/h2&gt;

&lt;p&gt;Here’s the industry joke:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“We’re looking for a React developer with 5 years of experience using Hooks.”&lt;br&gt;&lt;br&gt;
&lt;em&gt;Posted in early 2019.&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Never mind that Hooks came out &lt;strong&gt;late 2018&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;This happens all the time:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;HR folks list every buzzword they’ve ever seen on Twitter.&lt;/li&gt;
&lt;li&gt;Companies confuse “years of experience” with actual &lt;strong&gt;depth&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Developers start chasing &lt;strong&gt;frameworks&lt;/strong&gt; instead of &lt;strong&gt;skills&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And the cycle continues. We start building resumes instead of understanding what we’re doing.&lt;/p&gt;




&lt;h2&gt;
  
  
  Framework FOMO
&lt;/h2&gt;

&lt;p&gt;React → Next.js → Astro → Svelte → Remix → SolidJS...&lt;/p&gt;

&lt;p&gt;New tools show up every month, and devs jump ship faster than Netflix cancels shows.&lt;/p&gt;

&lt;p&gt;But ask someone to build a &lt;strong&gt;todo app in vanilla JS&lt;/strong&gt; and many would blank out. We’ve become so tool-dependent that we forget the basics.&lt;/p&gt;

&lt;p&gt;And I get it — tools are fun. Shiny. Fast. But without strong fundamentals, it’s like driving a Tesla without knowing how brakes work.&lt;/p&gt;




&lt;h2&gt;
  
  
  😅 “Can You Center the Div?”
&lt;/h2&gt;

&lt;p&gt;This meme isn’t just a joke. It’s a &lt;strong&gt;reality check&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Before jumping into state management libraries, server-side rendering, and atomic design systems…&lt;br&gt;&lt;br&gt;
👉 Make sure you can center a &lt;code&gt;div&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Why?&lt;/p&gt;

&lt;p&gt;Because CSS, HTML, and JS aren’t side skills — they’re the core of frontend.&lt;br&gt;&lt;br&gt;
Frameworks build &lt;strong&gt;on top&lt;/strong&gt; of them, not &lt;strong&gt;in place&lt;/strong&gt; of them.&lt;/p&gt;




&lt;h2&gt;
  
  
  At the end of the day: Tools Are Not Magic
&lt;/h2&gt;

&lt;p&gt;React is great. So are many other frameworks.&lt;/p&gt;

&lt;p&gt;But don’t fall for the hype that learning React equals learning frontend.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Learn &lt;strong&gt;JavaScript&lt;/strong&gt;. Learn &lt;strong&gt;CSS&lt;/strong&gt;. Learn &lt;strong&gt;how the browser works&lt;/strong&gt;.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Then, pick up any framework — and actually understand what it’s doing for you.&lt;/p&gt;

&lt;p&gt;Because at the end of the day, React might make dev easier…&lt;br&gt;&lt;br&gt;
…but only &lt;strong&gt;if you already know how to develop&lt;/strong&gt;.&lt;/p&gt;




&lt;p&gt;I'm not saying that frameworks are dumb or useless — far from it.&lt;br&gt;&lt;br&gt;
They’re powerful tools that &lt;strong&gt;genuinely reduce developer pain&lt;/strong&gt; when used right.&lt;/p&gt;

&lt;p&gt;But it’s important to have &lt;strong&gt;clarity about what you’re doing&lt;/strong&gt; and an understanding of &lt;strong&gt;what’s happening under the hood&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Because tools should &lt;strong&gt;amplify your skills&lt;/strong&gt;, not replace the need for them.&lt;/p&gt;




&lt;p&gt;🗨️ &lt;em&gt;What do you think? Have you felt this React-vs-JS gap too? Or faced similar issues with other frameworks? Drop your thoughts below!&lt;/em&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
