InfoQ Homepage Web Development Content on InfoQ
-
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.
-
Grails 5.0 Updates Underlying Frameworks and Consolidates Features
Grails 5.0 has been released, featuring deprecation of the "dot"-Based Navigation to configuration, default autowire by type in Data Services, the decoupling of Grails Gradle Plugin from the grails-core and the Grails Gradle Publish plugin was removed from the Grails plugin applications. Also, this release includes Apache Groovy 3, Micronaut 3, Gradle 7, Spring Boot 2.5, Spring 5.3 and Spock 2.0.
-
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.
-
Streamlining the Handoff between Designers and Developers - Travis Arnold at React Finland 2021
Travis Arnold recently presented how JSX and compiler technologies can be used conjointly to make the handoff between designers and developers more efficient. While the ideas presented are not yet implemented in any publicly available tool or library, the ideas of Arnold, who describes himself as a designer/developer, may serve to illustrate possible avenues for improved collaboration.
-
Facebook CSS-in-JS Solution Stylex Introduced at React Finland 2021
Naman Goel, software engineer at Facebook, recently presented Stylex at React Finland 2021. Stylex is Facebook’s custom CSS-in-JS solution used for the new facebook.com website. StyleX alleviates key pain points of CSS-in-JS for large React applications (unused styles, large CSS files, CSS-in-JS library size). Goel anticipates that Stylex will be open-sourced by the end of 2021.
-
WICG Publishes New HTML Sanitizer API Proposal against mXSS Attacks
The Web Platform Incubator Community Group recently published the Draft Community Group Report for the HTML Sanitizer API. The HTML Sanitizer API lets developers take untrusted strings of HTML and sanitize those strings for safe insertion into a document’s DOM. The most common use case of HTML string sanitization is to prevent cross-site scripting (XSS) attacks.
-
100,000+ Lines of Elm Code in Production: Rakuten Shares Lessons Learnt
E-commerce company Rakuten recently shared its experience using Elm in production for two years. Its codebase spans several applications totaling 100,000 lines of Elm code. Rakuten highly valued Elm’s Functional UI approach, its type system, and the absence of runtime exceptions. However, Elm not being a mainstream language, resulted in less reusable resources on Google search and Stack Overflow.
-
PayPal Adopts GraphQL: Gains Increased Developer Productivity
PayPal recently published a blog post describing PayPal's adoption of GraphQL over the recent years. It started with a single Checkout application in 2018 and amounted to creating a unified federated API with GraphQL federation. The adoption of GraphQL across the organisation promoted increased developer productivity and faster application shipment.
-
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.
-
Flow Type Checker No Longer Just JavaScript with Types, Centers of Facebook Needs
Vladan Djeric, engineering manager supporting the Flow team at Facebook, announced that the Flow type checker will go beyond being just JavaScript with types and introduce new features based on Facebook’s internal user needs. In particular, Flow strives to deliver fast type-checking on large, complicated codebases. Flow’s vision is in contrast with TypeScript’s — JavaScript with syntax for types.
-
Lit 2 Ships with New Custom Directives and Reactive APIs
The Lit Team recently released Lit 2.0, more than two years after Lit 1. Lit 2 features a new API for custom directives that include asynchronous directives. Lit 2 users will also be able to use reactive controllers to encapsulate reusable reactive logic.
-
Parcel 2: Rust-Based 10x Faster JavaScript Compiler, Modular Configuration, Differential Bundling
The team behind the zero-config bundler Parcel recently announced the first Parcel 2 release candidate. Parcel 2 is a ground up rewrite of Parcel that has been two years in the making. Parcel’s new JavaScript compiler is written in Rust and boasts 10x build performance improvement. Parcel 2 is fully extensible, supports automatic differential bundling, and much more.
-
Erlang-Inspired Language Gleam Now Compiles to JavaScript
Gleam, which self-describes as a language for building type-safe, scalable systems for the Erlang virtual machine, now also compiles to JavaScript.
-
Deno Improves Support for Web APIs: Cryptography, Messaging, Networking, and More
The recent versions of Deno improved web API support in the cryptography, networking, and messaging areas. Deno 1.11 introduced support for the Web Crypto APIs and BroadcastChannel APIs. Deno 1.12 added support for the MessageChannel and MessagePort portions of the Channel Messaging API. Deno 1.13 implements the navigator.hardwareConcurrency API.
-
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.