<?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: felix asante</title>
    <description>The latest articles on DEV Community by felix asante (@felixasante).</description>
    <link>https://dev.to/felixasante</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%2F543354%2F80db763f-198a-4eb9-8710-ad4db9a0a3df.png</url>
      <title>DEV Community: felix asante</title>
      <link>https://dev.to/felixasante</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/felixasante"/>
    <language>en</language>
    <item>
      <title>I Learned React. Then I Realized I Wasn't Learning Frontend Engineering.</title>
      <dc:creator>felix asante</dc:creator>
      <pubDate>Thu, 18 Jun 2026 11:02:23 +0000</pubDate>
      <link>https://dev.to/felixasante/i-learned-react-then-i-realized-i-wasnt-learning-frontend-engineering-15jb</link>
      <guid>https://dev.to/felixasante/i-learned-react-then-i-realized-i-wasnt-learning-frontend-engineering-15jb</guid>
      <description>&lt;p&gt;A few years ago, I thought React was the key to becoming a frontend developer.&lt;/p&gt;

&lt;p&gt;So I did what most beginners do.&lt;/p&gt;

&lt;p&gt;I bought courses.&lt;br&gt;
I watched YouTube tutorials.&lt;br&gt;
I built apps.&lt;br&gt;
I learned hooks.&lt;br&gt;
I followed along with project videos.&lt;/p&gt;

&lt;p&gt;I felt productive.&lt;/p&gt;

&lt;p&gt;Then I started applying for jobs.&lt;/p&gt;

&lt;p&gt;That's when reality hit.&lt;/p&gt;

&lt;p&gt;Interviewers weren't interested in whether I knew &lt;code&gt;useState&lt;/code&gt; or &lt;code&gt;useEffect&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;They asked questions like:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What happens when you type a URL into a browser?&lt;/li&gt;
&lt;li&gt;Can you explain closures?&lt;/li&gt;
&lt;li&gt;Why is this component re-rendering?&lt;/li&gt;
&lt;li&gt;How would you improve this page's performance?&lt;/li&gt;
&lt;li&gt;How do you make this form accessible?&lt;/li&gt;
&lt;li&gt;What testing strategy would you use here?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I quickly realized something:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;I had learned React.&lt;/p&gt;

&lt;p&gt;I had not learned frontend engineering.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  The Problem With Most Learning Paths
&lt;/h2&gt;

&lt;p&gt;Most frontend tutorials teach tools.&lt;/p&gt;

&lt;p&gt;Very few teach engineering.&lt;/p&gt;

&lt;p&gt;You'll find hundreds of videos showing you how to build a Netflix clone.&lt;/p&gt;

&lt;p&gt;But almost none explain:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Why browsers render pages the way they do&lt;/li&gt;
&lt;li&gt;How caching works&lt;/li&gt;
&lt;li&gt;What causes layout shifts&lt;/li&gt;
&lt;li&gt;Why accessibility matters&lt;/li&gt;
&lt;li&gt;How to write maintainable code&lt;/li&gt;
&lt;li&gt;How to test effectively&lt;/li&gt;
&lt;li&gt;How to debug production issues&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;As a result, many developers spend months learning frameworks while ignoring the fundamentals that employers actually care about.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Five Biggest Mistakes I Made
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Consuming More Than Building
&lt;/h3&gt;

&lt;p&gt;Watching tutorials feels productive.&lt;/p&gt;

&lt;p&gt;Building from scratch feels uncomfortable.&lt;/p&gt;

&lt;p&gt;Unfortunately, growth happens in the uncomfortable part.&lt;/p&gt;

&lt;p&gt;The projects that taught me the most were the ones where there was no tutorial to follow.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Ignoring JavaScript Fundamentals
&lt;/h3&gt;

&lt;p&gt;React became significantly easier once I deeply understood:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Closures&lt;/li&gt;
&lt;li&gt;Scope&lt;/li&gt;
&lt;li&gt;Hoisting&lt;/li&gt;
&lt;li&gt;The Event Loop&lt;/li&gt;
&lt;li&gt;Async programming&lt;/li&gt;
&lt;li&gt;Reference vs value&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Many React problems are actually JavaScript problems.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Building Portfolio Projects Nobody Cared About
&lt;/h3&gt;

&lt;p&gt;My portfolio contained:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Netflix clone&lt;/li&gt;
&lt;li&gt;Expense tracker app&lt;/li&gt;
&lt;li&gt;Calculator apps&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Recruiters had already seen thousands of them.&lt;/p&gt;

&lt;p&gt;What stood out later were projects that demonstrated:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Authentication&lt;/li&gt;
&lt;li&gt;API integrations&lt;/li&gt;
&lt;li&gt;State management&lt;/li&gt;
&lt;li&gt;Testing&lt;/li&gt;
&lt;li&gt;Performance optimization&lt;/li&gt;
&lt;li&gt;Real-world problem solving&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  4. Treating Accessibility and Performance as Advanced Topics
&lt;/h3&gt;

&lt;p&gt;I used to think accessibility and performance were things I'd learn later.&lt;/p&gt;

&lt;p&gt;The truth is they're part of frontend development.&lt;/p&gt;

&lt;p&gt;A slow application is a bug.&lt;/p&gt;

&lt;p&gt;An inaccessible application is a bug.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. Applying Without a System
&lt;/h3&gt;

&lt;p&gt;For months, I randomly applied for jobs.&lt;/p&gt;

&lt;p&gt;No strategy.&lt;br&gt;
No process.&lt;br&gt;
No feedback loop.&lt;/p&gt;

&lt;p&gt;Eventually, I learned that getting hired requires more than coding skills.&lt;/p&gt;

&lt;p&gt;You need:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A strong portfolio&lt;/li&gt;
&lt;li&gt;A clear resume&lt;/li&gt;
&lt;li&gt;Interview preparation&lt;/li&gt;
&lt;li&gt;Communication skills&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What I Would Do Differently Today
&lt;/h2&gt;

&lt;p&gt;If I had to start over from scratch in 2026, I would focus on:&lt;/p&gt;

&lt;h3&gt;
  
  
  Month 1–2
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;HTML&lt;/li&gt;
&lt;li&gt;CSS&lt;/li&gt;
&lt;li&gt;JavaScript Fundamentals&lt;/li&gt;
&lt;li&gt;Git&lt;/li&gt;
&lt;li&gt;Building simple projects&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Month 3–4
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;TypeScript&lt;/li&gt;
&lt;li&gt;React&lt;/li&gt;
&lt;li&gt;API integration&lt;/li&gt;
&lt;li&gt;Testing basics&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Month 5
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Next.js&lt;/li&gt;
&lt;li&gt;Accessibility&lt;/li&gt;
&lt;li&gt;Performance optimization&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Month 6
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Advanced projects&lt;/li&gt;
&lt;li&gt;Portfolio refinement&lt;/li&gt;
&lt;li&gt;Interview preparation&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Most importantly:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Spend 20% of your time learning and 80% building.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;That ratio changed everything for me.&lt;/p&gt;

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

&lt;p&gt;The goal isn't to learn React.&lt;/p&gt;

&lt;p&gt;The goal isn't to complete courses.&lt;/p&gt;

&lt;p&gt;The goal is to become capable of building real products and solving real problems.&lt;/p&gt;

&lt;p&gt;Frameworks will change.&lt;/p&gt;

&lt;p&gt;Libraries will change.&lt;/p&gt;

&lt;p&gt;The fundamentals won't.&lt;/p&gt;

&lt;p&gt;Focus on becoming an engineer first.&lt;/p&gt;

&lt;p&gt;The tools will follow.&lt;/p&gt;

&lt;p&gt;I eventually organized everything I wish I'd known into a structured 24-week roadmap called &lt;strong&gt;The Frontend Engineer's Playbook 2026&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;It includes project roadmaps, learning paths, portfolio guidance, interview preparation, and curated resources for aspiring frontend engineers.&lt;/p&gt;

&lt;p&gt;If you're interested, you can check it out here:&lt;/p&gt;

&lt;p&gt;📘 &lt;a href="https://payhip.com/b/mGk2o" rel="noopener noreferrer"&gt;https://payhip.com/b/mGk2o&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🎁 Discount code: &lt;strong&gt;32ULLX9XP5&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I'd love to hear from you:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What's one thing you wish you'd learned earlier in your frontend journey?&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>career</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
