InfoQ Homepage JavaScript Content on InfoQ
-
Webpack vs. Rollup vs. Parcel vs. Browserify: a Detailed Benchmark
The Google's web.dev team recently released a detailed benchmark comparing popular web application bundlers. The first release tests the browserify, parcel, rollup, and webpack bundlers across six dimensions and 61 feature tests. The benchmark aims at giving developers a relevant and structured comparison basis from which to pick a bundler that fits the specific needs of a given project.
-
Chrome 85 DevTools Support CSS-in-JS and Lighthouse 6
The forthcoming Chrome 85 release in August includes style editing for CSS-in-JS frameworks, Lighthouse 6, support for new ES2020 features, and several other helpful additions for web developers.
-
JavaScript Reaches the Final Frontier: Space
The recent SpaceX Dragon launch brings JavaScript to space. Leveraging Chromium and JavaScript, significant portions of the user interface rely on web technologies.
-
Web Animations API Now Supported in All Evergreen Browsers
With the release of Safari 13.1, the Web Animations API now ships with all evergreen browsers.
-
Beyond Responsive Design, Responsive Websites - Kilian Valkhof at HalfStack
Kilian Valkhof, creator of the web-developer-focused Polypane browser, presented at the HalfStack conference new ways that web developers and designers can provide better user experience by going a step beyond responsive design. Using recent additions to browsers, developers and designers can also respond to user preferences, the user environment, the network condition, and device capabilities.
-
Why We Don't Use a CSS Framework - Scott Tolinski, Reactive Conf
In a recent ReactiveConf session, Scott Tolinski defended the thesis that developers, due to recent additions to the CSS language, may not need to use a full-fledged CSS framework. Tolinski further demonstrated how developers who do not need to support IE11 can leverage CSS variables to implement a custom design system with characteristically less overhead than a framework.
-
Esbuild JavaScript Bundler Claims 10-100x Faster Bundling Time
esbuild, a JavaScript bundler and minifier, seeks to bring order-of-magnitude speed improvements in the JavaScript bundling and minification process. esbuild achieves its speed by being written in Go compiled to native code, parallelizing tasks to leverage multi-core processors , and minimizing data transformations.
-
Introducing Dojo 7
Dojo is a progressive framework for modern SPA that recently shipped its 7th release, offering significant improvements to its Widgets (aka components) system alongside smaller changes across the board.
-
ESLint 7.0, 7.1, 7.2 Releases Improve Developer Experience and ES2020 Support
The recent ESLint 7.0, 7.1, and 7.2 releases introduce numerous developer experience improvements, remove support for Node.js version 8, and add support for ES2020 features. typescript-eslint also has several recent releases, aligning with ESLint releases and updates to TypeScript.
-
Deno Is Ready for Production
Deno, a secure runtime for JavaScript and TypeScript, has reached version 1.0. Written in Rust, Deno addresses many design problems in Node.js, but it also faces challenges in developer adoption.
-
Space-Efficient Full-Text Search with Rust and WebAssembly
Matthias Endler, backend engineer for Trivago, published a client-side full-text search engine designed for space efficiency by leveraging Bloom filters. Tinysearch is written in Rust, transpiled to WebAssembly, and used in the browser. Tinysearch claims sizes between 50 and 100KB and can only index full words.
-
pnpm: a Space-Efficient JavaScript Package Manager
pnpm is an npm compatible package manager for JavaScript that offers significant improvements in both speed and disk space usage. With the release of version 5.0, it's time to take a serious look at what differentiates pnpm from the competition.
-
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.
-
Babel 7.10 Ships with Better React Tree-Shaking
The Babel team recently released Babel 7.10 with better tree-shaking support for React code. Babel 7.10 additionally supports checking the existence of specific private fields in objects and provides better ergonomics for the optional chaining ?. operator.
-
MDsveX - Adding Interactivity with Svelte Components in Markdown
The mdsvex npm package was recently entirely rewritten to allow Svelte developers to have Markdown content inside a Svelte component and also use Svelte components inside Markdown. Like Gatsby with MDX/React, mdsvex allows developers to mix Markdown and Svelte components to generate interactive content.