> Canonical URL: https://codingcat.dev/post/reviewing-2021-and-predicting-2022 # Reviewing 2021 and predicting 2022 ✏️ Blog PostJanuary 1, 2022[![](/logos/tags/builder-io-symbol-light.svg)![](/logos/tags/builder-io-symbol-dark.svg)Builder.io](/topic/builder-io)[![](/logos/tags/github-symbol-light.svg)![](/logos/tags/github-symbol-dark.svg)GitHub](/topic/github)[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)[![](/logos/tags/vercel-symbol-light.svg)![](/logos/tags/vercel-symbol-dark.svg)Vercel](/topic/vercel)[![](/logos/tags/vue-symbol-light.svg)![](/logos/tags/vue-symbol-dark.svg)Vue](/topic/vue)[![](/logos/tags/sveltekit-symbol-light.svg)![](/logos/tags/sveltekit-symbol-dark.svg)SvelteKit](/topic/sveltekit)[![](/logos/tags/vite-symbol-light.svg)![](/logos/tags/vite-symbol-dark.svg)Vite](/topic/vite) # Reviewing 2021 and predicting 2022 ![CodingCat.dev tutorial cover image](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/8c7fe3a0cf30fffe584e5b4397a438d7ffd8f8c9-1920x1080.png?w=1920&q=82&fit=max&auto=format)[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson) **Reviewing 2021 and predicting 2022 ** is a technical guide on CodingCat.dev by Alex Patterson focused on Builder.io, GitHub, Svelte. Wow there is a lot to comb through during the year after the year that didn't happen. I do my best to find some good frontend updates. ## What technology we see coming for 2022 - Svelte will grow by 10,000%, Brittney says SvelteKit 1.0 will come out 😉 - WebKit will finally allow push notifications - Superbase will takeover as the primary backend for frontend devs - Qwik will rise to fame - [https://github.com/builderio/qwik](https://github.com/builderio/qwik) - Partytown will fix all the browsers third party API issues - [https://github.com/builderio/partytown](https://github.com/builderio/partytown) - Turborepo now owned by Vercel will become standard - [https://turborepo.org/](https://turborepo.org/) - Okay this isn’t coming but finally dead IE, lets all pour one out fo teaching us how to use APIs! - [https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/](https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/) - TypeScript will finally compile faster with a re-write to version 5 tooling. ## Newsletter’s you should follow - From that crazy [Tyler McGinnis](https://twitter.com/tylermcginnis) - [https://bytes.dev/](https://bytes.dev/) - okay in reality I love this newsletter out of all newsletters. If you haven’t noticed we have had Tyler on a time or two. [https://codingcat.dev/podcast/1-10-creating-a-startup](/podcast/1-10-creating-a-startup) [https://codingcat.dev/podcast/1-43-scaling-your-javascript-career-with-ui-dev](/podcast/1-43-scaling-your-javascript-career-with-ui-dev) - [Rendezvous with Cassidoo](https://buttondown.email/cassidoo) if for nothing else a good chuckle! ## What was hot in 2021? - Vite took over - Rust explosion (WASM) - Crypto, blockchain, web3 ## State of JS 2021 I hope this [link](https://2021.stateofjs.com/en-US/) works eventually, for the meantime checkout [2020](https://2020.stateofjs.com/en-US/). ## 2021 - Recap - Adobe Flash was finally sent out to pasture, thank you internet for getting this right! - Fireship (aka Jeff with 1 million followers) released 2021 Tech Trends and Predictions for developers - [https://youtu.be/oHtR5YSPLjo](https://youtu.be/oHtR5YSPLjo) - Wasmer, the first server-side WebAssembly 1.0 was released - [https://medium.com/wasmer/wasmer-1-0-3f86ca18c043](https://medium.com/wasmer/wasmer-1-0-3f86ca18c043) - Snowpack, a frontend build tool 3.0 is released - [https://www.snowpack.dev/posts/2021-01-13-snowpack-3-0](https://www.snowpack.dev/posts/2021-01-13-snowpack-3-0) - Vite the future of frontend tools (just an FYI, Evan You is behind this so it will be the next thing), released 2.0 - [https://vitejs.dev/blog/announcing-vite2.html](https://vitejs.dev/blog/announcing-vite2.html) On another side note we have a podcast coming in 2022 from the peeps behind the Vue.js documentary :D - Vuex a state management pattern + library for Vue.js release 4.0 - [https://github.com/vuejs/vuex/releases/tag/v4.0.0](https://github.com/vuejs/vuex/releases/tag/v4.0.0) - NPM 7 released and includes workspaces - [https://www.infoq.com/news/2021/02/npm-7-generally-available/](https://www.infoq.com/news/2021/02/npm-7-generally-available/) - eBay (yeah that company still exists, and yes they have a JavaScript UI framework they created in like 2012) released Marko 5 - [https://tech.ebayinc.com/engineering/ebay-launches-marko-5/](https://tech.ebayinc.com/engineering/ebay-launches-marko-5/) - Blitz.js, an opinionated Next.js released its Beta version to the world (if anyone can link me up with Brandon Bayer to chat on the pod lmk) - [https://news.ycombinator.com/item?id=26166716](https://news.ycombinator.com/item?id=26166716) - Hasura that crazy fast API building GraphQL gem released Engine 2.0 - [https://hasura.io/blog/announcing-hasura-graphql-engine-2-0/](https://hasura.io/blog/announcing-hasura-graphql-engine-2-0/) ### March - Gatsby that crazy fast React.js static site builder releases version 3.0 [https://www.gatsbyjs.com/blog/gatsby-v3/](https://www.gatsbyjs.com/blog/gatsby-v3/) - Electron 13 was released, now normally I wouldn’t bring this up because Electron has too many major versions. However, Tyler tricked me with Mountain Dew [news](https://bytes.dev/archives/39) so it has stuck in my mind ever sense - [https://www.electronjs.org/blog/electron-13-0](https://www.electronjs.org/blog/electron-13-0) - The V8 engine which basically runs everything, probably the thing you are reading this on (calm down Safari fans its a joke) releases 9.0 - [https://v8.dev/blog/v8-release-90](https://v8.dev/blog/v8-release-90) - Supabase - Launch Week [https://supabase.com/blog/2021/03/25/launch-week](https://supabase.com/blog/2021/03/25/launch-week) ### April - Node.js 16 released, the biggest item is the V8 upgrade to 9.0 - [https://medium.com/the-node-js-collection/node-js-16-available-now-7f5099a97e70](https://medium.com/the-node-js-collection/node-js-16-available-now-7f5099a97e70) - Headless UI 1.0 is released from Tailwind Labs - [https://headlessui.dev/](https://headlessui.dev/) - Lit 2.0 was released. And if you hated webcomponents because of what happened with this whole thing, please check them out again - [https://lit.dev/blog/2021-04-21-lit-2.0-meet-lit-all-over-again/](https://lit.dev/blog/2021-04-21-lit-2.0-meet-lit-all-over-again/) ### May - Angular 12. Now that View Engine is deprecated, it will be removed in a **future major release**. I was hoping this would be in like a couple years, but you should see what happened in November. - [https://blog.angular.io/angular-v12-is-now-available-32ed51fbfd49](https://blog.angular.io/angular-v12-is-now-available-32ed51fbfd49) ### June ### July - This one hit late so I put it in July - SolidJS releases [version 1.0.0](https://github.com/solidjs/solid/releases/tag/v1.0.0). Never heard of it checkout the [perf chart](https://javascript.plainenglish.io/javascript-frameworks-performance-comparison-2020-cd881ac21fce) Ryan Carniato wroteup. - Qwik finally becomes a thing with a big update [version 0.0.12](https://github.com/BuilderIO/qwik/releases/tag/v0.0.12-0). We got to record with [Miško Hevery](https://twitter.com/mhevery) in [Qwik the HTML First Framework](/podcast/1-49-qwik-the-html-first-framework), checkout the Demo in that one at minute [19:30](https://youtu.be/vmUvYC80N0Q?t=1170). - [GitHub Copilot](https://copilot.github.com/) was released in Technical Preview and half of all our jobs were lost. It seemed harmless [at first](https://github.blog/2021-06-29-introducing-github-copilot-ai-pair-programmer/). - [Svelte Storm](https://arronnestor.medium.com/sveltestorm-sveltes-first-ide-83ad1f1a9803) was announced, pretty sure you will have to ask Brittney what this is all about. - GitHub comes out with another banger, [GitHub Code Spaces](https://github.blog/2021-08-11-githubs-engineering-team-moved-codespaces/). These are fast VM’s (maybe faster than your Mac, well at least my son’s Mac) that you can run VSCode in. Stay on those individual accounts though, otherwise hanging out and searching Stack Overflow could cost you a pretty penny. Oh yeah and did I say banger, see why in the Newsletters section below. - Alert Chrome broke the web, then rolled it back (this might happen again) [https://bugs.chromium.org/p/chromium/issues/detail?id=1065085#c72](https://bugs.chromium.org/p/chromium/issues/detail?id=1065085#c72) ### September - Brittney found her dream job at Grainger writing Svelte components. - [Builder.io](http://builder.io/?utm_source=codingcatdev) raises 14M in series A funding and caught my attention ( yes I somehow convinced them I can be a good DevRel) - [https://www.builder.io/blog/14m-series-a-funding-builder](https://www.builder.io/blog/14m-series-a-funding-builder?utm_source=codingcatdev) - Gatsby adds Deferred Static Generation and is 10x faster in the 4.0 release - [https://www.gatsbyjs.com/blog/whats-new-in-gatsby-4/](https://www.gatsbyjs.com/blog/whats-new-in-gatsby-4/) - Meta, or Metaverse, or this weird world we are living in - [https://about.fb.com/news/2021/10/facebook-company-is-now-meta/](https://about.fb.com/news/2021/10/facebook-company-is-now-meta/) - Alex Starts at [Builder.io](http://builder.io/?utm_source=codingcatdev) and is ready to make devs lives easier by providing all those marketing peeps a visual no-code tool that can be exported to your favorite framework. - Brittney starts Svelte Sirens, A Svelte society for women, non-binary people, and allies - [https://sveltesirens.dev/](https://sveltesirens.dev/) - Well the Angular team was not kidding, good bye View Engine! Angular version 13 removes View Engine, standardized on ES2020, no more `ngcc` , good bye IE11 (so happy for this), and components no longer need `ComopnentFactoryResolver` ! [https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296](https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296) - Ionic a cross-platform app tool, built on web tech released 6.0 - [https://ionicframework.com/blog/announcing-ionic-6/](https://ionicframework.com/blog/announcing-ionic-6/) I am sure I am missing a million things, feel free to DM me and I will happily update 😸 ## Resources, Links & Official Documentation - [**Builder.io Developer Documentation:**](https://www.builder.io/c/docs/developers?utm_source=codingcatdev) Visual headless CMS, SDKs, and design-to-code workflows - [**GitHub Documentation:**](https://docs.github.com/) Pull requests, GitHub Actions CI/CD, and repository security - [**Svelte & SvelteKit Documentation:**](https://svelte.dev/docs) Runes, compiler internals, and full-stack SvelteKit routing ## Related CodingCat.dev Tutorials & Podcast Episodes - [**Building the Future of Svelte at Vercel**](/podcast/2-17-building-the-future-of-svelte-at-vercel): We caught up with Rich Harris to see how he was settling into his new role with Vercel and what is next for Svelte. - [**Building Design Systems with Backlight.dev**](/podcast/2-7-building-design-systems-with-backlight-dev): We sit down with m4dz, developer advocate from the
RIOTS team. We talk all about the Backlight.dev design system. - [**Using No-Code with Builder - Part 2**](/podcast/2-2-using-no-code-with-builder-io-part-2): Alex and Brittney sit down with Steve Sewell, Co-Founder and CEO of http://builder.io/, to understand how http://builder.io/ is different from other no-code sol... ## Frequently Asked Questions (FAQ) ### What are the main takeaways from Reviewing 2021 and predicting 2022? Wow there is a lot to comb through during the year after the year that didn't happen. I do my best to find some good frontend updates. Reviewing 2021 and predicting 2022 explores practical patterns for Builder.io, GitHub, Svelte in modern software engineering. Throughout this post, Alex Patterson breaks down real-world implementation details for Builder.io, GitHub, Svelte so developers can apply these patterns directly in production. ### How do you implement Builder.io best practices in production? When adopting Builder.io and GitHub in a production stack, start by validating your configuration against the [**Builder.io Developer Documentation**](https://www.builder.io/c/docs/developers?utm_source=codingcatdev) (Visual headless CMS, SDKs, and design-to-code workflows). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage. ### Where can I watch the full Reviewing 2021 and predicting 2022 walkthrough and find related code resources? You can explore the complete write-up and code examples right here on CodingCat.dev, and subscribe to the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1) for weekly video tutorials. For a deeper dive into Builder.io, check out our related guide: [**Building the Future of Svelte at Vercel**](/podcast/2-17-building-the-future-of-svelte-at-vercel). ✏️ Visual Architecture Diagram ## how this post connects together. Follow AJ from first principles to production-ready architecture. Let’s build it!✏️ Visual Diagram: Reviewing 2021 and predicting 2022✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Reviewing 2021 and predicting 2022: start with Reviewing 2021 and pre, implement Hands-On Implementation, and ship to production.AAA Contrast Verified▶ Watch on @CodingCatDev YouTubeRelated Blog Post & Video ## Watch the Related Video Deep Dive: Sanity Knowledge Bases Eliminate query-time guessing in your AI agents. Learn how Sanity Context Knowledge Bases compile structured datasets, crawled documentation websites, and uploaded files ahead of time, resolve conflicting facts, and serve a compact outline over Context MCP. [View Full Page →](/post/sanity-knowledge-bases)![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/38b0f021c51d97043c8a1ebf31d505a0ea877b7c-2752x1536.jpg?rect=11,0,2731,1536&w=1920&h=1080&q=82&fit=max&auto=format)[@CodingCatDev62.5K / 100K Subscribers Goal](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Subscribe on YouTube→](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Watch on YouTube App ↗](https://www.youtube.com/watch?v=jm5Vq60qYTk&list=UUnKZ8gEb78zXKMi1ns-IQ2g) ## related deep dives. [All Blog Posts→](/blog)[![Sanity Knowledge Bases](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/38b0f021c51d97043c8a1ebf31d505a0ea877b7c-2752x1536.jpg?w=1920&q=82&fit=max&auto=format)](/post/sanity-knowledge-bases)October 17, 2026[![](/logos/tags/mcp-symbol-light.svg)![](/logos/tags/mcp-symbol-dark.svg)MCP](/topic/mcp)[#AI & Agents](/topic/ai)[![](/logos/sanity/Sanity-Symbol--black_on_transparent.svg)![](/logos/sanity/Sanity-Symbol--white_on_transparent.svg)Sanity](/topic/sanity)[+5](/post/sanity-knowledge-bases) ### [Sanity Knowledge Bases](/post/sanity-knowledge-bases) Eliminate query-time guessing in your AI agents. Learn how Sanity Context Knowledge Bases compile structured datasets, crawled documentation websites, and uploaded files ahead of time, resolve conflicting facts, and serve a compact outline over Context MCP. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![The Odin Project 2: Git & GitHub Engineering Workflows](https://cdn.sanity.io/images/hfh83o0w/production/ed2ced73d28d9e429e04e23b418bb53abf123d90-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-git-and-github-workflows)November 4, 2026[![](/logos/tags/git-symbol-light.svg)![](/logos/tags/git-symbol-dark.svg)Git](/topic/git)[![](/logos/tags/github-symbol-light.svg)![](/logos/tags/github-symbol-dark.svg)GitHub](/topic/github)[#DevOps](/topic/devops)[+1](/course/odin-git-and-github-workflows) ### [The Odin Project 2: Git & GitHub Engineering Workflows](/course/odin-git-and-github-workflows) Understand how Git actually stores snapshots, master branching and interactive rebase, write atomic commits, and automate PR checks with GitHub Actions. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)