State of React Results, TypeScript 5.8, and v0 Upgrades
Full Description
Please take our listener survey: https://forms.gle/yihkDTG5jwpEZNzGA so we can better tailor the podcast to your interests. Itâs only mid-February and already the State of React survey results for 2024 are in! Unsurprisingly Next.js continues to dominate as the most used React-based framework and Tailwind CSS tops the charts when it comes to CSS tools and libraries. TypeScript 5.8 beta brings TypeScript syntax one step closer to being a first-class citizen in the Node runtime. Node 23.6 unflagged experimental support for running TS files directly, but certain TS constructs like enums, import aliases and a few other things just arenât supported. TS 5.8 beta introduces the --eraseabeSyntaxOnly flag, which will allow users to only write TS constructs that can be erased from a Node file, and will issue an error if it encounters constructs that canât be erased cleanly. Vercelâs AI tool v0 can now import Tailwind configs and Figma files. Now, designs begun in Figma can be imported to v0 to refine without the friction of design-to-code translation, and custom font weights and colors can be added to directly from a custom Tailwind config file. Honeypot, the folks who made the high quality documentaries about the origins of Node.js and the React team are at it again with a new documentary about AngularJS. And Astro 5.2 is out with support for Tailwind 4 and TOML frontmatter in Markdown. CSS hanging-punctuation is our Fire Starter topic for this episode. Hanging punctuation gives web designers finer grained control over typography, allowing punctuation characters at the start of text elements to live âoutsideâ the box to preserve reading flow. The difference is small, but those extra touches can really add up to an overall better experience.