DevExpress · vladaskorohodova · Sep 30, 2024 · Sep 30, 2024 · Oct 14, 2024 · Oct 22, 2024
diff --git a/concepts/40 Angular Components/00 DevExtreme Angular Components.md b/concepts/40 Angular Components/00 DevExtreme Angular Components.md
@@ -1,40 +1,47 @@
-#include common-troubleunderstanding-note with {
-    technology: "Angular",
-    docsLink: "https://angular.dev/overview"
-}
+The DevExtreme Angular UI Component Suite offers 80 responsive, touch-enabled UI components for Angular applications. This suite features a data grid, interactive charts, data editors, and various navigation and utility components.
 
-The DevExtreme Angular UI Component Suite is a feature-complete set of [80 responsive and touch-enabled UI components](https://js.devexpress.com/Overview/Widgets/) for Angular applications. The suite includes a data grid, interactive charts, data editors, navigation and multi-purpose UI components.
+## 80 JavaScript UI Components
 
-The DevExtreme Angular UI Component Suite provides the following platform-specific features:
+<img src="/images/UiWidgets/component-list.png" style="width: 900px;"/>
 
-- [Application template for a quick start](/concepts/40%20Angular%20Components/30%20Application%20Template/00%20Application%20Template.md '/Documentation/Guide/Angular_Components/Application_Template/')
+## Try DevExtreme Components in Your Project
 
-- Integration with [Angular CLI](/concepts/40%20Angular%20Components/10%20Getting%20Started/03%20Add%20DevExtreme%20to%20an%20Angular%20CLI%20Application '/Documentation/Guide/Angular_Components/Getting_Started/Add_DevExtreme_to_an_Angular_CLI_Application/'), [Webpack](/concepts/40%20Angular%20Components/10%20Getting%20Started/30%20Other%20Approaches/04%20Using%20Webpack '/Documentation/Guide/Angular_Components/Getting_Started/Other_Approaches/Using_Webpack/'), [Ionic](/concepts/40%20Angular%20Components/10%20Getting%20Started/30%20Other%20Approaches/05%20Using%20Ionic '/Documentation/Guide/Angular_Components/Getting_Started/Other_Approaches/Using_Ionic/'), [Rollup](/concepts/40%20Angular%20Components/10%20Getting%20Started/30%20Other%20Approaches/06%20Using%20Rollup '/Documentation/Guide/Angular_Components/Getting_Started/Other_Approaches/Using_Rollup/')
+Experience DevExtreme components in your projects with our [30-day trial](https://js.devexpress.com/Download/). No registration needed. A [license](/Documentation/Guide/Common/Licensing/) is **required** for commercial use.
 
-- [Declarative configuration syntax](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/')
+## Getting Started
 
-- TypeScript support
+1. **Install**
+
+    - [Add DevExtreme](/Documentation/Guide/Angular_Components/Getting_Started/Add_DevExtreme_to_an_Angular_CLI_Application/) to your Angular application.
+
+    - Create [a new application with a template](/Documentation/Guide/Angular_Components/Getting_Started/Create_a_DevExtreme_Application/) for quick setup.
 
-- [Server-side rendering](/concepts/40%20Angular%20Components/40%20Common%20Features/05%20Server-Side%20Rendering/00%20Server-Side%20Rendering.md '/Documentation/Guide/Angular_Components/Common_Features/Server-Side_Rendering/')
+2. **Learn Basics**    
+See the [component configuration syntax](/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/).
 
-- [Angular Forms support](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax/75%20Angular%20Forms%20Support.md '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/#Angular_Forms_Support')
+3. **Explore**    
+Examine [over 450 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from.
 
-All DevExtreme UI component suites, including Angular, share architecture and core features. The following core features are common to all suites:
+## Getting Help
 
-- [Data layer](/concepts/70%20Data%20Binding/5%20Data%20Layer '/Documentation/Guide/Data_Binding/Data_Layer/')
+Access the following resources for common solutions:
 
-- [Client-side data validation](/concepts/05%20UI%20Components/zz%20Common/05%20UI%20Widgets/20%20Data%20Validation '/Documentation/Guide/UI_Components/Common/UI_Widgets/Data_Validation/')
+- [Troubleshooting Guide](/Documentation/Guide/Troubleshooting/Basics/)
+- [Support Center Tickets](https://supportcenter.devexpress.com/ticket/list?preset=ab3eb0eb-09d3-42b5-ae17-53bed1e6cec3)
+- [Examples](https://supportcenter.devexpress.com/ticket/list?preset=c2515c12-d6f9-4dd5-8381-fa9978072519)
 
-- [Themes and styles](/concepts/60%20Themes%20and%20Styles/05%20Predefined%20Themes/00%20Predefined%20Themes.md '/Documentation/Guide/Themes_and_Styles/Predefined_Themes/')
+Questions still unanswered? [Submit a ticket](https://supportcenter.devexpress.com/ticket/create) in our Support Center.
 
-- [Localization](/concepts/Common/Localization '/Documentation/Guide/Common/Localization/')
+## Features for Angular
 
-- [Modularity](/concepts/Common/Modularity/02%20DevExtreme%20Modules%20Structure '/Documentation/Guide/Common/Modularity/DevExtreme_Modules_Structure/')
+The latest DevExtreme release aligns with the latest Angular version. Check the specific Angular versions your DevExtreme components [are compatible with](/Documentation/Guide/Angular_Components/Supported_Versions/). 
 
-- [Customization using templates](/concepts/05%20UI%20Components/zz%20Common/30%20Templates '/Documentation/Guide/UI_Components/Common/Templates/')
+Angular-specific features include:
 
-We also provide [over 250 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from.
-
-For information on how to integrate DevExtreme Angular UI components into your application, refer to one of the [Getting Started articles](/concepts/40%20Angular%20Components/10%20Getting%20Started/02%20Create%20a%20DevExtreme%20Application.md '/Documentation/Guide/Angular_Components/Getting_Started/').
+- [TypeScript Support](Documentation/Guide/Common/TypeScript_Guides/Scopes_of_Types/)
+- [Testing](/Documentation/Guide/Angular_Components/Components_Testing/)
+- [Server-Side Rendering](/Documentation/Guide/Angular_Components/Common_Features/Server-Side_Rendering/)
+- [Tree Shaking](/Documentation/Guide/Angular_Components/Common_Features/Tree_Shaking/)
+- [Intercept HTTP Requests](/Documentation/Guide/Angular_Components/Common_Features/Intercept_HTTP_Requests/)
 
 [tags] angular
diff --git a/.../40 Angular Components/10 Getting Started/02 Create a DevExtreme Application.md b/.../40 Angular Components/10 Getting Started/02 Create a DevExtreme Application.md
@@ -1,3 +1,8 @@
+#include common-troubleunderstanding-note with {
+    technology: "Angular",
+    docsLink: "https://angular.dev/overview"
+}
+
 If you are starting a project from scratch, use the [DevExtreme Angular Template](/concepts/40%20Angular%20Components/30%20Application%20Template/00%20Application%20Template.md '/Documentation/Guide/Angular_Components/Application_Template/'). It is a simple application with a navigation menu and several sample views in a responsive layout (see <a href="https://devexpress.github.io/devextreme-angular-template/#/home">live preview</a>).
 
 You can generate this application with the [DevExtreme CLI](/concepts/Common/DevExtreme%20CLI/00%20DevExtreme%20CLI.md '/Documentation/Guide/Common/DevExtreme_CLI/'):

diff --git a/...e to an Angular CLI Application/Add DevExtreme to an Angular CLI Application.md b/...e to an Angular CLI Application/Add DevExtreme to an Angular CLI Application.md
@@ -1,3 +1,8 @@
-To start this tutorial, you need an Angular application created using the Angular CLI. Refer to the <a href="https://angular.dev/cli" target="_blank">Angular CLI</a> documentation for information on how to create such an application. You can also [create an Angular application with DevExtreme](/concepts/40%20Angular%20Components/10%20Getting%20Started/02%20Create%20a%20DevExtreme%20Application.md '/Documentation/Guide/Angular_Components/Getting_Started/Create_a_DevExtreme_Application/') already added to it.
+#include common-troubleunderstanding-note with {
+    technology: "Angular",
+    docsLink: "https://angular.dev/overview"
+}
+
+To start this tutorial, you need an Angular application created using the Angular CLI. Refer to the <a href="https://cli.angular.io/" target="_blank">Angular CLI</a> documentation for information on how to create such an application. You can also [create an Angular application with DevExtreme](/concepts/40%20Angular%20Components/10%20Getting%20Started/02%20Create%20a%20DevExtreme%20Application.md '/Documentation/Guide/Angular_Components/Getting_Started/Create_a_DevExtreme_Application/') already added to it.
 
 [tags] angular
diff --git a/concepts/50 React Components/00 DevExtreme React Components.md b/concepts/50 React Components/00 DevExtreme React Components.md
@@ -1,41 +1,46 @@
-[important]
+The DevExtreme React UI Component Suite offers 80 responsive, touch-enabled UI components for React applications. This suite features a data grid, interactive charts, data editors, and various navigation and utility components.
 
-You should be familiar with the basic concepts and patterns of React to use this documentation. If you are not, please refer to the <a href="https://react.dev/learn" target="_blank">React documentation</a> for a getting-started tutorial.
+## 80 JavaScript UI Components
 
-If you are already familiar with React, we recommend that you read the following help topic for tips and tricks on working with DevExtreme React components: [Optimize Performance](/concepts/50%20React%20Components/45%20Optimize%20Performance/00%20Optimize%20Performance.md '/Documentation/Guide/React_Components/Optimize_Performance/').
+<img src="/images/UiWidgets/component-list.png" style="width: 900px;"/>
 
-[/important]
+## Try DevExtreme Components in Your Project
 
-[note] DevExtreme provides two React UI component libraries: DevExtreme React UI Components described here and <a href="https://github.com/DevExpress/devextreme-reactive/blob/master/README.md" target="_blank">DevExtreme Reactive Components</a>. Refer to <a href="https://community.devexpress.com/blogs/oliver/archive/2018/04/20/devextreme-new-react-wrappers-vs-native-react-components.aspx" target="_blank">this blog post</a> for a detailed comparison of the two libraries.
+Experience DevExtreme components in your projects with our [30-day trial](https://js.devexpress.com/Download/). No registration needed. A [license](/Documentation/Guide/Common/Licensing/) is **required** for commercial use.
 
-The DevExtreme React Component Suite is a feature-complete set of [80 responsive and touch-enabled UI components](https://js.devexpress.com/Overview/Widgets/) for React applications. The suite includes a data grid, interactive charts, data editors, navigation and multi-purpose UI components.
+## Getting Started
 
-The DevExtreme React UI Component Suite provides the following platform-specific features:
+1. **Install**
+
+    - [Add DevExtreme](//Documentation/Guide/React_Components/Add_DevExtreme_to_a_React_Application/) to your React application.
+
+    - Create [a new application with a template](/Documentation/Guide/React_Components/Create_a_DevExtreme_Application/) for quick setup.
 
-- [Application template for a quick start](/concepts/50%20React%20Components/50%20Application%20Template/00%20Application%20Template.md '/Documentation/Guide/React_Components/Application_Template/')
+2. **Learn Basics**    
+See the [component configuration syntax](/Documentation/Guide/React_Components/Component_Configuration_Syntax/).
 
-- [Controlled](/concepts/50%20React%20Components/20%20State%20Management/3%20Controlled%20Mode.md '/Documentation/Guide/React_Components/State_Management/#Controlled_Mode') and [uncontrolled](/concepts/50%20React%20Components/20%20State%20Management/7%20Uncontrolled%20Mode.md '/Documentation/Guide/React_Components/State_Management/#Uncontrolled_Mode') state management modes
+3. **Explore**    
+Examine [over 450 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from.
 
-- [Declarative configuration syntax](/concepts/50%20React%20Components/40%20Component%20Configuration%20Syntax/00%20Component%20Configuration%20Syntax.md '/Documentation/Guide/React_Components/Component_Configuration_Syntax/')
+## Getting Help
 
-- [TypeScript support](/concepts/Common/TypeScript%20Guides/05%20Scopes%20of%20Types/00%20Scopes%20of%20Types.md '/Documentation/Guide/Common/TypeScript_Guides/Scopes_of_Types/')
+Access the following resources for common solutions:
 
-All DevExtreme UI component suites, including React, share architecture and core features. The following core features are common to all suites:
+- [Troubleshooting Guide](/Documentation/Guide/Troubleshooting/Basics/)
+- [Support Center Tickets](https://supportcenter.devexpress.com/ticket/list?preset=ab3eb0eb-09d3-42b5-ae17-53bed1e6cec3)
+- [Examples](https://supportcenter.devexpress.com/ticket/list?preset=c2515c12-d6f9-4dd5-8381-fa9978072519)
 
-- [Data layer](/concepts/70%20Data%20Binding/5%20Data%20Layer '/Documentation/Guide/Data_Binding/Data_Layer/')
+Questions still unanswered? [Submit a ticket](https://supportcenter.devexpress.com/ticket/create) in our Support Center.
 
-- [Client-side data validation](/concepts/05%20UI%20Components/zz%20Common/05%20UI%20Widgets/20%20Data%20Validation '/Documentation/Guide/UI_Components/Common/UI_Widgets/Data_Validation/')
+## Features for React
 
-- [Themes and styles](/concepts/60%20Themes%20and%20Styles/05%20Predefined%20Themes/00%20Predefined%20Themes.md '/Documentation/Guide/Themes_and_Styles/Predefined_Themes/')
+The latest DevExtreme release aligns with the latest React version. Check the specific React versions your DevExtreme components [are compatible with](/Documentation/Guide/React_Components/Supported_Versions/). 
 
-- [Localization](/concepts/Common/Localization '/Documentation/Guide/Common/Localization/')
+React-specific features include:
 
-- [Modularity](/concepts/Common/Modularity/02%20DevExtreme%20Modules%20Structure '/Documentation/Guide/Common/Modularity/DevExtreme_Modules_Structure/')
-
-- [Customization using templates](/concepts/05%20UI%20Components/zz%20Common/30%20Templates '/Documentation/Guide/UI_Components/Common/Templates/')
-
-We also provide [over 250 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from.
-
-For information on how to integrate DevExtreme React UI components into your application, refer to the [Add DevExtreme to a React Application](/concepts/50%20React%20Components/05%20Add%20DevExtreme%20to%20a%20React%20Application/00%20Add%20DevExtreme%20to%20a%20React%20Application.md '/Documentation/Guide/React_Components/Add_DevExtreme_to_a_React_Application/') article.
+- [Performance Optimization](/Documentation/Guide/React_Components/Optimize_Performance/)
+- [TypeScript Support](Documentation/Guide/Common/TypeScript_Guides/Scopes_of_Types/)
+- [State Management](/Documentation/Guide/React_Components/State_Management/)
+- [Testing](/Documentation/Guide/React_Components/Components_Testing/)
 
 [tags] react
diff --git a/concepts/50 React Components/02 Create a DevExtreme Application.md b/concepts/50 React Components/02 Create a DevExtreme Application.md
@@ -1,3 +1,8 @@
+#include common-troubleunderstanding-note with {
+    technology: "React",
+    docsLink: "https://react.dev/learn"
+}
+
 If you are starting a project from scratch, use the [DevExtreme React Template](/concepts/50%20React%20Components/50%20Application%20Template/00%20Application%20Template.md '/Documentation/Guide/React_Components/Application_Template/'). It is a simple application with a navigation menu and several sample views in a responsive layout  (see <a href="https://devexpress.github.io/devextreme-react-template/#/home">live preview</a>).
 
 You can generate this application with the [DevExtreme CLI](/concepts/Common/DevExtreme%20CLI/00%20DevExtreme%20CLI.md '/Documentation/Guide/Common/DevExtreme_CLI/'):

diff --git a/...d DevExtreme to a React Application/00 Add DevExtreme to a React Application.md b/...d DevExtreme to a React Application/00 Add DevExtreme to a React Application.md
@@ -1 +1,6 @@
+#include common-troubleunderstanding-note with {
+    technology: "React",
+    docsLink: "https://react.dev/learn"
+}
+
 [tags] react
diff --git a/concepts/55 Vue Components/00 DevExtreme Vue Components.md b/concepts/55 Vue Components/00 DevExtreme Vue Components.md
@@ -1,34 +1,43 @@
-#include common-troubleunderstanding-note with {
-    technology: "Vue",
-    docsLink: "https://v3.vuejs.org/guide/introduction.html#getting-started"
-}
+The DevExtreme Vue UI Component Suite offers 80 responsive, touch-enabled UI components for Vue applications. This suite features a data grid, interactive charts, data editors, and various navigation and utility components.
 
-The DevExtreme Vue UI Component Suite is a feature-complete set of [80 responsive and touch-enabled UI components](https://js.devexpress.com/Overview/Widgets/) for Vue applications. The suite includes a data grid, interactive charts, data editors, navigation and multi-purpose UI components.
+## 80 JavaScript UI Components
 
-The DevExtreme Vue UI Component Suite provides the following platform-specific features:
+<img src="/images/UiWidgets/component-list.png" style="width: 900px;"/>
 
-- [Application template for a quick start](/concepts/55%20Vue%20Components/50%20Application%20Template/00%20Application%20Template.md '/Documentation/Guide/Vue_Components/Application_Template/')
+## Try DevExtreme Components in Your Project
 
-- [Declarative configuration syntax](/concepts/55%20Vue%20Components/20%20Component%20Configuration%20Syntax '/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/')
+Experience DevExtreme components in your projects with our [30-day trial](https://js.devexpress.com/Download/). No registration needed. A [license](/Documentation/Guide/Common/Licensing/) is **required** for commercial use.
 
-- [TypeScript support](/concepts/Common/TypeScript%20Guides/05%20Scopes%20of%20Types/00%20Scopes%20of%20Types.md '/Documentation/Guide/Common/TypeScript_Guides/Scopes_of_Types/')
+## Getting Started
 
-All DevExtreme UI component suites, including Vue, share architecture and core features. The following core features are common to all suites:
+1. **Install**
+
+    - [Add DevExtreme](//Documentation/Guide/Vue_Components/Add_DevExtreme_to_a_Vue_Application/) to your Vue application.
+
+    - Create [a new application with a template](/Documentation/Guide/Vue_Components/Create_a_DevExtreme_Application/) for quick setup.
 
-- [Data layer](/concepts/70%20Data%20Binding/5%20Data%20Layer '/Documentation/Guide/Data_Binding/Data_Layer/')
+2. **Learn Basics**    
+See the [component configuration syntax](/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/).
 
-- [Client-side data validation](/concepts/05%20UI%20Components/zz%20Common/05%20UI%20Widgets/20%20Data%20Validation '/Documentation/Guide/UI_Components/Common/UI_Widgets/Data_Validation/')
+3. **Explore**    
+Examine [over 450 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from.
 
-- [Themes and styles](/concepts/60%20Themes%20and%20Styles/05%20Predefined%20Themes/00%20Predefined%20Themes.md '/Documentation/Guide/Themes_and_Styles/Predefined_Themes/')
+## Getting Help
 
-- [Localization](/concepts/Common/Localization '/Documentation/Guide/Common/Localization/')
+Access the following resources for common solutions:
 
-- [Modularity](/concepts/Common/Modularity/02%20DevExtreme%20Modules%20Structure '/Documentation/Guide/Common/Modularity/DevExtreme_Modules_Structure/')
+- [Troubleshooting Guide](/Documentation/Guide/Troubleshooting/Basics/)
+- [Support Center Tickets](https://supportcenter.devexpress.com/ticket/list?preset=ab3eb0eb-09d3-42b5-ae17-53bed1e6cec3)
+- [Examples](https://supportcenter.devexpress.com/ticket/list?preset=c2515c12-d6f9-4dd5-8381-fa9978072519)
 
-- [Customization using templates](/concepts/05%20UI%20Components/zz%20Common/30%20Templates '/Documentation/Guide/UI_Components/Common/Templates/')
+Questions still unanswered? [Submit a ticket](https://supportcenter.devexpress.com/ticket/create) in our Support Center.
 
-We also provide [over 250 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from.
+## Features for Vue
 
-For information on how to integrate DevExtreme Vue UI components into your application, refer to the [Add DevExtreme to a Vue Application](/concepts/55%20Vue%20Components/05%20Add%20DevExtreme%20to%20a%20Vue%20Application/00%20Add%20DevExtreme%20to%20a%20Vue%20Application.md '/Documentation/Guide/Vue_Components/Add_DevExtreme_to_a_Vue_Application/') article.
+The latest DevExtreme release aligns with the latest Vue version. Check the specific Vue versions your DevExtreme components [are compatible with](/Documentation/Guide/Vue_Components/Supported_Versions/). 
+
+Vue-specific features include:
+
+- [TypeScript Support](Documentation/Guide/Common/TypeScript_Guides/Scopes_of_Types/)
 
 [tags] vue