InfoQ Homepage React Content on InfoQ
-
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.
-
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.
-
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.
-
React Native 0.64 Brings the Hermes JavaScript Engine to iOS
The latest version of React Native adds support for the Hermes JavaScript engine on iOS and moves to React 17.
-
Writing Native Windows Apps with React and WinUI 3
The latest releases of React Native Windows, a Microsoft framework for building native Windows 10 applications, upgrade to the latest React Native version (0.64) and experimentally support WinUI 3 (in preview). Microsoft also maintains react-native-macos for native MacOS applications.
-
Amplify Flutter Brings Together Flutter and AWS for Cross-Platform Apps
Amplify Flutter aims to simplify the creation of cross-platform apps for iOS, Android, and the Web using Google Flutter UI toolkit and AWS. Announced as a developer preview last August, Amplify Flutter is now generally available and includes new Data, API, and Auth capabilities.
-
The Preact Team Releases WMR to Simplify Modern Web App Development
Jason Miller, creator of 3KB Preact alternative to React, recently released WMR, a *tiny all-in-one development tool for modern web apps*. WMR, in a single 2MB file with no dependencies, supports importing npm packages without prior installation, and many of the productivity and production features customary to developers (e.g, hot module reloading, JSX, CSS modules, TypeScript, and more).