What is new in Drupal 10

This was the first Drupal meetup session represented by Manisha Khileri.

Transcript

1. Drupal 10 PRESENTED BY Manisha Khileri
2. Agenda • Frontend & Backend theme updates • Theme Starterkit Tools • CKEditor 5 & Symfony 6 upgrade • Improved Multilingual Support • Removed Deprecated Code • Decoupled Menus 2
3. Claro Administration Theme (replacing Seven). • Claro is a new administration theme introduced in Drupal 10. • It’s designed to provide a modern and user-friendly interface for administering your Drupal website. • Claro replaces the Seven administration theme, which was used in previous versions of Drupal. 3
5. Olivero Default Theme (replacing Bartik). • Olivero is a new default theme introduced in Drupal 10.It’s a modern, fully responsive, and accessible theme that provides a sleek and user-friendly interface for your Drupal website. The Olivero theme is designed to be a clean, fast-loading, and lightweight theme that provides a solid foundation for customizing your website. • This theme includes various design elements, including custom typography, color schemes, and more. 5
7. Theme Starterkit Tools • The Starterkit theme is a base theme that provides a foundation for building custom themes in Drupal 10. • It is designed to be used as a starting point for theme development, allowing developers to quickly create custom themes without having to start from scratch. • The Starterkit theme is built using modern front-end technologies, including HTML, CSS, and JavaScript. It includes a range of features that make it easier for developers to create responsive and accessible themes. • Here is some key features of Starterkit theme. 7
8. Theme Starterkit Tools 1. The Starterkit theme includes responsive grid system that make easy to create layout that adopts diffrent screen size like mobile,tablet and desktop. 2. Starterkit theme includes support for keyboard navigation, alternative text for images, and semantic HTML. 3. Starterkit theme allowing developers to add custom styles and functionality without having to modify the theme's core code. 4. Starterkit theme is compatible with a range of modern browsers,like Chrome, Firefox, Safari,Edge etc. to ability work with various variety platforms. 8
9. CKEditor 5 & Symfony 6 upgrade CKEditor 5 CKEditor 5 brings several improvements to the editing experience, making it easier and more intuitive for users to create and manage content. Some key improvements in the editing experience include: • Improved WYSIWYG Editor : Drupal 10 features a new WYSIWYG editor that provides a more modern and user-friendly interface for editing content. • Better Inline Editing : Drupal 10 introduces a new inline editing feature that allows users to edit content directly from the site’s front end without navigating to the back end. This makes it easier and quicker for users to update content, improving the overall editing experience. 9
10. CKEditor 5 & Symfony 6 upgrade • Enhanced Content Creation : Drupal 10 features several improvements to the content creation experience, including improved tools for managing media, a new media library, and more intuitive forms for creating and editing content. • Enhanced Collaboration Features : Drupal 10 introduces new collaboration features that allow multiple users to work on the same content simultaneously. This includes tracking changes, reviewing and approving content, and managing workflows. Symfony 6 [replacing Symfony 4] • Symfony is one of Drupal’s main drivers, and it will be decommissioned in November 2022. As a result, Symfony 6 compatibility issues have been resolved, and developers can now use it with Drupal 10. 10
11. Improved Multilingual Support • Drupal introduces the language type entity, which enables the creation of new languages and their management directly in the administrative interface. • It has improved language detection mechanisms, making it easier to determine the user’s preferred language and deliver a personalized experience. This includes improving the translation management system • it provides a more flexible and customizable language switcher for users to switch between multiple languages on your website. 11
13. Deprecated Code & Core Module Remove Deprecated Code • Removed Deprecated Code refers to the process of removing old, unused code from the Drupal core that is no longer supported and could potentially cause compatibility issues with future updates. • The removal of deprecated code helps to improve the performance, stability, and security of Drupal, as well as make it easier for developers to maintain and update their sites. 13
14. Deprecated Code & Core Module Remove Core Module • Some core modules have been removed in an effort to streamline the platform and improve the performance of Drupal 10. • The removed modules are either deprecated or have limited use cases, and their functionality can be replaced with other modules or custom code. • Here is the removed core modules. ◦ PHP Filter ◦ Overlay 14
15. Decoupled Menus • Decoupled Menus refer to a concept where the menu presentation layer is separated from the back-end management layer. This means that the menu data is stored and managed in Drupal but displayed on the front-end using a separate JavaScript framework such as React, Vue, or Angular. • This approach allows for greater flexibility and improved performance in the front-end menu presentation. To implement decoupled menus in Drupal 10, you will need to use a decoupled menu module or build a custom solution that integrates with Drupal menu management API. 15