Latest Frontend & Mobile Tools: icejs 2.0, Kraken 0.9, Detox, Teaful, MJML

News

icejs 2.0 released – possibly the most complete React + Vite solution

Two major frontend trends are emerging: bundle‑less ES‑module builds (e.g., Vite) and toolchains rewritten in Rust/Go (swc, esbuild, Rome). icejs 2.0, built over three months with 100+ PRs, adds Vite mode, upgrades to Webpack 5 with Module Federation, experimental swc replacement for Babel, esbuild compression, and comprehensive solutions for state management, requests, micro‑frontends, SSR, SSG, PWA, and keep‑alive. Documentation is rebuilt with Docusaurus.

Kraken 0.9.0 released – QuickJS boosts first‑paint performance by 20%

Key features include QuickJS engine support, HTML parsing/rendering, HTTP caching, compatibility with Vue/React toolchains, hot‑module replacement, and querySelector/querySelectorAll.

Detox

Detox is an automated gray‑box end‑to‑end testing framework for mobile apps, supporting JavaScript tests of React Native or native applications.

Teaful

Teaful is a tiny (<1 KB) yet powerful React state‑management library that requires no actions, reducers, or providers. It updates only components that consume changed store properties.

import createStore from "teaful";

const { useStore } = createStore({
  username: "Aral",
  count: 0,
  age: 31,
  cart: {
    price: 0,
    items: [],
  },
});

function Example() {
  const [username, setUsername] = useStore.username();
  const [cartPrice, setCartPrice] = useStore.cart.price();

  return (
    <>
      <button onClick={() => setUsername("AnotherUserName")}>Update {username}</button>
      <button onClick={() => setCartPrice(v => v + 1)}>Increment price: {cartPrice}€</button>
    </>
  );
}

MJML

MJML is a framework for building responsive email templates using a simple HTML‑like syntax that compiles to responsive HTML.

Article: Pure CSS Icons

An article discussing techniques for creating icons using only CSS.