OPTASY: Drupal Web Development Agency Toronto
(416) 243-2431Drupal SupportRequest A QuoteQuote

Main navigation

  • Home
  • Services
    • Digital Strategy
    • Design
    • Web Development
      • Drupal
      • WordPress
      • Magento
      • Laravel
      • Shopify
      • Sharepoint
      • Contentful
      • Gatsby
      • Next.js
      • Node.js
      • React
      • AngularJS
    • Mobile & App
      • IOS
      • Android
      • Augmented Reality
      • Artificial Intelligence
      • Virtual Reality
    • Maintenance & Support
      • Drupal Maintenance
      • Wordpress Maintenance
    • Staff Augmentation
  • Portfolio
    • Web
    • Mobile
    • Ar
  • About
    • Who we are
    • Values
    • Events
    • Awards
    • News
    • Careers
    • Partners
      • Acquia
      • Google
      • Pantheon
      • Shopify
      • Wordpress
  • Blog
    • Drupal
    • Drupal 8
    • HTML
    • CSS
    • Javascript
    • PHP
    • Microsoft
    • Web Design
    • Design
    • Tips
    • News
  • Contact
(416) 243-2431 Drupal Support Request A QuoteQuote

In light of the recent COVID-19 pandemic - OPTASY would like to offer DRUPAL website support for any Healthcare, Government, Education and Non-Profit Organization(s) with critical crisis communication websites or organizations directly providing relief. Stay Safe and Stay Well.

Using React JS for Drupal's Administrative UIs: What to Expect?
News

Using React JS for Drupal's Administrative UIs: What to Expect?

by Adrian Ababei on Oct 09 2017

He proposed it:

“... make some of Drupal's own administrative UIs more powerful and easier to use, I proposed that we add a modern JavaScript to core.” (Dries Buytaert's keynote presentation, DrupalCon Vienna)

... and stirred waves of enthusiasm, of unveiled skepticism and never-ending debates. What would using React JS for Drupal's administrative UIs mean for you?

You, the site builder. You, the content creator?

And this is precisely what we'll try to answer in this blog post as we'll be:

 

  • presenting you the context: why is integrating a JavaScript framework right into Drupal core even needed?
  • pointing our Drupal's long way to becoming “ JS ready”
  • highlighting the reasons why React's most likely to win this “popularity contest” over other JS technologies
  • highlighting the challenges to expect and to plan out for (to overcome) if React is, indeed, the “chosen one”
  • outlining the clear benefits that YOU will get if a JavaScript framework, more precisely if React does get integrated into Drupal core

     

3 Inconveniences for Currently Not Having a JavaScript Framework in Drupal Core

While headless Drupal 8 has proven to be a powerful content repository for front-end apps, not having a JS framework integrated into its very core has been the cause of certain … limitations:

 

  • it kept putting off addressing well-known editorial and site-building UX issues
  • it made it almost impossible to help Drupal core contributors realize how they could leverage certain JavaScript approaches and advanced practices; how they could transpose them into new modules and new Drupal features
  • it has been a break on assimilating more JavaScript experts and JS expertise into the Drupal community 

     

From Improving Its Web Services APIs to Being Ready for Integrating a JS Framework in Core

You're closer than ever, as a site builder/content creator, to using React JS for Drupal's administrative UIs. Yet, this didn't happen overnight:

  1. first Dries Buytaert (Drupal CMS's founder himself) and his team decided to stabilize Drupal's web services APIs
  2. then to step up their efforts even more for improving them
  3. and it's just now that they've decided that Drupal's finally matured and 100% ready for this major integration 

     

Meanwhile, Drupal users have done wonders leveraging Drupal 8's web services APIs:

 

  • front-end apps have been built alongside Drupal, which has been backing them up as their content repository
  • … and modern, JavaScript frameworks have been used for powering these apps' front-ends, with no restriction, whatsoever, on the particular JS technologies that web developers chose to use

     

Now having passed the “decoupled architecture test” and having managed to adapt itself to all JavaScript frameworks used as front-ends, Drupal's ready to...  level up!

To incorporate a JavaScript framework in its core.

And, implicitly, it's time for the Drupal community, as well, to commit to a unique framework that will be used for its administrative front-end.

 

Why React JS?

We'll start by answering the “Why React JS over Angular or Ember?” question:

“Because of its component-based nature.”

And there's a growing “trend” among web developers to create user interfaces by putting together reusable component libraries. Luckily, React makes it easy to build self-contained components and to simply “assemble” them in big-sized apps.

Therefore, the other 2 JS frameworks (focused on MV* specific workflows instead), are off the table.

And now, let's list other reasons for using React JS for Drupal's administrate UIs:

 

  1. it's backed up and constantly updated with new libraries, new tutorials etc. by a worldwide, active community of developers

     
  2. it powers large-scale web projects such as Facebook, Airbnb, WordPress, The New York Times 

     
  3. it's this community itself that bundled up an ecosystem of no less than 16.000 libraries around it

     
  4. its different approach to virtual DOM (Document Object Model): it “detects” precisely those virtual DOM objects that need to be updated and it's strictly those parts of the real DOM that it updates (instead of updating the entire DOM tree); a major performance boost indeed

     
  5. it poses no problems working with it thanks to its rather straightforward programming approach

     
  6. it “plays well” with all the other JS frameworks

     
  7. licensing issues reported in the past have been resolved

     
  8. it's widely used by the JavaScript developers 

     

Expected Challenges of Working With React JS

For there are challenges that the Drupal's main contributors are planning out for when it comes to using React JS for Drupal's core. And so should you:

 

  • modularity, itself, will turn out to be a major challenge to plan out for
  • Drupal will need to “keep up with” React's much more alert release cycle 
  • Drupal theming for decoupled UIs will never be the same again: React's approach will prevail

     

Using React JS for Drupal's Administrative Interfaces: What's in It for You?

For adopting a JS framework for Drupal's own administrative UIs (and React seems to be the winning “competitor), does translate into key benefits for you, as well:

 

  • whether you're a Drupal site builder or a content creator, using Drupal will get much easier (talking about addressing its old UX issues right?) in a reversible, incremental way

     
  • building modern UIs will get a lot more streamlined when you have a modern, JS toolbox right at hand... in Drupal core!

     
  • a JavaScript framework would automatically speed up (“app-like speed”) content modeling, configuration tools, content listing

     
  • if you're a Drupal developer, you can stay reassured that your Drupal expertise will stay relevant in a JavaScript technologies-centered web

     
  • ... that, your future React-focused sills will be future-proofed (thanks to this JS technology's high popularity among web developers)

     

What do you think? Do you find adding a JavaScript framework to Drupal core a good idea or not?

And what about using React JS for Drupal? Would you have gone for another JS technology instead if you could have chosen the one to power your administrative UIs from now on?

Share the article

Development

We do Web development

Go to our Web development page!

Visit page!

Do you want a website

or app developed?

 

Get a Free Quote

and let's make it work!

Get a Quote

Recommended Stories

DrupalNews
Why You Should Choose Drupal 10 in 2023

Why You Should Choose Drupal 10 in 2023

  As technology continues to evolve, it is important for businesses to stay ahead of the curve and choose the right platform for their website. Drupal 10 was released in December 2022, and it promises to be a powerful and reliable content management system (CMS). With its advanced features, scalability, security, and flexibility, Drupal 10 is an ideal choice for businesses looking to build a modern website. In this article, we will discuss why you should choose Drupal 10 for your next web development project. Advanced Features of Drupal 10 Drupal 10 comes with a range of advanced features that make it an ideal choice for businesses looking to build a modern website. These features include: Automatic Updates: Drupal 10 offers automatic updates, so you can keep your website up-to-date without having to manually update the software. This ensures that your website is always running the latest version of Drupal and is secure from any potential security threats. Responsive Design: Drupal 10 comes with a responsive design that ensures your website looks great on any device, from desktop computers to mobile phones. This makes it easier for users to access your website from any device and helps to improve user experience. Accessibility: Drupal 10 is designed with accessibility in mind, making it easier for people with disabilities to access your website. This helps to ensure that your website is accessible to everyone, regardless of their abilities. Multilingual Support: Drupal 10 supports multiple languages, so you can easily create a multilingual website that caters to a global audience. This makes it easier for businesses to reach out to a wider range of customers and expand their customer base. SEO Optimization: Drupal 10 comes with built-in SEO optimization tools that help to improve your website’s visibility in search engine results. This makes it easier for customers to find your website and helps to increase traffic and conversions.   Scalability and Flexibility  Drupal 10 is highly scalable and flexible, making it easy to customize your website to meet your specific needs. You can easily add new features and functionality to your website without having to start from scratch. This makes it easier for businesses to keep up with changing customer demands and stay ahead of the competition. Additionally, Drupal 10 is built on a modular architecture that allows you to easily add and remove modules as needed. This makes it easy to customize your website and keep it up-to-date with the latest features.   Security Benefits Drupal 10 is built with security in mind, making it one of the most secure content management systems available. It comes with a range of security features that help to protect your website from potential threats, such as SQL injection attacks and cross-site scripting. Additionally, Drupal 10 is regularly updated with the latest security patches to ensure that your website is always secure.   Cost-Effectiveness Cost-effectiveness is another major benefit of choosing Drupal 10 for your next web development project. Drupal 10 is an open source platform, meaning that it is free to use and customize. This makes it a cost-effective solution for businesses looking to build a website without breaking the bank. Additionally, Drupal 10 comes with a range of features and functionality that can help you save time and money when building your website.   Why Choose Drupal 10 in 2023? Selecting Drupal 10 in 2023 is a great choice for businesses looking to build a website that is secure, reliable, and cost-effective. Drupal 10 offers automatic updates, responsive design, multilingual support, SEO optimization, scalability and flexibility, and security benefits.  Migrate to Drupal 10 If you’re currently using an older version of Drupal, you can easily migrate to Drupal 10. The migration process is straightforward and can be completed quickly with the help of a professional web development team like Optasy. This will ensure that your website is up-to-date and secure, so you can continue to provide customers with the best possible experience. Contact us for more information about your migration process. Learn more about Drupal 10 by reading this blog post.   Photo credit: Unsplash.... Read more
Raluca Olariu / Jan 05'2023
DrupalNewsTips
Drupal 10 Is Here -Discover the Benefits and Features

Drupal 10 Is Here -Discover the Benefits and Features

  Drupal 10, the latest version of the most popular content management system Drupal is here. The new release comes with a lot of improvements and features that will make your life easier as a developer or site owner. "Drupal 10 includes many new features that appeal to developers and content creators alike. A stronger developer and site builder experience combined with easier content authoring and editing make this a key update for all users," says Dries Buytaert, Founder and Project Lead of Drupal. "The path from Drupal 9 to 10 is easier than ever, so we anticipate organizations will want to move to the latest version quickly to gain its benefits." In this article, we’ll take a look at some of the main benefits and features of Drupal 10.   Enhanced content editing experience CK Editor 5 is the new rich-content editor for the new version of Drupal. It has lots of new features that will make creating content more accessible than ever before. Drupal's popular web-building platform, Layout Builder, has been updated with some major changes. These changes include an improved user interface, which includes a new layout editor. Managing large blocks of content in the sidebar can be difficult and confusing; that's why improving this user interface has been on the list of upgrades, and it makes managing layouts so much easier.  There are also some enhancements to the Paste From Document feature. The new version of CKEditor boasts the ability to remove the extra markup that results from pasting from Microsoft Word or Google Docs, and it also automatically uploads images when pasting images copied from the clipboard instead of just inserting them into the page as tags.   Removed modules & improved content management experience Built on the latest Symfony 6.2 version, Drupal 10 has removed redundant core modules, focusing on its foundational strengths. Regarding upgrading processes and tools, they are the same as the previous major release. Drupal 10 has the majority of its code changes automated and three times as many contributed extensions as the previous version.   New themes with better functionality Claro theme is replacing the outdated Seven theme, which has been discouraged by giving the impression of an out-of-date site. Drupal 10 has been built according to the latest standards and has been adapted to use the most recent features of this CMS. The Olivero theme is Drupal 10's new front-end theme, and it was designed to harvest the new system's full capabilities.   Upgrading to Drupal 10 If you're currently using Drupal 7, you need to perform a full site migration to Drupal 9 or 10. It might sound overwhelming, but if you opt for a team of experts like Optasy to help you, you'll be in good hands.  If your current version of Drupal is 8, then there’s no direct upgrade path to Drupal 10. You need to upgrade to Drupal 9 first. Drupal 9 users need to take the following steps: Perform an environment readiness check through the Upgrade Status Module. Update any modules that need upgrading and use Drupal Rector to fix incompatibilities. Issues that can't be fixed automatically can be addressed manually using documentation. Update Drupal Core to Drupal 10.   Drupal 10 promises to deliver a faster, more secure, and more flexible website development experience. If you want to learn more about this new version or need advice regarding your migration, don't hesitate to contact Optasy.    Photo credit: Unsplash.... Read more
Raluca Olariu / Dec 16'2022
DrupalNewsTips
How The Project Update Bot Has Been Refreshed for Drupal 10

How The Project Update Bot Has Been Refreshed for Drupal 10

  Drupal 10 will be released on December 14th, 2022. The upgrade process from Drupal 9 to Drupal10 will be even easier than Drupal 8 to 9 was. Making projects that are already compatible with Drupal 9 compatible with Drupal10 requires removing deprecated API uses, which means that you'll have to remove them from your code. There are usually only a few deprecated API uses per module, but when we consider upgrading over 8,200 Drupal 9 modules on drupal.org hundreds or thousands of hours from our community could be spent on this task. The good news is that Drupal Rector is a tool developed by Palatir.net and Pronghorn Labs. that can be used by developers who want to make their modules compatible with Drupal 10. It can also be used to automatically fix deprecated API uses in existing projects. Using Drupal Rector is easy, but running it on all Drupal 9 projects could have taken hundreds of developer days to complete. Drupal Rector is an automated tool that generates patches for contributed modules. These patches will be made available to the community through the Drupal Association which has partnered with Acquia and Palantir. This means that developers will not need to write any code to upgrade their modules to Drupal 10. Instead, they will simply apply the patch. However, for some modules, it may still be necessary to manually replace deprecated API uses. This bot is not affiliated with any individual or company. It is a tool that will automatically post updates to issues created by the Project Update Bot. These updates will be posted to issues that were created during the Drupal 8 to 9 migration. Maintainers are encouraged to review the patches and provide feedback if they feel the patches are useful. If the project maintainers decide to use these patches, then they can help speed up the update process for modules for Drupal 10 dramatically. Related: Drupal 10 New Features and How to Prepare Your Migration.   Maintainer Options There are several ways to deal with these issues when maintaining a project: Leave the issues open and apply the provided patches to remove some or all of the deprecated APIs. The Project Update Bot checks weekly if Drupal Rector can remove new deprecated APIs and posts a new patch if possible, so you don't need to worry about it. If you would like to use this issue as a starting point please remove the "ProjectUpdateBotD10" tag from the issue. The bot will not post any updates if this tag is present. You can add the tag back and the update bot will start posting updates again. If you see an issue that is closed, please don’t reopen it. Closing an issue stops the bot from posting new issues. You can also flag the issue if you think it should be reopened.   For more information and support regarding your Drupal migration, please contact us and get in touch with our team of Drupal experts.      Photo credit: Unsplash. ... Read more
Raluca Olariu / Jul 15'2022

Browse cities

×

Toronto

WordPress Development Services in Toronto
iOS App Development Services in Toronto
Drupal Development Services in Toronto
Magento Development Services in Toronto
Laravel Development Services in Toronto

Montreal

WordPress Development Services in Montreal
iOS App Development Services in Montreal
Laravel Development Services in Montreal
Drupal Development Services in Montreal
Magento Development Services in Montreal

Vancouver

Magento Development Services in Vancouver
iOS App Development Services in Vancouver
Drupal Development Services in Vancouver
WordPress Development Services in Vancouver
Laravel Development Services in Vancouver

New York

WordPress Development Services in New York
Laravel Development Services in New York
iOS App Development Services in New York
Drupal Development Services in New York
Magento Development Services in New York

Need a new Project?

Dare us to shape and boost your idea(s)!

Start a Project

(416) 243-2431

Contact

(416) 243-2431

contact@optasy.com

Toronto Downtown

First Canadian Place,
100 King St. W. Suite 5700, Toronto

Toronto West

2275 Upper Middle
Rd. E, Suite 101
Toronto

New York

1177 Avenue of the
Americas, 5th Floor,
New York

Newsletter

Get the latest OPTASY news, tips and how-to’s on the go, right in your inbox!
OPTASY
clutch
Pantheon Premier Partner
  • Drupal 8
  • Services
  • Contact Us
  • Partners

  • Drupal
  • Google
  • Magento
  • Shopify
  • Wordpress
Facebook
Twitter
LinkedIn
Drupal
  • Cities
  • Support

© 2023 All Rights Reserved. Built with Drupal