InfoQ Homepage React Content on InfoQ
-
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).
-
TypeScript 4.1 Adds Template Literal Types
The TypeScript team announced the release of TypeScript 4.1, which includes powerful template literal types, key remapping of mapped types, and recursive conditional types.
-
Micro-Frontends with single-spa
Micro-frontend extends the concept of Micro-services to the frontend. The goal is to break down large SPA into smaller independent applications that can use different technologies and be developed and managed by separate teams. single-spa is a framework that helps developers achieve that goal by simplifying the composition of multiple front-end applications into a single product.
-
Airbnb Releases Visx, a Set of Low-Level Primitives for Interactive Visualizations with React
Airbnb Engineering recently released the first major iteration of visx, a set of low-level React components that can be composed into interactive visualizations. Visx builds on D3 primitives, React component model, and React DOM handling. Visx strives to provide a data visualization front-end solution that is easy to learn without sacrificing expressiveness.