<?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: Taulant Sela</title>
    <description>The latest articles on DEV Community by Taulant Sela (@taulantsela).</description>
    <link>https://dev.to/taulantsela</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%2F4108025%2F2144acaa-c774-453b-af69-d74feef555c5.png</url>
      <title>DEV Community: Taulant Sela</title>
      <link>https://dev.to/taulantsela</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/taulantsela"/>
    <language>en</language>
    <item>
      <title>I benchmarked React Context vs Redux across three app types for my master's thesis — here's the setup (and a survey)</title>
      <dc:creator>Taulant Sela</dc:creator>
      <pubDate>Thu, 03 Sep 2026 12:18:19 +0000</pubDate>
      <link>https://dev.to/taulantsela/i-benchmarked-react-context-vs-redux-across-three-app-types-for-my-masters-thesis-heres-the-284e</link>
      <guid>https://dev.to/taulantsela/i-benchmarked-react-context-vs-redux-across-three-app-types-for-my-masters-thesis-heres-the-284e</guid>
      <description>&lt;p&gt;I built three application archetypes, each implemented twice — once with Context (multiple domain contexts + hooks) and once with Redux Toolkit — with pixel-identical UIs and shared components, so the only variable is the state layer:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Product catalog — read-heavy, many visible items, selective mutations (add to cart, wishlist)&lt;/li&gt;
&lt;li&gt;Multi-step form — localized updates, validation, dependent fields&lt;/li&gt;
&lt;li&gt;Live dashboard — multiple independent real-time data streams&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Performance is measured by render counting: every component reports each render to a tiny registry, and automated benchmarks (Vitest + jsdom) replay identical interactions against both implementations. &lt;/p&gt;

&lt;p&gt;Each app also ships with a visible render monitor, so you can watch it live:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://thesis-catalog-context-hell-henna.vercel.app" rel="noopener noreferrer"&gt;Context Catalog&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://thesis-catalog-redux-rtk-ruddy.vercel.app" rel="noopener noreferrer"&gt;Redux Catalog&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A taste of the results: open both, click "Add to Cart" on any product, and watch the render counter — Context re-renders every visible product card; Redux re-renders exactly one. Then try the same comparison in the form app, and the story completely changes. That's the thesis in one sentence: it depends on the application type, and the dependency is measurable.&lt;/p&gt;

&lt;p&gt;Where you come in&lt;br&gt;
The benchmarks are half the story — the other half is what developers actually experience and choose. That's a short survey:&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://forms.gle/oMRrGYQvsezWKn2P8" rel="noopener noreferrer"&gt;Survey Link&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;29 questions, about 5–7 minutes, fully anonymous — no sign-in, no email, academic use only. If you've built React apps professionally or seriously as a hobby, your answers directly shape the thesis's decision guide.&lt;/p&gt;

&lt;p&gt;Questions about the setup? Ask away in the comments.&lt;/p&gt;

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