InfoQ Homepage Reactive Programming Content on InfoQ
-
Preact Joins the Crowd and Bakes in Reactivity Primitives with New Signals API
The Preact JavaScript framework recently released Signals, a new set of reactive primitives for managing application state. Signals let developers associate parts of the user interface with state variables independently of the UI’s component tree. Alleged benefits of the extra 1.6KB: fast re-renders that are independent of the shape of the UI component tree and excellent developer ergonomics.
-
Slate 0.82 and Plate 15 Releases Improve Rich-Text Editing Experience
Slate 0.82.0 made significant updates for its support of editing on Android devices and introduces `useSlateSelection` and additionally adds a React hook that triggers whenever the selection changes. Plate 15 improves its Link toolbar, improves paste handling of hyperlinks into an editor page, and provides greater control over rendering within plugins.
-
Uber Introduces a Universal Signup and Login Stack
Uber recently introduced Unified Signup and Login (USL), an effort to consolidate signup and login experiences across all Uber apps and services. USL lowers the engineering complexity and maintenance overhead and allows faster rollout of security policies and fixes. Over the last two years, Uber rolled out USL and currently, more than 78% of Uber's traffic has adopted USL.
-
Quarkus 2.8.0 Introduces Fine-Grained Transaction API
Red Hat has released Quarkus 2.8.0 that delivers integration with the RESTEasy Reactive REST layer and GraalVM 22.0 by default. A fine-grained programmatic transaction API offers more control over transactions.
-
React 18, Introducing the Concurrent Renderer
React 18 is out and includes the long-awaited concurrent renderer, which enables React to offer several improvements, including the ability to interrupt the rendering process.
-
Etsy Moves from React to Preact to Lower Migration Risks
Ben Sangster, software engineer at Etsy, recently detailed the reasoning behind Etsy’s migration from React v15.6 to Preact 10. Going beyond the difference in library size, Sangster argued that adopting Preact lowered the risk associated to migrating Etsy’s large codebase. As Preact was already used by Etsy’s front-end team, migrating to Preact would avoid maintaining a fragmented stack.
-
Gatsby 4 - More Than a Static Content Generator
Gatsby 4, the latest iteration of the popular static site generator, is now out, offering developers improved build speeds alongside new ways for delivering content.
-
Streamlining the Handoff between Designers and Developers - Travis Arnold at React Finland 2021
Travis Arnold recently presented how JSX and compiler technologies can be used conjointly to make the handoff between designers and developers more efficient. While the ideas presented are not yet implemented in any publicly available tool or library, the ideas of Arnold, who describes himself as a designer/developer, may serve to illustrate possible avenues for improved collaboration.
-
Facebook CSS-in-JS Solution Stylex Introduced at React Finland 2021
Naman Goel, software engineer at Facebook, recently presented Stylex at React Finland 2021. Stylex is Facebook’s custom CSS-in-JS solution used for the new facebook.com website. StyleX alleviates key pain points of CSS-in-JS for large React applications (unused styles, large CSS files, CSS-in-JS library size). Goel anticipates that Stylex will be open-sourced by the end of 2021.
-
ReScript, a Fully-Typed Javascript Alternative
ReScript is one of several emerging programming languages that helps web developers build complex web applications that can be transpiled into JavaScript and run in the browser.
-
Performance-Focused Reactive UI Framework Solid.JS Releases First Major Version
Solid.js, a reactive JavaScript UI library, released its first major iteration. Solid replicates many capabilities (e.g., server-side rendering, concurrent rendering) and APIs (e.g., stores, context, directives) present in other frameworks. Developers map the appearance and behavior of user interfaces to a set of reactive dependencies. Solid compiles the statements to imperative DOM operations.
-
Piral, a Modern React-Based Microfrontends Library
Piral is a JavaScript library for creating modular microfrontends application based on React.
-
Next.js 11 Released with New Script and Image Loading Strategies
The Next.js team recently released Next.js 11. The new version strives to improve actual and perceived performance for developers and end-users (start-up time, third-party scripts loading, image and placeholder loading). Next.js v11 also provides an experimental codemod that migrates a Create React App application to Next.js.
-
Relay Hooks Released, Improves User Experience with Data Prefetching
Robert Balicki and Juan Tejada, software engineers at Facebook, recently released Relay Hooks, a set of new APIs for fetching and managing GraphQL data. Relay Hooks have been battle-tested on the Facebook.com rewrite, and are the recommended way to use Relay at Facebook.
-
Rendering Large Logs in the Browser for GitHub Actions
Rendering large logs in a browser can be a complex task if you want a rich UI including coloring, grouping, search, and permalinks, says GitHub engineer Alberto Gimeno. This is why after testing with both a React and plain JS library, they opted to build their own.