InfoQ Homepage JavaScript Libraries Content on InfoQ
-
Shepherd JavaScript Library: Guided User Tours of Your Application
Shepherd is a JavaScript library that provides a simple interface for creating guided user journeys in web applications. It's framework-agnostic, easy to use, and works great on desktop and mobile applications alike.
-
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.
-
Introducing the Ionic 6 Component Framework
Ionic, a UI framework for cross-platform application development, is out in its 6th iteration, offering a set of new components and better UI integration for Android, iOS, and Desktop applications.
-
Introducing Angular 13
Google recently announced the release of Angular 13, their popular single-page application framework, continuing the steady stream of small improvements we have seen since the release of the Ivy engine in Angular 9.
-
Comparative Study of 11 CSS-in-JS Libraries - Andrei Pfeiffer at React Finland 2021
Andrei Pfeiffer recently presented the results of a comparative study of 11 CSS-in-JS libraries. In his talk at React Finland 2021, Pfeiffer focused on the distinction between static and runtime CSS-in-JS libraries and further explained how each category and browser caching relate to performance.
-
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.
-
Qwik, a Resumable Javascript Framework
Qwik is a DOM-centric JavaScript framework that aims to provide the quickest TTI (or time to interactive) by focusing on resumability for server-side rendering of HTML and optimized lazy loading of code.
-
New Template DSL Tempura Focuses on Parsing Speed and Size
Luke Edwards recently released Tempura, a lightweight template DSL with fast parsing speeds. Like other static site generators’ templating languages, Tempura also features custom blocks for user-defined template directives. While Tempura’s primary use case is to generate HTML for web applications, it can be used in any context where a template DSL adds value vs. using JavaScript.
-
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.
-
WebContainers, Running Node.JS in the Browser
Stackblitz recently released a new product called WebContainers that enables developers to create full stack Node.js environments within the browser which loads instantly and comes bundled with VS Code, a full terminal, NPM, and more.
-
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.
-
Content-Aware Image Resizing in Go and JavaScript
Oleksii Trekhleb, software engineer at Uber, recently explored the use of dynamic programming to speed up a CPU-intensive content-aware image resizing algorithm. Developers may use content-aware resizing to fit images into a variety of enclosing contexts (e.g., screen form factors, responsive layout container) while preserving the image’s key features.
-
Testing Asynchronous Code - RxJS Live London
Jay Phelps, former member of the RxJS core team, recently explained how to test code that leverages code using RxJS, the reactive programming library used by the Angular front-end framework for asynchronous programming. RxJS provides a testing API with a DSL to express timed sequences and lifecycle events.
-
Vue 3 Experiments with Native CSS Variables Template Integration
Vue 3 shipped in September last year in what was a huge release that followed two years of work. Vue developers can now declaratively describe in single-file component templates how component state relates to component style. The experimental feature relies on CSS variables, a native feature in modern browsers, that has been used to implement framework-independent design systems.