{"id":509,"date":"2024-01-15T21:42:29","date_gmt":"2024-01-15T21:42:29","guid":{"rendered":"https:\/\/frontendmasters.com\/blog\/?p=509"},"modified":"2024-01-15T21:42:29","modified_gmt":"2024-01-15T21:42:29","slug":"million-js-3-0","status":"publish","type":"post","link":"https:\/\/frontendmasters.com\/blog\/million-js-3-0\/","title":{"rendered":"Million.js 3.0"},"content":{"rendered":"\n<p><a href=\"https:\/\/million.dev\/\">Million.js<\/a> caught my eye a few months back because of the big claim it makes: <strong>Make React\u00a070% faster.<\/strong> I ended up listening to <a href=\"https:\/\/syntax.fm\/show\/658\/supper-club-make-react-70-faster-million-js-with-18-year-old-aiden-bai\">a podcast with the creator<\/a>, and the meat of it is: it removes the need for &#8220;diffing&#8221; the virtual DOM that React uses when re-rendering to find what needs to change, which can be slow. I see the project still has momentum, now <a href=\"https:\/\/million.dev\/blog\/million-3\">reaching 3.0<\/a>.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Skeptical? Good \u2014\u00a0it&#8217;s your job to be skeptical. If this is so amazing, why doesn&#8217;t React itself do it? Potential answer: it requires a compiler. That&#8217;s a pretty big directional shift for React and I could see them never wanting to go down that road. Although I say that but I&#8217;m even <em>more<\/em> surprised that React will have server requirements (presumably, with <a href=\"https:\/\/www.joshwcomeau.com\/react\/server-components\/\">server components<\/a>, right?) And do I <em>actually<\/em> need this? How complex does my project need to be before I can actually feel React being slow in diffing? What is my technical debt here? How much of my code base has to change to accommodate this? What is this project dies out, where does that leave me? Is there any entirely un-biased endorsements or critical reviews out there to find? <\/p>\n\n\n\n<p>I can&#8217;t answer all this for you. I just bring it up because it&#8217;s my goal with Boost to get you thinking like you need to think to become a senior developer, and this is part of how.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Million.js caught my eye a few months back because of the big claim it makes: Make React\u00a070% faster. I ended up listening to a podcast with the creator, and the meat of it is: it removes the need for &#8220;diffing&#8221; the virtual DOM that React uses when re-rendering to find what needs to change, which [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":511,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29],"tags":[71,70,62],"class_list":["post-509","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-beat","tag-million-js","tag-performance","tag-react"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/01\/million-thumb.jpg?fit=1000%2C500&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/comments?post=509"}],"version-history":[{"count":2,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/509\/revisions"}],"predecessor-version":[{"id":512,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/509\/revisions\/512"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media\/511"}],"wp:attachment":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media?parent=509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/categories?post=509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/tags?post=509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}