hela ben khalfallah 🌞

I am incredibly proud to announce the release of my book, "Crafting Clean Code with JavaScript and React, A Practical Guide to Sustainable Front-End Development" with @Apress ! 🚀🥰 Available now on: link.springer.com/book/10.1007/9… amazon.fr/Crafting-Clean…

Four Ways the Browser Renders Graphics, Four Costs - by @b_k_hela #Webgl #Canvas #JavaScript #WebDevelopment #Browsers #FrontendDevelopment #Rendering itnext.io/four-ways-the-…

What actually happens when you call Math.random()? itnext.io/can-math-rando…

What happens when you call .match()? Not the syntax. The engine. I wrote a deep dive into what actually happens when JavaScript executes a regular expression: NFA theory, V8's Irregexp pipeline, backtracking, and why /^(a+)+$/ is a ticking footgun. medium.com/itnext/engine-…

Redis processes billions of HyperLogLog commands per day. BigQuery runs APPROX_COUNT_DISTINCT on petabyte-scale tables. They work at that scale, reliably, is that the hash functions underneath them are well-understood, well-tested, and well-chosen. itnext.io/the-hash-funct…

TypeScript 6.0 is out 🎉 🔶 Temporal 🔶 Map#getOrInsert 🔶 RegExp.escape 🔶 #/ prefix for Package Imports New defaults! 🔶 target: ES2025 🔷 --strict Deprecations! 🗑️ baseUrl, outFile 🗑️ import assertions 🗑️ `module` namespace 🗑️ moduleResolution: node 🗑️ target: ES5

Exploring algebraic effects and effect handlers. From callbacks and promises to resumable computation, the core idea is simple: separating what a program does from how its effects are executed. helabenkhalfallah.com/2026/03/10/alg…

JavaScript's date object has been tricky for years, but that is changing. The NEW Temporal API brings, 🌍 Easily handle time zones 📆 Precise date math 🕒 Parse ISO strings without errors ⌛ Durations, date ranges, and more. Start experimenting 👇 developer.mozilla.org/en-US/docs/Web…

Anthropic courses anthropic.skilljar.com

ES2026 solves JavaScript headaches with dates, math and modules. This year’s update adds Temporal, precise math, better Intl APIs for enhanced localization, and faster imports for better performance. #js #ecmasript thenewstack.io/es2026-solves-…

I was an ordinary person who studied hard. There's no miracle people. - R. Feynman

𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 𝗮𝘀 𝗖𝗼𝗱𝗲 We see more tools enabling you to create software architecture and other diagrams as code. The main benefit of using this concept is that 𝗺𝗼𝘀𝘁 𝗼𝗳 𝘁𝗵𝗲 𝗱𝗶𝗮𝗴𝗿𝗮𝗺𝘀 𝗮𝘀 𝗰𝗼𝗱𝗲 𝘁𝗼𝗼𝗹𝘀 𝗰𝗮𝗻 𝗯𝗲 𝘀𝗰𝗿𝗶𝗽𝘁𝗲𝗱 𝗮𝗻𝗱 𝗶𝗻𝘁𝗲𝗴𝗿𝗮𝘁𝗲𝗱 𝗶𝗻𝘁𝗼 𝗮 𝗯𝘂𝗶𝗹𝘁 𝗽𝗶𝗽𝗲𝗹𝗶𝗻𝗲 𝘁𝗼 𝗴𝗲𝗻𝗲𝗿𝗮𝘁𝗲 𝗮𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗰 𝗱𝗼𝗰𝘂𝗺𝗲𝗻𝘁𝗮𝘁𝗶𝗼𝗻. Another benefit driving the growing use of diagrams-as-code to create software architecture is that it enables text-based tooling, which most software developers already use. For architecture, as code, we can use different tools, such as: 𝟭. 𝗦𝘁𝗿𝘂𝗰𝘁𝘂𝗿𝗶𝘇𝗿: Create multiple diagrams from a single (C4) model. structurizr.com 𝟮. 𝗣𝗹𝗮𝗻𝘁𝗨𝗠𝗟: It is an open-source tool that allows users to create diagrams from plain text. github.com/plantuml/plant… 𝟯. 𝗗𝗶𝗮𝗴𝗿𝗮𝗺𝘀: Turn Python code into cloud system architecture diagrams. github.com/mingrammer/dia… 𝟰. 𝗠𝗲𝗿𝗺𝗮𝗶𝗱: Generation of diagram and flowchart from a text similar to Markdown. github.com/mermaid-js/mer… 𝟱. 𝗔𝗦𝗖𝗜𝗜 𝗲𝗱𝗶𝘁𝗼𝗿: Free editor for drawing ASCII diagrams. asciiflow.com 𝟲. 𝗠𝗮𝗿𝗸𝗺𝗮𝗽: Could you visualize your Markdown as mind maps? It supports the VS Code plugin. markmap.js.org 𝟳. 𝗚𝗼 𝗱𝗶𝗮𝗴𝗿𝗮𝗺𝘀: Create system diagrams with Go. github.com/blushft/go-dia… 𝟴. 𝗦𝗲𝗾𝘂𝗲𝗻𝗰𝗲𝗗𝗶𝗮𝗴𝗿𝗮𝗺.𝗼𝗿𝗴: You can create your UML sequence diagrams online using text notation. sequencediagram.org Image: PlantUML

From Static Relations to Dynamic Co-Activation: Hypergraphs as Event Models (1/3). Why runtime behavior in software is episodic—not pairwise—and how event hypergraphs capture what graphs miss. 🚀📊 itnext.io/from-static-re…

🔬New research article: “Rewiring Everything: Graph Theory as the Template for Universe, Biology, and Mind.” From cosmology to biology to cognition, this article explores a unified idea: complex systems evolve by rewiring their connections. itnext.io/rewiring-every…

Refactoring today = AST rewrites + tests + 🤞. In a new 3-part series I explore another view: refactors as safe paths in a semantic program space, using graphs, HoTT & Higher Inductive Types. 👉 itnext.io/a-new-way-to-t…

Part 2 & 3: programs become points, refactors become paths, invariants become regions. Using HoTT + Higher Inductive Types (HITs), we turn “same program up to refactor” into a typed, checkable notion instead of “tests didn’t fail”. itnext.io/e674b6394f35 itnext.io/a-new-way-to-t…

Part 1: why “AST + codemod + tests” hits its limits, and how to move to semantic graphs that encode control flow, effects, and invariants, not just syntax. itnext.io/a-new-way-to-t…

Refactoring today = AST rewrites + tests + 🤞. What if it was a provably safe path in a semantic space of programs instead? I wrote a 3-part series on refactoring, graphs & Homotopy Type Theory (HoTT). Intro 👇 itnext.io/a-new-way-to-t…

Suspense tab in React Devtools

It’s here! The 33rd edition of the Tech Radar has just dropped. Discover the emerging trends and tools redefining the tech landscape — insights you won’t want to miss. Stay curious, stay ahead. Get the latest edition here: ter.li/8crjjl

Dynamic and Static Health (DASH) Framework at OVHcloud 💙 A unified model for reasoning about software quality, bridging static & dynamic analysis across TypeScript & React ecosystems. itnext.io/dynamic-and-st… Let’s make software clean and shining! 📷✨