InfoQ Homepage React Content on InfoQ
-
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.
-
Inertia.JS Lets Developers Write API-Free Monolithic React/Vue/Svelte Applications in PHP or Ruby
Inertia.js allows developers to write single-page applications using classic server-side routing and controllers. Inertia tightly couples the backend to the frontend so developers need not write APIs. Developers can use battle-tested server-side frameworks (e.g., Laravel, Ruby on Rails, Django, AspNetCore). On the client, developers can use React, Svelte, or Vue to implement the user interface.
-
Next.JS 10 Brings Automatic Image Optimization, Internationalized Routing, and Web Vitals Analytics
Vercel, the creator of the Next.js React framework, recently announced Next.js 10 at the first annual Next.js Conf. Next.js 10 features automatic image optimization, internationalized routing, continuous web vitals analytics.
-
Facebook.com Redesign: Stack and Strategies for Sustainable Performance
Facebook detailed in a blog post the technologies and strategies powering FB5, the latest iteration of the facebook.com website. Facebook rearchitected its website and standardized its technological stack around React, GraphQL, Relay, and its custom CSS-in-JS library. The goal of the rewrite was to increase performance and make it easy to add new features.
-
Redwood - Bringing the Ruby on Rails Experience to JavaScript
Tom Preston-Werner, co-founder of GitHub, released RedwoodJS, a new fullstack, edge-ready JavaScript web framework. Redwood is highly opinionated and integrates pre-determined back-end and front-end stacks. Redwood follows convention-over-configuration principles and strives to provide a Ruby on Rails-like developer experience.
-
Mobx Reactive State Management Library Released Version 6
Michel Weststrate, author of the reactive state management library MobX, recently released MobX 6. MobX6 now supports Internet Explorer and React Native and updates its decorator-based API to reflect the new JavaScript decorators proposal (currently in Stage 2). Important pieces of the MobX ecosystem are also updated to support the latest version of MobX.