InfoQ Homepage JavaScript Libraries Content on InfoQ
-
Introducing React Concurrent Mode
React's "Concurrent Mode" refers to a set of newly-released experimental features in React that aim to increase the responsiveness of applications by using interruptible rendering.
-
Vue.js CLI 4 Released
The Vue CLI team recently updated its command line tool for Vue.js development to version 4. The release will help developers automate the migration process, use additional package managers and remove extraneous whitespace for more efficient DOM structures.
-
Preact X Adds Features, Remains Lean
The Preact team announced Preact X, adding significant updates such as fragments and hooks to their React alternative, while retaining their lean size of less than 4KB, gzipped.
-
Web Components Reaching Mainstream Maturity
For years web components have been a standard that was almost ready. With the recent Apple Music web client release, Apple shipped over 45 web components to drive the Apple Music experience. Others, including Amazon, Porsche, arm, Panera, and Microsoft, are leveraging Stencil to create design systems and cross-framework web components.
-
Running WASI in the Browser and Node.js with Wasmer-JS
Aaron Turner, developer relations at Wasmer, announced that the recently released Wasmer-JS allows developers to run WASI modules in both Node and the browser. Turner provides wasm-terminal as an example of a terminal application built with Wasmer-JS, which allows to fetch and run WASI modules.
-
Vue 2 vs. Vue 3: James Stewart at Vue Glasgow Meetup
James Stewart recently compared the incoming Vue 3 function-based Composition API to the current Vue 2.x class-based Options API. In a presentation held at the second Vue.js Glasgow meetup event, Stewart analyzed the code from the same application written with both APIs, and concluded that the Vue 3 API leads to better code structuring, and makes the isolation and composition of logic easier.
-
Immer JavaScript Immutable State Management Framework Releases V4
Alec Larson released a few days ago the fourth major iteration of award winner JavaScript library Immer, thereby patching an important edge case. Immer is a JavaScript package which allows developers to work with immutable state as it was mutable, by implementing a copy-on-write mechanism.
-
Progress Announces NativeScript 6 Release
The NativeScript 6 release adds support for Vue.js and Angular 8 for creating native mobile applications with web technologies. NativeScript now also supports Progressive Web Apps (PWA), increasing the level of code reuse between web and mobile apps created with NativeScript.
-
The Three Key Dimensions of Front-End Frameworks - Evan You at JS Conf Asia 2019
Evan You, Vue.js framework's creator, recently talked at JS Conf Asia 2019 about seeking balance in framework design. Frameworks should be distinguished on three design tradeoffs: scope, render mechanism, and state mechanism, rather than on popularity-based metrics. Frameworks are best evaluated on a continuous tradeoff axis instead of with a binary (good vs. bad) determination.
-
Babel 7.5: Dynamic Import, Pipeline Operator and More
The recently released Babel 7.5 can now parse and transpile F# pipelines and dynamic imports. Babel 7.5 additionally has experimental support for TypeScript namespaces.
-
The Polymer Project Releases Lit-Html and LitElement for Performance-Focused Web Components
The Polymer Project recently released lit-html v1.0 together with LitElement v2.0. lit-html is a light-weight, extensible HTML templating JavaScript library. LitElement is a JavaScript library to create lightweight, optimized-for-performance web components. The created web components can then be used in any framework or no framework to build web applications.
-
Pixi.js, HTML5 Alternative to Adobe Flash, Adds WebGL Support for Cross-Platform, Interactive Apps
PixiJS, a standard-based alternative to Adobe Flash, released its fifth major version with faster rendering and lower GPU utilization. PixiJS v5 abstracts WebGL features behind a new API which falls back to HTML5’s canvas if needed. Developers thus need not dive into the WebGL API or deal with device compatibility to create rich, interactive graphics, cross-platform applications, and games.
-
How Design Systems Support Team Communication and Collaboration
By using design systems, design teams can improve their workflow, reuse their knowledge, and ensure better consistency, said Stefan Ivanov. They allow one to fail faster and to speed up the iteration cycle, enable spending more time collecting user feedback in the early stages of product design, and reach the sweet spot of a product market fit much faster.
-
Svelte 3 Front-End Framework Moves Reactivity into the JavaScript Language, Q&A with Rich Harris
The recently released front-end framework Svelte 3 introduces a new syntax to express reactivity in JavaScript. InfoQ interviewed Rich Harris, Svelte creator, and discussed what Svelte 3 means and its implications for developers.
-
Benchmark Ranks 18 Front-End Frameworks Implementation of Medium.com Clone
The RealWorld-based benchmark comparing the implementation by 18 front-end frameworks of a non-trivial full-stack application code-named Conduit recently updated its results. Most (13 out of 18) frameworks obtain a top-tier LightHouse performance score. Svelte, Stencil, AppRun, Dojo, HyperApp and Elm exhibit the lowest payload transferred over the network (< 30 KB).