Logo
    Search

    790: State of JS 2023 Reactions

    enJuly 03, 2024

    Podcast Summary

    • Front-end frameworks popularityReact remains the most popular front-end framework, with a 3% increase in usage. Vue, Svelte, Angular, and Lit also saw growth, except for Angular which experienced a significant decrease.

      According to the State of JS 2023 survey results, React continues to be the most popular front-end framework, with a 3% increase in usage. Other frameworks like Vue, Svelte, Angular, and Lit also saw growth, except for Angular which experienced a significant decrease in usage. This survey provides valuable insights into the current trends and preferences of the JavaScript community regarding the tools and technologies they use. Despite the biases in the data, it's interesting to see the increasing adoption of various front-end frameworks as developers continue to explore their options. Additionally, the discussion touched upon the importance of using tools like Sentry and Century to monitor and optimize code performance, ensuring a better user experience.

    • React complexity, competitionDespite React's popularity, its dominance and complexity have led to decreased positivity and increased usage of alternative frameworks like Svelte and Solid.

      While React has seen widespread adoption since 2016, its positivity has decreased by 10% in the past two years. Meanwhile, frameworks like Svelte and Solid have seen increased positivity and usage. Front-end developers have identified React's dominance and excessive complexity as major pain points. Interestingly, the usage of meta-frameworks like Next.js has increased, but positivity and retention have decreased. These findings suggest that while React and Next.js are popular, developers may be experiencing challenges and dissatisfaction with their use.

    • Jamstack frameworks comparisonDespite the trend towards server-side rendering, the speaker has been doing more Jamstack work due to the pain points associated with Next.js and the appeal of easier-to-deploy frameworks like Svelte Kit and Astro.

      Svelte Kit and Astro have seen significant positivity upticks in recent years, with Svelte Kit particularly gaining popularity. Astro, on the other hand, has seen a significant increase in usage since 2021. Gatsby's usage has remained standard but has gone down over the years. The speaker expresses surprise that he's been doing more "Jamstack" work than ever before, despite the trend towards server-side rendering (SSR) for SEO and SEO-heavy pages. He also laments the lack of attention given to lesser-known frameworks like Quick, Redwood, and Adonis. The speaker discusses the pain points associated with Next.js, including issues with the app router and caching, excessive complexity, and deployment challenges. He notes that many of these issues could be alleviated by using alternative frameworks that are easier to deploy and don't require as much mental overhead. He also touches on the appeal of frameworks that make all the choices for you, like Laravel, and how this can lead to lock-in and potential future costs. Overall, the speaker emphasizes the importance of considering all the options and not just choosing the most popular framework. He encourages developers to explore lesser-known frameworks like Quick, Redwood, and Adonis, which may offer better solutions to common pain points.

    • JavaScript hosting solutionsNext.js offers benefits like automatic code splitting and server-side rendering but requires more commitment. CloudFlare is popular for its simplicity. Webpack is common but faces challenges with configuration and performance. Rollup and Rolldown offer faster build times. Node.js and browser are dominant JavaScript runtimes.

      While Next.js offers numerous benefits such as automatic code splitting, server-side rendering, and easy deployment, it also comes with the drawback of being less flexible and requiring more commitment compared to deploying a simple node app. CloudFlare has emerged as a popular hosting solution due to its simplicity and ease of use, even though it may not offer the same level of integration and versatility as Next.js. Webpack remains the most commonly used build tool, but projects like Rollup and Rollup's successor Rolldown are gaining traction as they offer faster build times and are built from scratch in Rust. Configuration and performance continue to be major pain points with Webpack, and the transition to ESM and away from CommonJS remains a challenge. The JavaScript runtime landscape is split between Node.js (used by 94% of respondents) and the browser (used by 83%), with smaller players like Bun and Deno making up only a fraction of the market. Overall, the landscape of JavaScript frameworks, build tools, and hosting solutions is constantly evolving, and developers must weigh the pros and cons of each option to make the best choice for their specific use case.

    • Backend runtimes comparisonDespite the hype around Bun, the speaker continues to use Express due to its middleware system and lack of significant performance issues, but expresses a desire to explore other options like Digital Ocean functions and Cloudflare workers.

      While Bun has gained significant hype in the last year, the speaker hasn't fully committed to it due to the excellent features of other runtimes like Node.js and Dino. The speaker also expressed some confusion about the distinction between different runtimes and their relationship to JavaScript. The data presented in the discussion showed that Express remains the most popular backend framework, with 73% of respondents using it. The speaker shared reasons for their continued use of Express, including the difficulty of moving away from its middleware system and the fact that they don't experience significant performance issues with it. The speaker also expressed a desire to move away from Express due to the need to convert fetch requests to the Express format, which they find to be a pain point. The speaker also mentioned their interest in exploring digital ocean functions and their surprise at the similarity in usage between Cloudflare workers and Netlify. Overall, the discussion highlighted the challenges and considerations involved in choosing a backend runtime and framework, as well as the speaker's ongoing relationship with Express.

    • Programming languages and hosting servicesPython is the most popular programming language with 44% usage, AWS is the leading hosting service with 47% usage, and JavaScript is the primary language for front-end development with 98% usage.

      Python, Java, and C-sharp are the top three non-JavaScript programming languages used by developers, with Python leading at 44%. Java follows at 31%, and C-sharp is at 14%. Python's popularity can be attributed to its versatility and the prevalence of AI and machine learning projects. AWS is the most popular hosting service for selling, with 47% usage, followed closely by AWS's competitor, Azure, at 19%. TypeScript is the preferred choice for JavaScript development, with 32% usage, and 9% of respondents opting for 100% JavaScript. JavaScript is primarily used for front-end development, with 98% usage, but also for backend (67%), mobile (27%), and desktop app development (20%). The survey also revealed that Go and Rust are less popular than expected, with 5% and 3% usage, respectively. Heroku, which was once a popular choice for hosting, now ranks fifth with 25% usage, while newer hosting services like Fly.io, Render, and Railway are gaining popularity. The survey results demonstrate that the landscape of programming languages and hosting services continues to evolve, with Python, AWS, and TypeScript leading the way.

    • JavaScript trendsDevelopers are exploring new features like pipe operator, signals, and pattern matching, but lack of built-in types is identified as a top missing feature. Pipeline operator proposal is in a stagnant stage. Major sectors include programming, consulting, and e-commerce.

      JavaScript developers continue to explore new features and improvements, particularly in the areas of desktop apps, TypeScript, standard library, and date management. During a conversation at JS Nation, the lack of built-in types in JavaScript was identified as a top missing feature. Other areas of interest included the pipe operator for easier data manipulation and the potential addition of signals and pattern matching. The pipeline operator proposal, however, seems to be in a stagnant stage. The industry sectors with the most respondents were programming and technical tools, consulting and services, and e-commerce and retail. These findings provide valuable insights into the current trends and priorities within the JavaScript development community. It's important to remember that the survey results represent the perspectives of those who chose to participate and not the industry as a whole.

    • JavaScript technologies and toolsVeet is the most adopted technology in JS, V is expected to have the highest retention next year, Bun has the most interest, and React is the most loved library.

      During a recent discussion about the State of JS, the most adopted technology was identified as Veet, with the highest retention going to V next year. The technology with the most interest was Bun, and the most write-ins were for the term "quick." In the awards section, React was the most loved library, and V was the library with the highest proportion of positive opinions. The hosts also shared their "sick picks," including a USB-C rechargeable lighter and a monkey noodle toy. Overall, the conversation highlighted the continued popularity of various JavaScript technologies and tools.

    • Simple pleasures, everyday joysFinding joy in everyday life, no matter how small, can lead to greater happiness. Examples include playing with a stress ball or getting a long-overdue dental procedure.

      The speakers on this podcast episode, Scott and CJ, shared their experiences of finding simple pleasures in everyday life, whether it's playing with a stress ball or getting a long-overdue dental procedure. Scott shared his love for the Grab a Monkey Noodle stress ball, mentioning how he's been playing with it throughout the episode. He also mentioned his ADHD tendencies and how the audience has noticed his restlessness during their video recordings. CJ chimed in, sharing his own experience of chipping his front teeth on a hard pita chip and getting them fixed after eight years. They also took the opportunity to promote their merchandise store, Sentry Shop and Syntax.fm, where they sell various items like T-shirts, skate decks, basketballs, and koosies. They mentioned that they've sold out of some items, including Yetis, but have new merchandise on the way. Overall, the episode showcases the importance of finding joy in the little things and the excitement of new merchandise.

    Recent Episodes from Syntax - Tasty Web Development Treats

    790: State of JS 2023 Reactions

    790: State of JS 2023 Reactions

    Scott and Wes dive into the 2023 State of JavaScript survey, breaking down the latest trends and pain points in front-end frameworks, build tools, and JavaScript runtimes. Tune in for their hot takes and insights on what’s shaping the JavaScript landscape this year!

    Show Notes

    Sick Picks

    Shameless Plugs

    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

    789: Do More With AI - LLMs With Big Token Counts

    789: Do More With AI - LLMs With Big Token Counts

    Join Scott and CJ as they dive into the fascinating world of AI, exploring topics from LLM token sizes and context windows to understanding input length. They discuss practical use cases and share insights on how web developers can leverage larger token counts to maximize the potential of AI and LLMs.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    CJ: X Instagram YouTube TwitchTV

    Randy: X Instagram YouTube Threads

    788: Supabase: Open Source Firebase for Fullstack JS Apps

    788: Supabase: Open Source Firebase for Fullstack JS Apps

    Scott and CJ chat with Paul Copplestone, CEO and co-founder of Supabase, about the journey of building an open source alternative to Firebase. Learn about the tech stack, the story behind their excellent documentation, and how Supabase balances business goals with open-source values.

    Show Notes

    • 00:00 Welcome to Syntax!
    • 00:30 Who is Paul Copplestone?
    • 01:17 Why ‘Supa’ and not ‘Super’?
    • 02:26 How did Supabase start?
    • 08:42 Simplicity in design.
    • 10:32 How do you take Supabase one step beyond the competition?
    • 12:35 How do you decide which libraries are officially supported vs community maintained?
      • 15:17 You don’t need a client library!
    • 16:48 Edge functions for server-side functionality.
    • 18:51 The genesis of pgvector.
    • 20:59 The product strategy.
    • 22:25 What’s the story behind Supabase’s awesome docs?
    • 25:26 The tech behind Supabase.
    • 35:46 How do you balance business goals with open source?
    • 42:01 What’s next for Supabase?
    • 44:15 Supabase’s GA + new features.
    • 48:24 Who runs the X account?
    • 50:39 Sick Picks + Shameless Plugs.

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    CJ: X Instagram YouTube TwitchTV

    Randy: X Instagram YouTube Threads

    787: You Should Try Vue.js

    787: You Should Try Vue.js

    Scott and CJ dive deep into the world of Vue.js, exploring what makes this frontend framework unique and why it stands out from React and Svelte. CJ gives a comprehensive tour, covering everything from getting started to advanced features like state management and Vue’s built-in styles.

    Show Notes

    Vue.js: The Documentary.

    Sick Picks

    Shameless Plugs

    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

    786: What Open Source license should you use?

    786: What Open Source license should you use?

    Scott and CJ dive into the world of open source, breaking down its meaning, benefits, and the various types of licenses you’ll encounter. From permissive licenses like MIT and Apache 2.0 to copy-left licenses such as GNU GPLv3, they’ll help you choose and apply the right license for your project.

    Show Notes

    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

    785: What’s Next for NextJS with Tim Neutkens

    785: What’s Next for NextJS with Tim Neutkens

    Scott and Wes dive into the world of Next.js with special guest Tim Neutkens from Vercel. They explore the latest updates, including the React Compiler and React Server Components, discussing their impact on developer workflows and the future of Next.js development.

    Show Notes

    • 00:00 Welcome to Syntax!
    • 00:30 What does the React Compiler do?
    • 05:04 Will React Compiler help with managing Context?
    • 06:39 What happens if you’re not using a React Compiler?
    • 09:30 Will this work on any NextJS version?
    • 12:18 What are React Server Components?
    • 16:28 Shipping all the data inside an encapsulated component.
    • 20:17 Clearing up the frustrations around retrofitting server components.
    • 23:13 Handing migration.
    • 28:30 Is this just a fetch request with props?
    • 36:41 How closely are the NextJS and React teams working?
    • 41:53 Will we ever get Async Client Components?
    • 43:52 Async Local Storage API.
    • 45:31 Turbopack.
    • 57:51 Sick Picks & Shameless Plugs.

    Sick Picks

    Shameless Plugs

    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

    784: Logging × Blogging × Testing × Freelancing

    784: Logging × Blogging × Testing × Freelancing

    In this Potluck episode, Scott and Wes tackle listener questions on modern blogging, website environmental impact, and using LangChain with LLMs. They also cover CSS hyphens, unit vs. integration testing, and balancing web development with new parenthood.

    Show Notes

    Sick Picks

    Shameless Plugs

    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

    783: How We Built a Netflix Style “Save for Offline” Feature Into Syntax

    783: How We Built a Netflix Style “Save for Offline” Feature Into Syntax

    Scott and Wes dive into the world of browser caching for audio files, exploring the File System API and the Cache API. They discuss size restrictions across different browsers, how tools like Riverside.fm leverage IndexedDB, and walk through code examples for creating, retrieving, and managing cached audio data.

    Show Notes

    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

    782: The Developer’s Guide To Fonts with Stephen Nixon

    782: The Developer’s Guide To Fonts with Stephen Nixon

    Scott and CJ are joined by Stephen Nixon of ArrowType to delve into the world of fonts and type for developers. They explore the intricacies of font creation, the utility of variable fonts, and offer tips for making visually appealing typography on the web.

    Show Notes

    Sick Picks

    Shameless Plugs

    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

    781: Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode

    781: Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode

    In this potluck episode of Syntax, Scott and CJ serve up a variety of community questions, from the nuances of beginner vs. advanced TypeScript to the pros and cons of SvelteKit. They also discuss falling out of love with React, shipping private packages via NPM, and the eternal struggle of always starting but never finishing projects.

    Show Notes

    Sick Picks

    Shameless Plugs

    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