Reviewing 2021 and predicting 2022

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
• Partytown will fix all the browsers third party API issues - https://github.com/builderio/partytown
• Turborepo now owned by Vercel will become standard - 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/
• TypeScript will finally compile faster with a re-write to version 5 tooling.

Newsletter’s you should follow

• From that crazy Tyler McGinnis - 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 https://codingcat.dev/podcast/1-43-scaling-your-javascript-career-with-ui-dev
• Rendezvous with 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 works eventually, for the meantime checkout 2020.

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
• Wasmer, the first server-side WebAssembly 1.0 was released - 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
• 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 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
• NPM 7 released and includes workspaces - 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/
• 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
• Hasura that crazy fast API building GraphQL gem released 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/
• 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 so it has stuck in my mind ever sense - 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
• Supabase - 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
• Headless UI 1.0 is released from Tailwind Labs - 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/

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

June

July

• This one hit late so I put it in July - SolidJS releases version 1.0.0. Never heard of it checkout the perf chart Ryan Carniato wroteup.
• Qwik finally becomes a thing with a big update version 0.0.12. We got to record with Miško Hevery in Qwik the HTML First Framework, checkout the Demo in that one at minute 19:30.
• GitHub Copilot was released in Technical Preview and half of all our jobs were lost. It seemed harmless at first.
• Svelte Storm was announced, pretty sure you will have to ask Brittney what this is all about.
• GitHub comes out with another banger, GitHub Code Spaces. 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

September

• Brittney found her dream job at Grainger writing Svelte components.
• Builder.io 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
• Gatsby adds Deferred Static Generation and is 10x faster in the 4.0 release - 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/
• Alex Starts at Builder.io 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/
• 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
• Ionic a cross-platform app tool, built on web tech released 6.0 - 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: Visual headless CMS, SDKs, and design-to-code workflows
• GitHub Documentation: Pull requests, GitHub Actions CI/CD, and repository security
• Svelte & SvelteKit Documentation: Runes, compiler internals, and full-stack SvelteKit routing

Related CodingCat.dev Tutorials & Podcast Episodes

• 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: We sit down with m4dz, developer advocate from the <div>RIOTS team. We talk all about the Backlight.dev design system.
• Using No-Code with Builder - 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 (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 for weekly video tutorials. For a deeper dive into Builder.io, check out our related guide: Building the Future of Svelte at Vercel.