Hasty Briefsbeta

All tags

#javascript

906 stories total

Bilingual

Show HN: JavaScript PubSub in 163 Bytes
a year ago
- Pico-pubsub is the smallest PubSub library with zero dependencies, only 149 bytes.
- Designed with JS13K games in mind, aiming for minimal size.
- Features include subscription and publication functions with event handling.
- Comparison with other libraries: nano-pubsub (194b) and tiny-pubsub (401b).
- Optional customization available, though it increases size slightly.
- Future plans may include TypeScript support.
Porting is-odd NPM to OCaml using remelange compiler
a year ago
- Porting a JavaScript utility library like is-odd to OCaml using remelange.
- Remelange is an experimental JS/TS to OCaml compiler.
- The is-odd library is chosen for its simplicity and popularity.
- Steps include understanding the JavaScript source, compiling with remelange, generating an interface file, and using the OCaml code.
- The process demonstrates automation in porting JavaScript libraries to OCaml.
- Potential for porting more complex libraries like date-fns or lodash is mentioned.
- The post is shared on April 1st, adding a humorous note about the utility of is-odd in OCaml.
V8: From CFG to Sea of Nodes and back again
a year ago
- V8's Turbofan compiler is moving from Sea of Nodes (SoN) to a Control-Flow Graph (CFG) IR named Turboshaft.
- Sea of Nodes was initially chosen for its flexibility in representing dependencies but proved problematic for JavaScript and WebAssembly.
- Key issues with SoN include complexity in managing effect and control chains, difficulty in visual inspection, and inefficiency in compilation.
- The transition to Turboshaft aims to simplify the compiler's architecture, improve performance, and make the code easier to maintain and debug.
- Turboshaft has already shown benefits, such as faster compile times and better cache locality, compared to the SoN-based approach.
Bare: Run JavaScript Everywhere
a year ago
- Bare is a minimal JavaScript runtime designed for desktop and mobile, focusing on modularity, universality, and scalability.
- Unlike Node.js, Bare emphasizes embedding and cross-device support, making it ideal for peer-to-peer applications.
- Bare integrates with existing runtimes like V8, offering native performance while maintaining JavaScript flexibility.
- Developers can build peer-to-peer applications, self-contained cross-platform apps, and leverage Bare's modular architecture for efficiency.
- Bare works seamlessly with Holepunch's Pear Runtime, enabling completely peer-to-peer systems without centralized servers.
- Bare supports multiple JavaScript engines (V8, JavaScriptCore, QuickJS), allowing it to run on various devices, from computers to embedded systems.
- The combination of Bare and Pear provides a minimal, modular, and powerful container model for running apps anywhere.
- Bare enables write-once-run-anywhere development, a significant advancement for applications like Keet and Pear Runtime.
Mithril.js: small (8.96 KB gzipped) modern client-side JavaScript framework
a year ago
- Mithril.js is a modern client-side JavaScript framework for building Single Page Applications (SPAs).
- It is small (8.96 KB gzipped), fast, and includes routing and XHR utilities.
- Used by companies like Vimeo, Nike, and open-source platforms like Lichess.
- Supports IE11, Firefox ESR, and the last two versions of major browsers without requiring polyfills.
- Can be included via CDN (unpkg or jsDelivr) or installed via npm.
- TypeScript definitions available via DefinitelyTyped (`@types/mithril`).
- Documentation and resources available on mithril.js.org, including API Docs, examples, and a simple application guide.
- Active community support on Zulip and Stack Overflow (using the `mithril.js` tag).
- Contributing FAQ available for those interested in contributing to the project.
On JavaScript's Weirdness
a year ago
- JavaScript's `eval` function behaves differently when renamed, accessing only the global scope instead of the current scope due to a special case in ECMAScript's specification.
- JavaScript loops exhibit unique behavior with variable capturing: variables defined in the loop header are treated as if captured by value, while those defined outside are captured by reference.
- There exists a falsy object in JavaScript, `document.all`, which is specified in the ECMAScript standard for backward compatibility with old Internet Explorer code.
- String iteration in JavaScript can yield different counts based on the method used, due to the mix of UTF-16 code units, Unicode code points, display characters, and extended grapheme clusters.
- Sparse arrays in JavaScript, created by omitting elements or using the `Array` constructor, can lead to unexpected behavior with array methods and have poor performance.
- Automatic Semicolon Insertion (ASI) in JavaScript can lead to unexpected interpretations of code, as demonstrated by the example where missing semicolons change the code's behavior.
Show HN: Transputer emulator in JavaScript (fast enough to be useful)
a year ago
- Javascript port of a transputer emulator originally written in C.
- Javascript's JIT compiler allows performance closer to C.
- Bitwise operators in Javascript treated as 32-bit signed integers; workaround using >>> 0 for unsigned values.
- Uint8Array used for performance and memory efficiency, especially for large data like a 40MB hard disk drive.
- Base64 encoding used to reduce source code size for drive images.
- Floating-point emulation achieved using Float32Array, Float64Array, and Uint32Array.
- Display uses jsTerm with a custom font based on ECMA-94.
- Emulator preloaded with a full-blown operating system from 1996, featuring multiple drives and a C compiler.
- Commands available for directory listing, memory checks, text editing, and compiling programs.
- Includes a 3D modeler and ray tracer with sample scenes.
- Multitasking example with a clock display.
- Source code available on GitHub.
AnimeJs v4 Is Here
a year ago
- Anime.js is a fast and versatile JavaScript library for web animations.
- It offers a single API to animate anything on the web, breaking free from browser limitations.
- Features include a powerful animation API, SVG utilities for morphing shapes and motion paths, and a Scroll Observer API for scroll-triggered animations.
- Includes a Stagger utility for stunning effects, a Draggable API for interactive elements, and a Timeline API for synchronized animation sequences.
- The Scope API allows animations to respond to media queries, ensuring responsiveness.
- Designed for efficiency, it supports importing only necessary parts to keep bundle sizes small.
- Free to use, Anime.js is supported by sponsors and offers a wide range of animation capabilities.
Show HN: Offline JavaScript PubSub between browser tabs
a year ago
- TabSub is a JavaScript PubSub tool that uses local storage for message sharing without requiring a server.
- It works on the same domain due to browser security measures separating local storage by domains.
- TabSub has been tested with 10 concurrent writers, showing no message loss and correct message order, though no warranty is provided.
- The tool is available on GitHub under the MIT license.
- Example usage includes syncing song playback across tabs and basic PubSub operations like publish, subscribe, and state retrieval.
Show HN: A new VSCode extension that shows definition functions in a stack
a year ago
- Definition Stack is a VSCode extension for reading JavaScript and TypeScript code, especially unfamiliar code.
- It displays source code of definitions and references in a stack for fast review, with functions appearing in isolated blocks.
- A single command 'Definition Stack:Open' initiates the stack, allowing users to click on symbols to view their definitions in new blocks above.
- Users can traverse the tree of definitions and references, reducing cognitive load by not needing to remember file locations.
- Features include 44 light and dark themes, real-time theme and highlight color adjustments, and collapsible blocks.
- Blocks can show references to definitions, and the UI includes navigation buttons for managing the stack.
- Supports 26 symbol types including Functions, Variables, and Modules.
- Limitations include no keyboard shortcuts, no auto-update on source file edits, and currently only supports JavaScript and TypeScript.
- The UI is described as not visually appealing, with potential for improvement.
Open Source Coalition Announces 'Model-Signing' to Strengthen ML Supply Chain
a year ago
- JavaScript is disabled in your browser.
- A required part of the site couldn’t load due to possible issues like browser extensions, network problems, or browser settings.
- Suggested solutions include checking your connection, disabling ad blockers, or trying a different browser.
Hiding elements that require JavaScript without JavaScript
a year ago
- The site aims to function well without JavaScript, but some elements may appear clunky when JavaScript is disabled.
- A 7-line (or one-liner) solution can hide JavaScript-dependent elements to prevent broken functionality for users with JavaScript off.
- Example: A share button shows an SVG when JavaScript is enabled and a link when disabled, using the `<noscript>` tag for the latter.
- Initial approach: Adding a `js-enabled` class via JavaScript in the `<head>` to style elements differently, but this felt clunky.
- Alternative solution: Using `<noscript>` with a `<style>` tag to hide specific elements (e.g., `.theme-toggle`, `.menu-trigger`) when JavaScript is disabled.
- Improved method: Introducing a single class `.d-js-required` to hide all JavaScript-dependent elements with minimal CSS, avoiding maintenance overhead.
- Conclusion: Creative solutions like these help manage progressive enhancement, ensuring a smooth experience regardless of JavaScript availability.
A new way to make graphs more accessible to blind and low-vision readers
a year ago
- JavaScript is disabled in your browser.
- The site requires JavaScript to function properly.
- Potential causes include browser extensions, network issues, or browser settings.
- Suggested solutions: check connection, disable ad blockers, or try a different browser.
Saturn's moon Titan could harbor life, but only a tiny amount
a year ago
- JavaScript is disabled in the browser.
- A required part of the site couldn’t load.
- Possible causes include browser extensions, network issues, or browser settings.
- Suggested actions: check connection, disable ad blockers, or try a different browser.
Writing good comments: the why, not the how (2020)
a year ago
- The code converts `maybeKey` to a string if it is not undefined using `'' + maybeKey`.
- The comment explains the problem, provides examples, and outlines both short-term and long-term solutions.
- Comments should focus on the 'why' behind the code, not just the 'what', to provide context for future developers.
The West is bored to death
a year ago
- JavaScript is disabled in your browser.
- A required part of the site couldn’t load due to possible issues like browser extensions, network problems, or browser settings.
- Suggested actions include checking the connection, disabling ad blockers, or trying a different browser.
Engineered bacteria emit signals that can be spotted from a distance
a year ago
- JavaScript is disabled in the browser.
- A required part of the site couldn't load due to possible issues like browser extensions, network problems, or browser settings.
- Recommendations include checking the connection, disabling ad blockers, or trying a different browser.
The Dark Side of the Moomins
a year ago
- JavaScript is disabled in the browser.
- The site requires JavaScript to function properly.
- Possible causes include browser extensions, network issues, or browser settings.
- Suggested solutions: check connection, disable ad blockers, or try a different browser.
An LSD Analogue with Potential for Treating Schizophrenia
a year ago
- JavaScript is disabled in your browser.
- The site requires JavaScript to function properly.
- Possible causes include browser extensions, network issues, or browser settings.
- Suggested solutions: check connection, disable ad blockers, or try a different browser.
Some features that every JavaScript developer should know in 2025
a year ago
- JavaScript introduces iterator helpers for efficient array transformations without temporary arrays.
- Array.prototype.at() method allows negative indexing for easier access to elements.
- Promise.withResolvers() simplifies the creation of promises with external resolvers.
- String.prototype.replace() and replaceAll() accept callbacks for dynamic replacements.
- Variable swapping can be done concisely using destructuring assignment.
- structuredClone() is recommended for deep copying objects over JSON methods.
- Tagged templates enable custom processing of template literals.
- WeakMap and WeakSet allow for garbage-collectible key-value associations.
- Set operations like difference, intersection, union, etc., are now supported in JavaScript.

firstprev0next

About|Login

#javascript

Show HN: JavaScript PubSub in 163 Bytes

Porting is-odd NPM to OCaml using remelange compiler

V8: From CFG to Sea of Nodes and back again

Bare: Run JavaScript Everywhere

Mithril.js: small (8.96 KB gzipped) modern client-side JavaScript framework

On JavaScript's Weirdness

Show HN: Transputer emulator in JavaScript (fast enough to be useful)

AnimeJs v4 Is Here

Show HN: Offline JavaScript PubSub between browser tabs

Show HN: A new VSCode extension that shows definition functions in a stack

Open Source Coalition Announces 'Model-Signing' to Strengthen ML Supply Chain

Hiding elements that require JavaScript without JavaScript

A new way to make graphs more accessible to blind and low-vision readers

Saturn's moon Titan could harbor life, but only a tiny amount

Writing good comments: the why, not the how (2020)

The West is bored to death

Engineered bacteria emit signals that can be spotted from a distance

The Dark Side of the Moomins

An LSD Analogue with Potential for Treating Schizophrenia

Some features that every JavaScript developer should know in 2025