Syntax - Tasty Web Development Treats

853: The State of Frontend

· Summarized

Share this episode
Anyone with this link can open it.
Share Link
Start at 0:00

Key takeaways

  • React remains the most used frontend framework, but interest is growing for Svelte.
  • Next.js dominates the rendering framework category.
  • Axios is still preferred for data fetching despite the availability of native fetch.
  • Vercel and AWS are leading hosting providers among developers.
  • Performance and user experience are identified as key focuses for future development.

Summary

Introduction to the State of Frontend 2024

Wes and Scott kick off the episode discussing the newly released State of Frontend 2024 survey, which compiled responses from around 6,000 developers across 139 countries. The hosts express excitement about the rich insights the survey provides into current trends, frameworks, and technologies in web development, noting the survey's uniqueness as it represents a broader range of the industry.

Current Framework Landscape

The hosts dive into the survey results regarding frontend frameworks, with React emerging as the most used and liked framework at 70%. They discuss Svelte's impressive 25% usage rate and high interest for future learning, emphasizing the growing curiosity about newer technologies like HTMX. Wes and Scott analyze why some frameworks, while popular, have lower interest in usage compared to newer contenders.

Rendering Frameworks and State Management

In a discussion on rendering frameworks, Next.js takes the top spot at 52% usage, while frameworks like Astro and Remix garner attention for their unique approaches. The conversation transitions to state management tools, with the React Context API being the most commonly used, though the complexities around state management prompt discussions about user preference and industry trends.

Library Usage and Data Fetching Tools

The episode includes insights into the usage of libraries such as Lodash and jQuery, with Lodash leading in popularity. As the hosts explore data fetching technologies, Axios holds significant traction despite the emergence of native fetch, leading to discussions around preferences and reasons behind these choices.

Hosting and Continuous Integration Trends

Scott and Wes analyze the hosting landscape, noting Vercel and AWS as dominant players among developers. They note how continuous integration has shifted towards tools like GitHub Actions, challenging legacy services like CircleCI, as developers seek more integrated, simple solutions.

Future Trends in Web Development

The episode wraps up with predictions on emerging trends. Performance leads the development priorities, while tools like GraphQL are predicted to face a decline in favor of simpler paradigms. The hosts encourage listeners to consider how these predictions align with their experiences in web development.

Sick Picks and Closing Thoughts

In the final moments of the episode, Wes and Scott share their personal recommendations, highlighting the Flighty iOS app and a candle warmer lamp as their 'sick picks.' They close by encouraging listener engagement through comments, especially on Spotify, where they can respond to comments directly.

Sponsors

  • Sentry · Sentry is the error tracking and performance monitoring tool that helps you find bugs and improve the performance of your apps.

Show notes

Scott and Wes dive into the State of Frontend 2024 Survey, breaking down the latest trends, tools, and frameworks shaping the developer ecosystem. Tune in as they react to hot takes on frameworks, state management, hosting, and what’s next for frontend devs!
Show Notes 00:00 Welcome to Syntax!
00:53 Brought to you by Sentry.io.
01:15 About the survey. Follow along! State of Frontend Survey

02:10 Frameworks.
06:15 Rendering frameworks.
07:35 State management.
09:14 Other libraries. Just: Dependency-free Utilities.

13:34 Data. Syntax Episode 453.
Syntax Episode 833.

16:39 Hosting. AWS Amplify.

19:51 Continuous Integration.
21:30 Micro-frontends.
23:25 Package Managers. pnpm Link Workspace Packages.
Corepack.

28:35 JS Runtimes.
29:47 Typescript.
33:13 Browser Technologies.
35:05 What is app property?
38:20 Progressive Web Apps.
40:11 Styling tools.
43:17 Testing.
45:39 Code editors.
49:02 Build tools.
49:17 Linting tools.
50:26 Operating systems.
51:17 The future trends.
54:14 Sick Picks + Shameless Plugs.
Sick Picks Scott: Candle Warmer.
Wes: Flighty iOS App.
Shameless Plugs Scott: Syntax on Bluesky

Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads

Follow this show on AudioBrevity and new episodes get summarized for you. Create a free account

Couldn't load the audio. A blocker may be stopping the show's tracking links. Open the file