<?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: Suraj Rauniyar</title>
    <description>The latest articles on DEV Community by Suraj Rauniyar (@suraj_rauniyar_12788fabe7).</description>
    <link>https://dev.to/suraj_rauniyar_12788fabe7</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%2F2351703%2Fc1bfd96f-9154-4eb1-917b-c27fc33d113a.png</url>
      <title>DEV Community: Suraj Rauniyar</title>
      <link>https://dev.to/suraj_rauniyar_12788fabe7</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/suraj_rauniyar_12788fabe7"/>
    <language>en</language>
    <item>
      <title>Create React App is Deprecated: What’s Next?</title>
      <dc:creator>Suraj Rauniyar</dc:creator>
      <pubDate>Fri, 07 Mar 2025 17:25:09 +0000</pubDate>
      <link>https://dev.to/suraj_rauniyar_12788fabe7/create-react-app-is-deprecated-whats-next-gbm</link>
      <guid>https://dev.to/suraj_rauniyar_12788fabe7/create-react-app-is-deprecated-whats-next-gbm</guid>
      <description>&lt;p&gt;&lt;strong&gt;Introduction&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;For many years, &lt;strong&gt;Create React App (CRA)&lt;/strong&gt; was the default tool for launching React applications. However, with modern JavaScript tooling advancing rapidly, CRA has been officially deprecated as of React 18. If you're still using CRA, now is the time to explore alternatives that offer enhanced performance, a more streamlined developer experience, and long-term support.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why Was CRA Deprecated?&lt;/strong&gt;&lt;br&gt;
CRA’s deprecation comes down to several key reasons:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Slow Development Speed&lt;/strong&gt;&lt;br&gt;
CRA uses Webpack, which, while powerful, is not optimized for speed. Modern tools like Vite leverage ESBuild for near-instant hot module replacement (HMR), making development much faster.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Large Bundle Sizes&lt;/strong&gt;&lt;br&gt;
By default, CRA produces relatively large JavaScript bundles, leading to slower load times. Alternatives like Vite and Next.js optimize output for performance.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Lack of Maintenance&lt;/strong&gt;&lt;br&gt;
The React team stopped actively maintaining CRA, meaning it will not receive updates to keep up with the evolving React ecosystem.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Better Alternatives Available&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Vite&lt;/strong&gt;, &lt;strong&gt;Next.js&lt;/strong&gt; have emerged as superior choices, offering better DX (Developer Experience) and modern features.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Best Alternatives to CRA
&lt;/h2&gt;

&lt;p&gt;If you’re starting a new project, here are the recommended alternatives:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Vite - The Best Replacement for CRA&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Why? Lightning-fast startup and HMR.&lt;/li&gt;
&lt;li&gt;Use Case: Best for SPA (Single Page Applications).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Command to create a new project:&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm create vite@latest my-app &lt;span class="nt"&gt;--template&lt;/span&gt; react
&lt;span class="nb"&gt;cd &lt;/span&gt;my-app
npm &lt;span class="nb"&gt;install
&lt;/span&gt;npm run dev
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;2. Next.js - Full-Stack React Framework&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Why? Supports SSR (Server-Side Rendering) &amp;amp; SSG (Static Site Generation).&lt;/li&gt;
&lt;li&gt;Use Case: Ideal for SEO-friendly apps and full-stack projects.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Command to create a new project:&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npx create-next-app@latest my-app
&lt;span class="nb"&gt;cd &lt;/span&gt;my-app
npm run dev
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Some other alternatives are Parcel and Remix&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What If You Have an Existing CRA Project?
&lt;/h2&gt;

&lt;p&gt;If your project still uses CRA, consider migrating to Vite or Next.js. You can:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Use tools like &lt;a href="https://vite.dev/guide/migration.html" rel="noopener noreferrer"&gt;CRA-to-Vite migration guide&lt;/a&gt; for a smooth transition.&lt;/li&gt;
&lt;li&gt;Refactor configurations manually if needed.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  References
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://react.dev/blog/2025/02/14/sunsetting-create-react-app" rel="noopener noreferrer"&gt;React Official Blog - CRA Deprecation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://vite.dev/" rel="noopener noreferrer"&gt;Vite Documentation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://nextjs.org/" rel="noopener noreferrer"&gt;Next.js Documentation&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Conclusion&lt;/strong&gt;&lt;br&gt;
The deprecation of &lt;strong&gt;CRA&lt;/strong&gt; marks a shift towards more modern, efficient build tools for React development. Whether you choose Vite for speed, Next.js for full-stack capabilities, or Remix for web standards, transitioning to these tools will enhance your workflow and improve application performance. Now is the time to embrace the future of React development and build faster, more scalable applications with the best tools available!&lt;/p&gt;

</description>
      <category>react</category>
      <category>programming</category>
      <category>createreactapp</category>
      <category>webdev</category>
    </item>
    <item>
      <title>SignalR - A Real-Time Communication Library</title>
      <dc:creator>Suraj Rauniyar</dc:creator>
      <pubDate>Fri, 07 Mar 2025 16:28:13 +0000</pubDate>
      <link>https://dev.to/suraj_rauniyar_12788fabe7/-48ko</link>
      <guid>https://dev.to/suraj_rauniyar_12788fabe7/-48ko</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/saurabhkhade" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&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%2Fuser%2Fprofile_image%2F667660%2Fdce927e3-7e30-45f9-a61d-3b7c24f3c364.jpg" alt="saurabhkhade"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/saurabhkhade/signalr-real-time-communication-in-net-core-26hb" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;📡 SignalR: Real-Time Communication in .NET Core&lt;/h2&gt;
      &lt;h3&gt;Saurabh Khade ・ Mar 1&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#csharp&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#dotnet&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#signalr&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#websocket&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>csharp</category>
      <category>dotnet</category>
      <category>signalr</category>
      <category>websocket</category>
    </item>
  </channel>
</rss>
