Full ACF block.json migration matrix: every legacy PHP key mapped and explained

·1 views

A developer who migrated over 40 ACF blocks across two client themes has published a comprehensive key-by-key mapping from the legacy acf_register_block_type() PHP function to the modern block.json format. ACF's official documentation covers both registration methods separately but does not cross-reference them, forcing developers to manually reconcile differences. The migration involves three types of key changes: renamed keys where snake_case becomes camelCase, relocated keys that move into WordPress core's top-level block.json schema, and orphaned keys that have no direct block.json equivalent. Some settings, such as enqueue_assets and align, require workarounds like splitting assets by load context or defining custom attribute schemas. The matrix also flags several supports properties as undocumented in block.json, advising developers to test them before relying on them in production.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Developer Builds Interactive Simulator Mapping Dutch Train Network

A developer has created an interactive train map simulator for the Dutch rail network, accessible online at spoorkaart.zaza.dev. The project visualizes train movements and routes across the Netherlands in a simulated environment. It was shared on Hacker News, where it attracted modest early attention. The tool appears to be an independent passion project aimed at rail enthusiasts and developers interested in transit visualization.

0 comments Read more at Hacker News

ProgrammingDEV Community ·

7 Angular Interview Questions That Separate Senior Devs from the Rest

A software developer has outlined seven advanced Angular interview questions designed to test deep engineering understanding rather than surface-level syntax knowledge. The questions cover topics such as choosing between RxJS operators like switchMap and mergeMap, Angular's dependency injection hierarchy, and when to use Signals versus RxJS. Other areas tested include the OnPush change detection strategy, managing subscription lifecycles to prevent memory leaks, and diagnosing real application performance bottlenecks. The article argues that senior-level Angular interviews increasingly focus on the reasoning behind technical decisions, not just the ability to implement features.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Developer shares battle-tested toast notification system built with pure CSS and JS

A developer on DEV Community detailed the lessons learned while building a production-ready toast notification system using only CSS and JavaScript, without any external libraries. What initially took twenty minutes to prototype required two additional days of fixes after real-world edge cases emerged, including stacking bugs, click-blocking, and disappearing toasts mid-read. The final solution uses around sixty lines of JavaScript alongside carefully considered CSS, including a pointer-events split to prevent invisible container areas from blocking underlying UI elements. Accessibility was a key focus, with the implementation distinguishing between ARIA roles — using 'status' for routine messages and 'alert' only for genuinely urgent ones — to avoid overwhelming screen reader users. The write-up covers animation, hover-pause timers, a cap on simultaneous visible toasts, and proper DOM cleanup to prevent flickering under rapid triggers.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

How Magento 2 Email Bottlenecks Slow Checkouts and How to Fix Them

Magento 2 sends emails synchronously by default, meaning SMTP connection delays are added directly to the customer-facing order placement process, potentially slowing each transaction by hundreds of milliseconds. At high order volumes, this can cause connection exhaustion and timeout errors that rarely appear in standard performance profiling. Magento 2.4 and later versions support asynchronous email sending via RabbitMQ or MySQL message queues, which decouples email transmission from the frontend request so customers reach the success page without waiting. Switching to transactional email services like SendGrid, Mailgun, or AWS SES and using HTTP APIs instead of raw SMTP connections can further reduce overhead. Storing email template compilation cache in Redis rather than on slow filesystem or NFS storage is an additional optimization that improves rendering speed at scale.

0 comments Read more at DEV Community