Dev News: React 19, Bun comes to Angular, GitHub AI Fund

It’s been two years since React 18 was released, so it’s no surprise that there is some anticipation for the release of React 19. And it’s coming soon, promised in his recent React blog post.

“After several years of iterations, react@canary is now ready to ship to react@latest. “The next version of React will be a major version, React 19, because asset loading and document metadata can be breaking changes for some apps.” the team wrote in an update post on Thursday. This is my first blog update in 10 months.

“React 19 also adds long-requested improvements that require breaking changes, such as support for web components,” they continued. “Our current focus is to reflect these changes, prepare for release, complete documentation of new features, and publish announcements about what will be included.”

Theo Browne, a front-end YouTube programmer and CEO of Ping.gg, provides a breakdown of why this news matters and provides insight into React Canary. He also mentioned this recent X (Twitter) Post Written by React core team member Andrew Clark, it generated quite a bit of positive buzz.

Tweet by React core team member Andrew Clark

Angular updates with Signal-related APIs, Bun support

Angular v18 will be released in May, but this week’s Angular v17.2 release brings several upfront benefits for developers, including two new Signal-related APIs and CLI support for the JavaScript runtime and Node competitor Bun. provided.

Minko Gechev, head of product and developer relations for Angular at Google, explained that the API is part of Angular’s use of signals to modernize its reactivity model. He added that these will be released in developer preview so developers can provide feedback to the Google team before they are finalized. The v17.2 release includes two APIs.

1. Signal Queries: The original view query API that Angular has used since its release requires type safety and “doesn’t have optimal developer ergonomics,” Gechev said. “At the same time, signals are good primitives for representing values ​​that change over time,” he continued. Last year, the team proposed signal-based queries, which is the API released this week. Developer Preview His code was shared in his Gechev post.
2. Model inputs: According to Gechev, signal inputs are read-only to enforce best practices. To share state between parent and child components, Angular needed writable signals. This is where the model input API comes into play. “This pattern allows two-way data binding with signals,” he says Gechev.

Also new in this release is CLI support for Bun, an alternative to Node. Bun can handle approximately 3x more HTTP requests per second than Node.js when rendering React server-side.

This Angular update also includes experimental support for Material 3 themes in Angular Materials and two performance enhancements: hydration debugging support in Angular’s DevTools and Netlify’s image loader.

Astro 4.4 improves streaming performance

JavaScript framework Astro released v4.4 on Thursday with improved streaming performance and added performance auditing.

Astro recently learned that ReadableStreams on Node.js was slower than expected, so the team migrated to using Astro. AsyncIterable Use Node.js instead.

“Specifically, this change reduced build time for Starlight websites with large sidebars by up to 47% in extreme cases,” the team wrote.

They added that no changes are required to take advantage of this improvement, which helps both static builds and runtime performance.

The team also added performance auditing for the development toolbar.

“Similar to the currently available accessibility audits, performance audits can help you identify and fix performance issues on your Astro site,” the Astro team writes. “For example, the developer toolbar warns you when lazy-loaded images are above the fold and recommends using eager loading to improve performance.”

The Audit app in the developer toolbar also now has a small UI that displays a list of detected issues. This list allows developers to jump to relevant parts of the page to address identified issues. The plan is to expand the information provided to include advice on how to resolve the issue.

Also in this release: New inferSize property that allows Astreo to automatically infer the dimensions of remote images.

GitHub gives $400,000 to developers building open source AI projects

As GitHub’s accelerator program enters its second cohort, GitHub will provide $400,000 in funding, marketing, and mentorship to 10 developers building open source, AI-based solutions. This year’s theme is the complex task of bringing AI advances into public view. This follows a significant increase in the total number of AI projects generated on GitHub.

The winner will receive $40,000 in diluted stock, free access to GitHub Copilot, an introduction and office hours from Microsoft’s venture fund M12, and up to $350,000 in Azure AI infrastructure, including access to a high-end GPU virtual machine cluster. (including priority access). ).

Applications will be reviewed on a rolling basis until the deadline of March 5th at 12:00 PM PST, with cohort kickoff scheduled for April 22nd.

GitHub also announced additional funding backed by M12 to fund early-stage open source startups and provide resources such as GPU access for model training and tuning, and networking opportunities. did.

Lorraine Lawson is a veteran technology reporter with 25 years of experience covering technology issues from data integration to security. Before joining The New Stack, he was an editor at the banking technology site Bank Automation News. She has…

Read more about Lorraine Lawson