Dev Roundup, Jan 2023 Pt 1

My collection of interesting, useful, and trending content for software developers. The Jan 2023 Part 1 edition.

Noah Matsell • January 15, 2023

Copy URL

Contents

This edition includes the release of the State of JS survey results, a tool for JS framework comparison/evaluation, top web vitals performance tips for 2023, and more!

Around the Web 🕷

Component Party

A handy visual tool for comparing JS framework syntaxes. Compare concepts like reactivity, templating, lifecycle, component composition, form inputs, and webapp features.

Web component JS frameworks overview by their syntax and features: Svelte, React, Vue 3, SolidJS, Qwik, Angular, Lit, Vue 2, Ember, Alpine, Aurelia 1

Building a theme switch component

An authoritative and comprehensive look at building a theme toggling functionality with javascript. This covers everything you need to know — from building and animating a toggle, to applying and synchronizing the theme based on user preference.

A foundational overview of how to build an adaptive and accessible theme switch component.

Creative South '23

I don't know too much about the conference itself, but I added to highlight this beautifully designed page. The playful header animation, the fonts, colors, and other small interactions make this page a delight.

Join us from March 30th thru April 1st - Creative thinking, collaboration, and plenty of spectacular nonsense. This year’s family of dreamers awaits you at Creative South.

March 30, 2023

Building a fast, animated image gallery with Next.js

Techniques the Vercel team used to build an image gallery site that can handle hundreds of large images while maintaining performance and user experience.

Learn how to build a performant image gallery using the Next.js image component and Cloudinary that can handle hundreds of large images and deliver great UX.

The State of JS 2022

Released earlier this month. Explore the results and insights from 39,471 respondents that took part in the most recent State of JS survey.

The 2022 edition of the annual survey about the latest trends in the JavaScript ecosystem.

Core Web Vitals Recommendations for 2023

This article shares top recommendations to improve performance for each of the three core web vitals metrics: Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), First Input Delay (FID).

A collection of best practices for optimizing websites’ Core Web Vitals performance based on the state of the web in 2023.

Notable Tweets 🐦

I love Excalidraw! It's a simple and effective diagramming tool on its own, but can also be embedded into third-party apps. Great to see this open source tool is becoming even more extensible and customizable.

Excalidraw @excalidraw

Introducing 0.14 of our npm package, bringing the new editor design to your apps! 🚀
🔥 Read more on our blog post, or check the release notes at: Release v0.14.0 (2023-01-13) · excalidraw/excalidraw

Rethinking the Component API | Excalidraw Blog

Get up to speed on the latest news and dive deep into inner workings of Excalidraw

blog.excalidraw.com

166 3 16

8:23 a.m. – January 13, 2023 - View Tweet

This lens refraction effect is mind blowing!

☄︎ @0xca0a

weekly hints: the awwwards magnifier thing. it's fairly easy now but in this annotated sandbox you learn how to apply it performantly to a scroll website. this one came from @bruno_simon's journey discord.
sandbox: Scrollcontrols and lens refraction - CodeSandbox GH sponsors Sponsor @drcmda on GitHub Sponsors 🙏

1193 15 125

8:25 a.m. – January 8, 2023 - View Tweet

A great little tool if you're using Tailwind and looking to extend and personalize your theme color palette.

Jonathan Wilke @jonathan_wilke

Quick tip everyone using @tailwindcss:
With UI Colors | Tailwind CSS Color Shades Generator & Editor you can easily create a color palette from your brand color 🚀