Jetpack 4.3 Released, Features New React.js-Powered Admin Interface

Jetpack 4.3 was released today with a new admin interface that has been completely rewritten in React.js. The Jetpack team has been working on the redesign for a year and received feedback from more than 8,000 Jetpack users before the official release.

After updating to 4.3, Jetpack users will see a new dashboard that offers an overview of stats, site security, and active modules.

jeetpack-4-3-dashboard

This release introduces a new search bar that filters features as you’re typing. Activating and deactivating modules is nearly instant now with no page refresh.

There are two new screens featuring Apps (mobile and desktop) and Plans (paid upgrades on WordPress.com). The Plans screen is a sales funnel for Automattic to monetize self-hosted sites using Jetpack. Users can choose from a $99 or $299 plan, which include varying levels of security scanning, backup options, and other advanced features.

Overall, the new interface in 4.3 feels faster, but I found significant lags with loading the Stats and Plan screens on multiple test sites. Several sites would not load the Plan screen and instead showed a flashing “loading” display, even after disconnecting and re-connecting to WordPress.com. The experience of having loading lags and buggy screen displays is not the best exit out of beta, but the most important screens like module management are faster than any previous version.

Jetpack 4.3.1 was released on the heels of 4.3 after many users reported issues with updating on the support forums. The maintenance release fixes bugs with Stats, Verification Tools, and Subscriptions, as well as various compatibility issues with different hosts. Reading through the support threads, it’s clear the 4.3 release is off to a rocky start, but the React.js rewrite is a major step forward for Jetpack’s architecture. It brings the interface design more in line with WordPress.com and Automattic’s other products and should improve with feedback from users on different hosting environments.

9 Comments


  1. Several sites would not load the Plan screen and instead showed a flashing “loading” display, even after disconnecting and re-connecting to WordPress.com.

    Sorry to hear that! Don’t hesitate to contact us and give us some examples of the sites where you experienced issues, we’ll take a closer look!

    Thanks!

    Report


    1. Thanks Jeremy, we have contacted support. Our Likes are broken too for some reason.

      Report


  2. Awesome!!! Hope other developers implement ReactJS for user interactions.

    Report


  3. Modules are now grouped by categories. That results in a couple of more clicks to find the one you are looking for…

    Why not just add the previous alphabetic listing of all modules, as a category, next to the others?

    Report


    1. We’re currently working on adding more options to that settings screen, to allow you to search, filter, and bulk activate modules like you in the old interface. You can follow our progress here.

      Until we ship the next iteration of the Jetpack dashboard, you can click on the Search icon and you’ll immediately see a list of all the modules.
      Another alternative would be to go to the old Settings URL, /wp-admin/admin.php?page=jetpack_modules, that is still available in your dashboard.

      Report


      1. Thanks for this, good to know.
        The search result on click is great but would be even better if users (other than those reading this post) would be aware of this…

        Report


      2. Agreed! The next Jetpack release should make things more intuitive for everyone. Feel free to chime on the GitHub issue I linked to earlier, if you have any other suggestions to improve the new interface.

        Report


  4. Yeah, It’s user interface is simple, modern and fast compare to previous version. I think its best feature is traffic stats showing comparision with old stats.

    Report

Comments are closed.