Rails UJS to Turbo: the event timing bug CI didn't catch
Migrating Rails UJS to Turbo can silently break submit buttons and resets in production, because Turbo's event timing and Promise handling differ from UJS.
Tag: javascript
Migrating a Rails App from Yarn + Webpacker to pnpm + Vite
A migration path from Webpacker and Yarn to pnpm and Vite in a Rails app, including the dependency, Docker, and asset-hash pitfalls we hit along the way.
Chrome's "blocked:other": why analytics scripts go silent
Chrome's "blocked:other" status silently kills analytics and error-tracking scripts, and proxying those requests through your own server is the fix.
Closures, Blocks, and Iterators Across Six Languages
A working comparison of how Python, JavaScript, Ruby, PHP, Rust, and Go implement closures and lazy iteration, with a runnable counter and generator example for each.
JavaScript Engines in React Native: JSC vs. Hermes
React Native's default JS engine moved from JSC to Hermes for faster startup and lower memory use, and here is how to control which one your build uses.
Responsive Images: Serving the Right Size for Every Screen
Comparing srcset and picture, the native HTML approach to responsive images, against JavaScript solutions like jQuery Foundation Interchange.
How button_to Changed in Rails 7 (and Broke Our CSS)
Rails 7's button_to wraps a form around the button instead of rendering a plain input, which silently breaks existing CSS selectors and JavaScript click handlers.
Web Workers vs Service Workers: What Each One Is For
The difference between Web Workers and Service Workers: one offloads CPU work, the other intercepts network requests, and most apps eventually need both.
Frontend Error Handling: Catching What try/catch Misses
Why Sentry and Bugsnag catch more JavaScript errors than custom try/catch logic, and how to close the gap with global handlers and rejection listeners.
Why npm ci Runs prepare Scripts for Git Dependencies
npm ci is not the script-free install it looks like; it still runs prepare scripts for Git-based dependencies, which broke Husky in CI.
React Dev Proxy Options: package.json vs http-proxy-middleware
Two ways to avoid CORS errors in local React development: the package.json proxy field for one backend, or http-proxy-middleware for several.
Building a Test Suite: Pyramid, Layers, and What to Skip
A framework for deciding how much to test: the testing pyramid, layered test responsibility by architecture tier, and what makes test data good.
Passing Sass Variables at Build Time with Webpack
How to inject a Sass variable, like a theme's primary color, at build time using a SASS_OPTIONS environment variable and a custom webpack additionalData function.
Upgrading React 17 to 18: Root API, Batching, and Test Fixes
What changes when you upgrade React 17 to 18: the new root API, automatic batching, Strict Mode's double-invoked effects, and test setup fixes.
Upgrading React 16 to 17: Dependencies, Jest, and ESLint Fixes
A practical walkthrough of upgrading a React 16 app to React 17, covering dependency updates, Jest and Enzyme test fixes, and new ESLint warnings.
Fixing Multi-Tab Session Bugs with JWT and sessionStorage
How cookie-based session state breaks when a user opens multiple tabs in a single-page app, and how splitting auth into JWT plus sessionStorage fixes it.
How to Debug React Applications
A rundown of debugging React apps: React Developer Tools in the browser, inspecting React Native, and running Jest tests under a real debugger.
Integer Overflow and Floating-Point Precision: Ruby vs JS
Why 0.1 + 0.2 doesn't equal 0.3, how Ruby's arbitrary-precision integers avoid overflow, and how JavaScript's BigInt does the same for large integers.
SCORM: What the E-Learning Standard Actually Does
SCORM is the packaging and tracking standard that lets e-learning content run and report progress consistently across different learning platforms.
Round Is Not Always What You Expect
Rounding the same float, 2.675, to two decimal places gives different answers in C#, PHP, Go, Python, JavaScript, and Ruby, for concrete reasons.
Sending Pub/Sub Notifications to Slack With a Webhook
A small Node.js Cloud Function that decodes a Pub/Sub message, filters it by type, and forwards it to Slack through an incoming webhook.