InfoQ Homepage Web Development Content on InfoQ
-
How to Scale a React Component - Jed Watson at React Conf 2019
Jed Watson, JavaScript architect, recently presented a talk at React Conf 2019 proposing solutions to the design and maintainability challenges posed by components, as they inevitably grow to accommodate a large series of use cases. Watson discussed the case of the react-select component, with 2.5M weekly npm downloads, and 100+ options to customize look and feel.
-
Angular 9 Released with Ivy as Default Rendering Engine
Smaller bundle sizes, improved build times, and better debugging are just some of the new improvements available in Angular 9, the latest major release of Google's popular SPA (Single Page Application) framework.
-
JSX Alternative HTM 3.0 Released, with Static Subtree Caching and TypeScript Support
The Hyperscript Tagged Markup (HTM) library, which proposes an under-1KB, transpiler-free alternative to JSX, released its third major iteration. HTM 3.0 now optimizes template rendering by automatically detecting and caching static sections of a template. HTM 3.0 also provides TypeScript typing files and documentation updates.
-
Google's V8 Engine Adds Support for WebAssembly SIMD
The WebAssembly SIMD proposal has come to Google JavaScript engine V8, albeit still as an experimental feature. Exploiting data parallelism, V8 support for SIMD (Single instruction, multiple data) aims to accelerate compute intensive tasks like audio/video processing, machine learning, and more.
-
Zero Server Framework Creates Web Apps from Node, React, HTML, MDX, Vue, Svelte and Python Files
The Zero Server web framework allows developers to create, build and develop web applications with server-side rendering and little to no configuration. Zero Server now accepts a mix of Node.js, React, HTML, MDX, Vue, Svelte, Python, and static files. Zero Server also now supports TypeScript.
-
Npm, Inc. Announces Npm Pro for Independent JavaScript Developers
npm, Inc. recently announced the launch of npm Pro, designed for independent JavaScript developers. npm also rebranded its existing npm Orgs, which caters to teams of developers, as npm Teams.
-
IoT Development with the Raspberry Pi
The Raspberry Pi is a series of low-cost, programmable computers that include a set of GPIO, or 'General Purpose Input Output', pins that can be used to connect and control external electronic devices, and to create Internet of Things (IoT) solutions.
-
Electron Desktop JavaScript Framework Finds a New Home
At the Node+JS Interactive conference in Montreal, the OpenJS Foundation announced that the Electron framework has joined the foundation. Electron is a popular cross-platform desktop application development tool based on Node.js and Chromium.
-
Microsoft Announces Playwright Alternative to Puppeteer
Playwright is an open-source Node.js library started by Microsoft for automating browsers based on Chromium, Firefox, and WebKit through a single API. The primary goal of Playwright is improving automated UI testing.
-
Web Packaging Proposal to Enable Offline Distribution, Installation and Usage of PWAs and Websites
The Web Packaging proposal was recently published by the Web Platform Incubator Community Group (WICG). Web Bundles, more formally known as Bundled HTTP Exchanges, are a key part of the packaging proposal and seek to address the offline distribution, installation, and consumption of web resources.
-
Nuxt 2.11.0 Released
Nuxt.js, a Vue.js framework, recently released version 2.11.0 to provide better control over the removal of non-client or non-server code in third-party dependencies. Nuxt 2.11 also adds flexibility with conditional statements supporting the run-time evaluation of application templates.
-
Q&A on Okteto: a Tool to Develop Applications in Kubernetes
Okteto is an open-source tool that runs locally to synchronize application code changes to a running pod in a local or remote Kubernetes cluster. There's no need to commit, build, and push a container image to start testing an application. Developers can continue using their existing IDE, debuggers, compilers or hot reloaders to test their code changes instantly.
-
ECMAScript's Top-Level Await Proposal Implemented in V8, Babel and Webpack
The top-level await's ECMAScript proposal, which reached Stage 3 last year, is now implemented in the V8 JavaScript engine, and supported by Webpack and Babel. Top-level await enables dynamic dependency pathing, resource initialization, and dependency fallbacks at module import time. Top-level await results in a non-deterministic module execution order.
-
Babel 7.7 Released with Improved TypeScript Support, Top-Level Await and More
The recently released Babel 7.7 now parses top-level await, Flow enum declarations (Flow proposal), and proposes recovery options from certain syntax errors. Babel 7.7 now supports TypeScript 3.7. Babel also introduces a new optional babel.config.json configuration files, and miscellaneous other features and bug fixes.
-
CSS-in-JS Performance Cost - Mitigating Strategies
CSS-in-JS became popular in some contexts as a way to link a component logic to its styling. Aggelos Arvanitakis reminded developers about cases in which the cost of CSS-in-JS can no longer be neglected, and provided mitigating strategies.