ES6 WP REST Demo

This open-source plugin demonstrates how to interact with the WordPress REST API using only native JavaScript (ES6), eliminating the need for jQuery or any additional libraries. It is ideal for developers who want to build lightweight, modern integrations without external dependencies.

• Native Fetch API: Uses the browser's built-in fetch() method with async/await for clean, readable asynchronous calls.
• Secure Nonce Handling: Properly sets the X-WP-Nonce header using wp_create_nonce('wp_rest') and passes it via wp_add_inline_script.
• Flexible Access Control: Shows how to implement permission callbacks to restrict endpoints to all users, logged-in users, or specific capabilities.
• Input Validation: Demonstrates parameter validation with a validate_callback that checks numeric input before processing.
• Simple Demo: Includes a shortcode [es6demo] that renders a clickable button which increments a stored number, making it easy to test the REST flow.

The code is well-documented and serves as a practical reference for registering custom REST routes, handling POST requests, and returning JSON responses. It also covers how to localize the REST URL and nonce into your JavaScript, ensuring smooth communication between the frontend and backend.