InfoQ Homepage React Content on InfoQ
-
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.
-
Jotai, a New Granular State Management Library for React
Paul Henschel recently released jōtai, a new state management library for React. Jōtai claims a minimalistic API (three functions), typescript-readiness, and compatibility with React Suspense and Concurrent Mode.
-
Next.js 9.5 Improves Static Site Regeneration Performance
Next.js, the open-source React-based framework from Vercel, adds several static site generation performance improvements in the Next.js 9.5 release. The release also allows developers to optionally opt-in to Webpack 5 beta for smaller and faster builds.
-
React 17 to Ease Migration Pains for Future React Versions
The React team recently released React 17 (first release candidate), two years after React 16. React 17 strives to ease the migration between future major versions of React by enabling two concurrent versions to coexist. React 17 additionally has a few breaking changes related to the event system and the scheduling.
-
Interactive Terminal Apps with Ink 3 - New Built-In Hooks, Suspense and React Dev Tool Support
Ink, the React renderer for interactive command-line apps, released Ink 3 with new built-in hooks and better focus and stream management (e.g. stdin) in the terminal. Developers can now leverage the React development tools. Ink 3 also features updated components that allows for better styling of CLIs, built-in error handler and log interception, and other performance and stability improvements.
-
Apollo Data Graph Platform: a GraphQL Middleware Layer for the Enterprise
In a recent InfoQ podcast, Matt Debergalis, founder and CTO at Apollo, discussed the motivations for GraphQL and the Apollo Data Graph platform. Key topics explored included data modelling in an enterprise context, and how incrementally adopting GraphQL can help with decoupling the evolution of frontend and backend systems.
-
TypeScript 3.9 Improves Performance, Promises and Errors
The TypeScript team announced the release of TypeScript 3.9, which includes improvements in inference with Promise.all, compiler checking speed, the @ts-expect-error comment, and more in the final major version before TypeScript 4.0.