Join the DZone community and get the full member experience.Join For Free
Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.
At DrupalCon Vienna, we decided to start working on an alternative Drupal administrative UI using React. Sally Young, one of the initiative coordinators, recently posted a fantastic update on our progress since DrupalCon Vienna.
1. Stabilize the JSON API Module
3. Create Designs for a React-Based Administration UI
4. Allow Contributed Modules to Use React or Twig
5. Implement Missing Web Service APIs
While we have been working for years to add web service APIs to many parts of Drupal, not all of Drupal has web services support yet. For our React-based administration UI prototype we decided to implement a new permission screen (i.e.
https://example.com/admin/people/permissions). We learned that Drupal lacked the necessary web service APIs to retrieve a list of all available permissions in the system. This led us to create a support module that provides such an API. This support module is a temporary solution that helped us make progress on our prototype; the goal is to integrate these APIs into the core itself. If you want to contribute to Drupal, creating web service APIs for various Drupal subsystems might be a great way to get involved.
6. Make the React UI Extensible and Configurable
One of the benefits of Drupal's current administration UI is that it can be configured (e.g. you can modify the content listing because it has been built using the Views module) and extended by contributed modules (e.g. the Address module adds a UI that is optimized for editing address information). We want to make sure that in the new React UI we keep enough flexibility for site builders to customize the administrative UI.
All Decoupled Builds Benefit
All decoupled applications will benefit from the six steps above; they're important for building a fully-decoupled administration UI, and for building visitor-facing decoupled applications.
|Useful for decoupling of visitor-facing front-ends||Useful for decoupling of the administration backend|
|1. Stabilize the JSON API module||✔||✔|
|3. Create designs for a React-based administration UI||✔|
|4. Allow contributed modules to use React or Twig||✔||✔|
|5. Implement missing web service APIs||✔||✔|
|6. Make the React UI extensible and configurable||✔|
Published at DZone with permission of Dries Buytaert , DZone MVB. See the original article here.
Opinions expressed by DZone contributors are their own.