Dev Roundup, Jul 2024

Around the Web 🕷

State of React 2023

The 2023 State of React survey ran from October 27 to November 15 2023, and collected 13,003 responses. The results were published on July 20, 2024.

Highlights for me:

• 71% of survey respondents said they were using React 18. Impressive!
• React Aria, Radix, and shadcn named most "positive" for dev experience and sentiment
• In terms of pain points with new APIs, React Server Components, Excessive Complexity, and Next.js ranked most problematic.

The 2023 edition of the annual survey about the latest trends in the React ecosystem.

2024 Stack Overflow Developer Survey

Going beyond just React, this survey gives us a broader look at the developer landscape as of May 2024. Over 65,000 developers responded to our annual survey about coding, the technologies and tools they use and want to learn, AI, and developer experience at work.

A few quick insights:

• Top languages: JavaScript, HTML/CSS, Python, SQL, TS
• Top DB: PostgreSQL, runner-up MySQL
• Top Frameworks: Node, React, jQuery, Next.js
• Top IDE: Visual Studio Code by a very wide margin (%73.6)

In May 2024, over 65,000 developers responded to our annual survey about coding, the technologies and tools they use and want to learn, AI, and developer experience at work. Check out the results and see what’s new for Stack Overflow users.

Hand Drawn Arrows

These doodly little arrows add a human touch to your UIs. And they're all SVGs so still they'll stay looking nice and crisp no matter how you size them.

A collection of hand-drawn arrows, doodles, and infographic elements for your next project.

HTML Tags Memory Test

A Codepen based game to test your knowledge and memory of HTML tags. How many can you get?

See the Pen HTML Tags Memory Test on CodePen.

Animated Continuous Sections with GSAP Observer

There's something I found so satisfying about this effect. The way the background transitions slide in and the staggered text is revealed. It's also a good demonstration of how GSAP's Observer can be used.

See the Pen Animated Continuous Sections with GSAP Observer on CodePen.

Michal Zalobny | Portfolio

A fun portfolio that displays project cards in list, 3D stack and 3D globe layouts. I had fun with the scrolling and transitions.

Portfolio showcasing my skills in WebGL and Frontend Engineering through a collection of personal and professional projects.

Buttermax: Slosh Seltzer

This is a wild ride. A rich 3D experience with over the top scroll based effects and interactivity.

Get the good times flowing with Buttermax’s newest brainchild Slosh Seltzer, an in-house maximalist design exploration

Drug Test Innocence

A really interesting display of different scroll based techniques. This site uses these visuals to for enhanced and effective storytelling.

The largest source of wrongful convictions in the United States. It’s time to limit the use of unreliable drug tests and their devastating impacts on people and communities

O Positive Films

There are some lovely page transitions on this site. Click around and be delighted.

O Positive is a bi-coastal production company that Creativity calls small but mighty. We like that.

Blobmixer

A juicy, blobby, 3D experience that will mesmerize you.

A toy for creating and sharing 3D blobs