How to Pass Data between Angular and React Projects Using Custom Events [Webinar Show Notes] | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (173).NET Core  (29).NET MAUI  (207)Angular  (109)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (40)Black Friday Deal  (1)Blazor  (215)BoldSign  (14)DocIO  (24)Essential JS 2  (107)Essential Studio  (200)File Formats  (66)Flutter  (133)JavaScript  (220)Microsoft  (118)PDF  (81)Python  (1)React  (100)Streamlit  (1)Succinctly series  (131)Syncfusion  (912)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (51)Windows Forms  (61)WinUI  (68)WPF  (158)Xamarin  (161)XlsIO  (36)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (147)Chart  (130)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (63)Development  (626)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (40)Extensions  (22)File Manager  (7)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (506)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (43)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)Security  (3)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (10)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (386)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (19)Web  (590)What's new  (331)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
How to Pass Data between Angular and React Projects using Custom Events

How to Pass Data between Angular and React Projects Using Custom Events [Webinar Show Notes]

This blog provides show notes for our October 13, 2022, webinar, “How to Pass Data between Angular and React Projects Using Custom Events.” The webinar was presented and hosted by Syncfusion developer Uma Maheswari Chandrabose. If you missed it, or would like to watch it again, please see our YouTube channel or the embedded copy that follows.


In this webinar, we will see the new updates for Syncfusion Web and Blazor components in the Essential Studio Volume 3 release. You will also learn how to pass the data from an Angular project to a React project using custom events.

New Components in Blazor and Web for 2022 Vol. 3

New Components (Blazor & Web)

New Components (Web)

What’s New in Blazor for 2022 Vol. 3

.NET 7 compatiblity

Preview to production-ready


  • Data Label wrap.
  • Print multiple Charts.

Stock Chart

  • Legend support.


  • Flip support for nodes.
  • Show and hide user handles.


  • Full-screen calendar.

Gantt Chart

  • Inline editing.
  • Timeline virtualization.
  • Alphanumeric support for task ID field.

Pivot Table

  • Notifications for UI actions.

What’s New in Web Platforms for 2022 Vol. 3

Latest version compatibility

  • Vue version 2.7 compatible.


  • Border for area charts.
  • Bubble and scatter charts in canvas.
  • Zooming and panning toolbar.
  • Format data labels.


  • Freehand drawing.
  • Additional auto scroll.


  • Shimmer loading placeholder.
  • Infinite scrolling in lazy-load grouping.

Gantt Chart

  • Parent predecessor.
  • Row drag and drop.
  • Excel-like filtering.
  • Alphanumeric support for Task ID field.


  • Inline editing with virtualization.
  • Frozen columns with virtualization.

Pivot Table

  • Paging support.

Rich Text Editor

  • @mention integration.

What’s New in Blazor and Web for 2022 Vol. 3


  • Virtual Scrolling in vertical views.
  • Template support in year view.

Rich Text Editor

  • Insert audio and video.

Word Processor

  • Show paragraphs and hidden marks.


  • Partial view support.

Additional packages

React Project

  • web-component-load

Angular Project

  • Angular V6 or later
  • @angular/elements


During this webinar, we looked at the new updates for Syncfusion web and Blazor components, as well as how to pass data from an Angular project to a React project.

We hope you enjoyed this webinar. Please keep an eye out for our future Blazor webinars.

Recommended resources (related links):


Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed