<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>OVERUSING Reactivity in Vue?</title>
        <link>https://tube.grossholtz.net/videos/watch/b929c28c-51a5-48d4-8360-f525f780879a</link>
        <description>Reactivity in Vue is pretty powerful, but often overused. A classic case of - if I am a hammer, everything looks like a nail. Let's go through 4 common scenarios and fix them, ensuring reactivity is only used where necessary. Links and Resources 🔗 Timeout Example https://play.vuejs.org/#eNp9kstuwjAQRX/F8qYgUR4qKxRQW8SilfpQYelNGiaJwbEjPwISyr93HCc0C8Qq9tyb8bljX+hLWY4rB3RBI5NoXlpiwLpyxSQvSqUtuRANKalJqlVBHtD6wGSipEFjrk4fYEycAVl61yCNhYFhp1tegHK21aZYZzJ1MrFcSaLkWvDkOBiSC5Ok32tcxcL5jlbjh3i17XRVEHEXSgNssFyFHre7NExerkdkPp16jNqTRJOQF5PixkJRitgC7giJfp21yPiceMQloy0so6stnhBNgh68+YxUjzxFV+90dLaraJLP0BhNeifQEbUGZ5TybHwwSuLwmwCMJqoouQD9VfohGUYXXTRGYyHU6b2p+cmMunqSQ3K8UT+Ys68x+q3BgK4Q6qrZWGdgg7zZfsIZ11exUHsn0H1H/AGjhPOMwfbq5B6xe76G9q15QlxmO7M5W5CmC+VBw52E3Pis1nei/+M+jefNf3iJtP4DlL3rfQ== 🔗 Static Data Example https://play.vuejs.org/#eNp9Uk1v2zAM/SuELk6GwF6xnQI3WNYGWLa2KWZjh1U9uA790cqSIclpCsP/vZTcpDkUhQGD4nsk36PUs2XbhrsO2ZzFJtd1a8Gg7doFl3XTKm2hB40FDFBo1UBA1IBLLnMljYXLZbqEc7gLks31KphBkKTLdH3hIgcF9+/UvMpkidmDQCqgjhNHuPt6P+Wy6GRuayXBVF1RCJxMoecSYCyU+PwvE50r8yUOAYgiuL36D5ebmyClP6xTuFr/WUH6a52MjOvMVmEhlNITH+pMblVDvb+Anx0KlKWtpiQAgITSvKPEcPc28TCcy4HLOBo3RLuhg8WmFZlFOgHE1dmi709NDkMcUdKDD521ZO9HLur86ZyzN5+cLZIxiqORQvQ4Omn88Rcb+yIcXNlGjKsqamFRz6GWO9R2ckamRsGeyWbMGtpmUZfho1GSLttXcZarpq0F6k3rLsBwNh/7OSwTQj3/9jmrO5wd8nmF+dMH+UezdznObjUa1Dvyd8Rspku0I7xKbnBP8RFs1LZz2/gE/ItGic5pHGk/O7kl2Sc8r3btn2wty9Ss9halOZhyQh1z8HzO6BlffGL9Xe638Luvo32y4RVmtwzr 🔗 Watcher example https://play.vuejs.org/#eNp9Uk1P4zAQ/SsjX1JEtxXaPVVppd0VqwWhgoCjL1E6aV0cO7LHoSjKf2eckJSPCvkSz3tv5r2JG/G7qmZ1QLEQqc+dqgg8UqhW0qiyso6gAYfFFHJbVoFwAy0UzpaQsCiRRprcGk9QKOdpnZUIy8ifJPvb/+vkbIB19hH1xj5HdJQHrd/wYdBkcgbLFTTSAGsoOHMcMqszHRDOIeFzPnbvy9K03Dmd93E4CF8Iy0pnhHwDSJXhCVD/KO0G9VKKsa8UwLQcd1Zv0DHyLyLwBs1Pq4fpX8Q3DHzS7i5WTXNM27bpnEvR7TuHp0/q6UVHeEel7tdSKE3oFqBMjY4mFxy77ZJ3TDEV5Hm9hdrO9t4a/sWdSoq4YqXR3VakeP1SLPp+Ecu0ts/XXY1cwOlQz3eYP52o7/0h1qS4c+jR1Rx2xChzW6QevnxY44G/R5DXFzSzvwHv0Vsdosee9ieYDdt+x+vcXnUPVZnto788EBo/hIpGI7Pt+FLwk/37TfSj3Z+zX52O9ynaV4gtD+U= 🔗 Bloated computed example  https://play.vuejs.org/#eNqdVlFv4zYM/iuEH85pL3Wc2w4YMidD17XYDbv1din25BfXVhLdZMmT5CxFmv8+SrJstUl7uCFAIpMfyY8UyXgfXTZNsm1JNIsyVUraaFBEtw2wgq/neaRVHi1yTutGSA17kGQ1hlLUTatJBQdYSVFDjA7inOe8FFxpaCQtCcwNdpSeeek/bcE11Q+dYtorKqpK0XJ9JSpvFce9Vm1o01C+dposVrrgVSGrGB4hJrtGEqXixWiQo2Vv29Z1IU1Ez3g0OoP5AvY5B2BEA5FSSNTHSN9JVHuvhS4YCm0eybZgLYHznr8TGDhdwSjEZJDC4+MzIEqnZy4gDOE+cFTSqisVyryR5QGYqm4lx3pbi3HPagbpuC+YffD1uRLKCXSxc78dHg7GJX75DL058kh9GuEddLznc+S5vPzreprGfQKBbV+oc0iTqY0BhCnyqr9fL3+/ub25ieHNm8HBAqZp+tUQ778a4uUy9z5LBNsSB/UIKxjWxMtD/kOX+VjPrIOk3qfwE5Z/Bs+Zn3LsO/klv1PnZGCN1/y50GZg0iT9IZAW98xIeyIXQ/Zvn3gNbBD/sdCbpC52I9dC1su5j2JnqkN3w3EK/9acOqzv4OBGxl1mfS/7U6LFDd3hdL476zBDi/vTMeZp54dPx1g7FPh1QuOoPOfRVfuAh2ziFiOuQXzQpG4YlgSfALKKbu0Bj5t3i1tZEQlLt3WyCUo6HcJA6QdGcKNiQujgYQZrSasf7XY1GESx4p6w/hHgkxRVW2r8xSUxG+QZ5bjMQD80xh9v63si8wi2FzV2N0ucADV2uaBiMoSYPI1xFPLPbg39j2h+g31bwF98b5oxfjGqJjs9xHRF7If/2wIu/f/JR6I3ogpDKsIIlnuI4nsquCQLFI2mgoMdXwPrlgLClt0xmzjMq3bdzKPZtTudsMLms6xeSDCbBB04HPGhwTzoyrBz7ZjYEcRa+T4sBRNyJomhvd/7/0oHg8MhmzSBs8WyH9oA2++YI7i/1hlcBPh+ER277yr91H24Ao9M7sxIB2izxo5AmdJS8PXi7oj7QLyDDJZDUf0pmwRjf/qDkbCuqN7omrm1t6JMEzkDyrdEavvGgyvFBDTIaIwvV/iesqLr5IsSHN/ArJW5mbqhjMhb2wzYH0jcMcujgjHx729WpmVLuiWGNhtS/n1C/kXtjCyPPmGDEbnFael1upBrgnNl1NfLP+yM9UqcgZYh+hXlZ6IEaw1HB/u55RXSDnCW7Qf77oj3eKeud5pw5ZMyRO2etfg8wrfIq1dSH+h+l3zv93N0+A86nYCC 🔗 Deep Reactivity example https://play.vuejs.org/#eNp9kUFLxDAQhf9KyKUrLFlET+sqqOxBDyqrx1xKd7rNmiYhmdRK6X93mrJrESm5hPfeDN9LOn7vnGgi8DXfhMIrhywARncnjaqd9cg6Fqpca/u1g5L1rPS2ZhlNZDeTiP/jSVNYE5D04NjtZMPiQppBFE2uI5BVAhbVIlvlTq2EEBn50mxWIwtRzJ1NwG8NFKqw1qyThrFSaQS/Zso04HFxSev6tC8l+ZJjILJSHcQxWEOt05Tkha2d0uBfHSoil3w97hu8xP6cNPQRlie9qKD4/Ec/hnbQJH+jpuAbkPzsYe4PgKO9fX+Blu5ns7b7qCk9Y+4gWB0HxjH2EM2esCe5RPuUPkaZw0fYtggmnEoNoEOyT3nJ6bMeZ6r/4l6J6zRH78n7H6DAvwk= 📺 shallowRef Guide Chaptermarks 00:00 Intro 00:35 Timeouts and Intervals 03:57 Static Data 05:11 Watchers and Computeds 09:07 Bloated Computeds 12:35 Unnecessary Deep Reactivity 13:29 Wrapping up Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with.</description>
        <lastBuildDate>Mon, 06 Apr 2026 05:13:46 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>PeerTube - https://tube.grossholtz.net</generator>
        <image>
            <title>OVERUSING Reactivity in Vue?</title>
            <url>https://tube.grossholtz.net/client/assets/images/icons/icon-512x512.png</url>
            <link>https://tube.grossholtz.net/videos/watch/b929c28c-51a5-48d4-8360-f525f780879a</link>
        </image>
        <copyright>All rights reserved, unless otherwise specified in the terms specified at https://tube.grossholtz.net/about and potential licenses granted by each content's rightholder.</copyright>
        <atom:link href="https://tube.grossholtz.net/feeds/video-comments.xml?videoId=b929c28c-51a5-48d4-8360-f525f780879a" rel="self" type="application/rss+xml"/>
    </channel>
</rss>