--- title: "How to Pass Data between Angular and React Projects Using Custom Events [Webinar Show Notes]" published_at: "2022-10-14T12:08:32+00:00" modified_at: "2026-01-30T12:53:31+00:00" url: "https://www.syncfusion.com/blogs/post/how-to-pass-data-between-angular-and-react-projects-using-custom-events" excerpt: "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..." taxonomy_category: - "Angular" - "React" - "Web" - "Webinar" taxonomy_post_tag: - "Angular" - "React" - "Syncfusion" - "Web Development" - "Webinar" --- # How to Pass Data between Angular and React Projects Using Custom Events [Webinar Show Notes] [Carter Harris](https://www.syncfusion.com/blogs/author/carterh) ![How to Pass Data between Angular and React Projects using Custom Events](https://www.syncfusion.com/blogs/wp-content/uploads/2022/10/How-to-Pass-Data-between-Angular-and-React-Projects-using-Custom-Events.png) 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. ## Overview In this webinar, we will see the new updates for Syncfusion Web and Blazor components in the [Essential Studio® Volume 3 release](https://www.syncfusion.com/products/whatsnew) . 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) - [Floating Action Button](https://www.syncfusion.com/blazor-components/blazor-fab) - [Speed Dial](https://www.syncfusion.com/blazor-components/blazor-speeddial) - [Skeleton](https://www.syncfusion.com/blazor-components/blazor-skeleton) - [AppBar](https://www.syncfusion.com/blazor-components/blazor-appbar) - [Message](https://www.syncfusion.com/blazor-components/blazor-message) ### New Components (Web) - [Image Editor](https://www.syncfusion.com/javascript-ui-controls/js-image-editor) - [Mention](https://www.syncfusion.com/javascript-ui-controls/js-mention) ## What’s New in Blazor for 2022 Vol. 3 ### .NET 7 compatiblity - [Blazor](https://www.syncfusion.com/blazor-components) and [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls) components. ### Preview to production-ready - [Pager](https://www.syncfusion.com/blazor-components/blazor-pager) ### [Charts](https://www.syncfusion.com/blazor-components/blazor-charts) - Data Label wrap. - Print multiple Charts. ### [Stock Chart](https://www.syncfusion.com/blazor-components/blazor-stock-chart) - Legend support. ### [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram) - Flip support for nodes. - Show and hide user handles. ### [DatePicker](https://www.syncfusion.com/blazor-components/blazor-datepicker) - Full-screen calendar. ### [Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) - Inline editing. - Timeline virtualization. - Alphanumeric support for task ID field. ### [Pivot Table](https://www.syncfusion.com/blazor-components/blazor-pivot-table) - Notifications for UI actions. ## What’s New in Web Platforms for 2022 Vol. 3 ### Latest version compatibility - [Vue](https://www.syncfusion.com/vue-components) version 2.7 compatible. ### [Charts](https://www.syncfusion.com/javascript-ui-controls/js-charts) - Border for area charts. - Bubble and scatter charts in canvas. - Zooming and panning toolbar. - Format data labels. ### [Diagram](https://www.syncfusion.com/javascript-ui-controls/js-diagram) - Freehand drawing. - Additional auto scroll. ### [DataGrid](https://www.syncfusion.com/javascript-ui-controls/js-data-grid) - Shimmer loading placeholder. - Infinite scrolling in lazy-load grouping. ### [Gantt Chart](https://www.syncfusion.com/javascript-ui-controls/js-gantt-chart) - Parent predecessor. - Row drag and drop. - Excel-like filtering. - Alphanumeric support for Task ID field. ### [TreeGrid](https://www.syncfusion.com/javascript-ui-controls/js-tree-grid) - Inline editing with virtualization. - Frozen columns with virtualization. ### [Pivot Table](https://www.syncfusion.com/javascript-ui-controls/js-pivot-table) - Paging support. ### [Rich Text Editor](https://www.syncfusion.com/javascript-ui-controls/js-wysiwyg-rich-text-editor) - @mention integration. ## What’s New in Blazor and Web for 2022 Vol. 3 ### [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler) - Virtual Scrolling in vertical views. - Template support in year view. ### [Rich Text Editor](https://www.syncfusion.com/blazor-components/blazor-wysiwyg-rich-text-editor) - Insert audio and video. ### [Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor) - Show paragraphs and hidden marks. ### [Carousel](https://www.syncfusion.com/blazor-components/blazor-carousel) - Partial view support. ## Additional packages ### [React Project](https://www.syncfusion.com/react-components) - web-component-load ### [Angular Project](https://www.syncfusion.com/angular-components) - Angular V6 or later - @angular/elements ## Summary 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): - [What’s New in Blazor 2022 Vol. 3](https://www.syncfusion.com/products/whatsnew/blazor-components) - [What’s New in React 2022 Vol. 3](https://www.syncfusion.com/products/whatsnew/react) - [What’s New in Angular 2022 Vol. 3](https://www.syncfusion.com/products/whatsnew/angular) - [Essential Studio®2022 Volume 3 Is Here!](https://www.syncfusion.com/blogs/post/syncfusion-essential-studio-2022-volume-3-is-here.aspx)