SlideShare a Scribd company logo

Angular JS 2.0 & React with Kendo UI

Download as PPTX, PDF
Lohith Goudagere Nagaraj
Lohith Goudagere Nagaraj

The document discusses Angular 2.0, React, and Kendo UI. It provides an overview of these frameworks and libraries and demonstrates how Kendo UI can be used with Angular 2.0 and React. Specifically, it discusses integrating Kendo UI components like buttons, sliders, and dropdowns into applications built with Angular 2.0 and React.

Technology
1 of 18
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Angular JS 2.0 & React with Kendo UI Jun 23 2016
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.2 About Me  Lohith G N  Technical Evangelist  Microsoft MVP (VS.NET)  @kashyapa  www.kashyapas.com  www.telerikhelper.net  www.telerik.com  www.progress.com
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.3 Agenda What is Angular 2.0 ? What is React ? What is Kendo UI ? Kendo UI + Angular 2 Kendo UI + React
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.4 Angular JS 2.0
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.5
DEMO
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.7 REACT JS
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.8
DEMO
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.10 Kendo UI
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.11
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.12
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.13 Kendo UI + Angular 2
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.14 + Kendo UI + Angular 2
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.15 Kendo UI + React JS
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.16 + Kendo UI + React JS React
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.17 Kendo UI React Components  Kendo UI for React – Preview  jQuery-free React components  Utilize the React Virtual DOM, Unidirectional Data Flow  Preview Includes • Button • ButtonGroup • Slider • Draggable • DropDown • AutoComplete • Dialog • TabStrip • Panelbar
Lohith.Nagaraj@Telerik.com

More Related Content

Similar to Angular JS 2.0 & React with Kendo UI (20)

PDF
Kendo UI workshop introduction - PUG Baltic Annual Conference 2017
Alen Leit
 
PPTX
OData Hackathon Challenge
Sumit Sarkar
 
PDF
Progress OE Roadmap and Vision - PUG Baltic Annual Conference 2017
Alen Leit
 
PPTX
How to Prepare Your Toolbox for the Future of SharePoint Development
Progress
 
PPTX
Building Web Apps & APIs With Node JS
Lohith Goudagere Nagaraj
 
PPTX
Kendo UI Wrappers in ASP.NET Core
Lohith Goudagere Nagaraj
 
PDF
Lesson learned from React native and Flutter
Somkiat Puisungnoen
 
PDF
Angular-ifying Your Visualforce Pages
Salesforce Developers
 
PDF
ShehackBoston-2018
Khanh Dao
 
PPTX
Is React The Best Thing Since Sliced Bread?
Synerzip
 
PPTX
New Age User Interfaces
Abhishek Kant
 
PPTX
Porting Hybrid Apps to Native Apps
Lohith Goudagere Nagaraj
 
PDF
Cloud Foundy Java Client V 2.0 #cf_tokyo
Toshiaki Maki
 
PPTX
10 Useful Frameworks to Build Hybrid Mobile Apps
75waytechnologies
 
PPTX
OData - The Universal REST API
Nishanth Kadiyala
 
PDF
React native vs. ionic – which one is better and why
Moon Technolabs Pvt. Ltd.
 
PDF
React native vs. ionic – which one is better and why
Moon Technolabs Pvt. Ltd.
 
DOCX
Resume
sachin rajput
 
PDF
Max Pronko - 10 migration mistakes from Magento 1 to Magento 2
Meet Magento Italy
 
PPTX
Dreamforce 2015 Session - Angular-ifying your visualforce pages
Abhinav Gupta
 
Kendo UI workshop introduction - PUG Baltic Annual Conference 2017
Alen Leit
 
OData Hackathon Challenge
Sumit Sarkar
 
Progress OE Roadmap and Vision - PUG Baltic Annual Conference 2017
Alen Leit
 
How to Prepare Your Toolbox for the Future of SharePoint Development
Progress
 
Building Web Apps & APIs With Node JS
Lohith Goudagere Nagaraj
 
Kendo UI Wrappers in ASP.NET Core
Lohith Goudagere Nagaraj
 
Lesson learned from React native and Flutter
Somkiat Puisungnoen
 
Angular-ifying Your Visualforce Pages
Salesforce Developers
 
ShehackBoston-2018
Khanh Dao
 
Is React The Best Thing Since Sliced Bread?
Synerzip
 
New Age User Interfaces
Abhishek Kant
 
Porting Hybrid Apps to Native Apps
Lohith Goudagere Nagaraj
 
Cloud Foundy Java Client V 2.0 #cf_tokyo
Toshiaki Maki
 
10 Useful Frameworks to Build Hybrid Mobile Apps
75waytechnologies
 
OData - The Universal REST API
Nishanth Kadiyala
 
React native vs. ionic – which one is better and why
Moon Technolabs Pvt. Ltd.
 
React native vs. ionic – which one is better and why
Moon Technolabs Pvt. Ltd.
 
Resume
sachin rajput
 
Max Pronko - 10 migration mistakes from Magento 1 to Magento 2
Meet Magento Italy
 
Dreamforce 2015 Session - Angular-ifying your visualforce pages
Abhinav Gupta
 

More from Lohith Goudagere Nagaraj (20)

PPTX
Hybrid Mobile App Development With Cordova
Lohith Goudagere Nagaraj
 
PPTX
Even Quicker Development with Xamarin Forms Using Telerik UI for Xamarin
Lohith Goudagere Nagaraj
 
PPTX
You Know Angular 2, You Know Native Mobile App Development
Lohith Goudagere Nagaraj
 
PPTX
Connecting your .Net Applications to NoSQL Databases - MongoDB & Cassandra
Lohith Goudagere Nagaraj
 
PPTX
Seamless Access to Data from BI Tools using DataDirect Cloud
Lohith Goudagere Nagaraj
 
PPTX
Introduction to UWP - Universal Windows Platform Application Development
Lohith Goudagere Nagaraj
 
PPTX
Cross Platform Web Applications Using ASP.NET Core 1.0
Lohith Goudagere Nagaraj
 
PPTX
Build Leaner, Faster Web Applications with ASP.NET
Lohith Goudagere Nagaraj
 
PPTX
JavaScript Task Runners - Gulp & Grunt
Lohith Goudagere Nagaraj
 
PPTX
Visual Studio 2015 - Whats New ?
Lohith Goudagere Nagaraj
 
PPTX
Introduction to React JS
Lohith Goudagere Nagaraj
 
PPTX
Online Spreadsheet for your Web Applications using Kendo UI
Lohith Goudagere Nagaraj
 
PPTX
NativeScript + Push Notifications
Lohith Goudagere Nagaraj
 
PPTX
10 Useful New Features of ECMA Script 6
Lohith Goudagere Nagaraj
 
PDF
New Enterprisre Capabilities in Telerik Platform
Lohith Goudagere Nagaraj
 
PPTX
Creating Custom HTML Helpers in ASP.NET MVC
Lohith Goudagere Nagaraj
 
PPTX
Building and Delivering Reports from your Web and Mobile Apps with Telerik Re...
Lohith Goudagere Nagaraj
 
PPTX
Preparing Big Data for Analysis with Easyl
Lohith Goudagere Nagaraj
 
PPTX
Introduction to NativeScript - BuildTruly Native Apps using JavaScript
Lohith Goudagere Nagaraj
 
PPTX
Native Touches to your Hybrid Mobile Apps
Lohith Goudagere Nagaraj
 
Hybrid Mobile App Development With Cordova
Lohith Goudagere Nagaraj
 
Even Quicker Development with Xamarin Forms Using Telerik UI for Xamarin
Lohith Goudagere Nagaraj
 
You Know Angular 2, You Know Native Mobile App Development
Lohith Goudagere Nagaraj
 
Connecting your .Net Applications to NoSQL Databases - MongoDB & Cassandra
Lohith Goudagere Nagaraj
 
Seamless Access to Data from BI Tools using DataDirect Cloud
Lohith Goudagere Nagaraj
 
Introduction to UWP - Universal Windows Platform Application Development
Lohith Goudagere Nagaraj
 
Cross Platform Web Applications Using ASP.NET Core 1.0
Lohith Goudagere Nagaraj
 
Build Leaner, Faster Web Applications with ASP.NET
Lohith Goudagere Nagaraj
 
JavaScript Task Runners - Gulp & Grunt
Lohith Goudagere Nagaraj
 
Visual Studio 2015 - Whats New ?
Lohith Goudagere Nagaraj
 
Introduction to React JS
Lohith Goudagere Nagaraj
 
Online Spreadsheet for your Web Applications using Kendo UI
Lohith Goudagere Nagaraj
 
NativeScript + Push Notifications
Lohith Goudagere Nagaraj
 
10 Useful New Features of ECMA Script 6
Lohith Goudagere Nagaraj
 
New Enterprisre Capabilities in Telerik Platform
Lohith Goudagere Nagaraj
 
Creating Custom HTML Helpers in ASP.NET MVC
Lohith Goudagere Nagaraj
 
Building and Delivering Reports from your Web and Mobile Apps with Telerik Re...
Lohith Goudagere Nagaraj
 
Preparing Big Data for Analysis with Easyl
Lohith Goudagere Nagaraj
 
Introduction to NativeScript - BuildTruly Native Apps using JavaScript
Lohith Goudagere Nagaraj
 
Native Touches to your Hybrid Mobile Apps
Lohith Goudagere Nagaraj
 
Ad

Recently uploaded (20)

PDF
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
PDF
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
PDF
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PDF
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
PDF
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
PDF
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
PDF
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
PPTX
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
PPTX
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PDF
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
PDF
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
PDF
SWEBOK Guide and Software Services Engineering Education
Hironori Washizaki
 
PDF
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
PDF
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
SWEBOK Guide and Software Services Engineering Education
Hironori Washizaki
 
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
Ad

Angular JS 2.0 & React with Kendo UI

  • 1. Angular JS 2.0 & React with Kendo UI Jun 23 2016
  • 2. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.2 About Me  Lohith G N  Technical Evangelist  Microsoft MVP (VS.NET)  @kashyapa  www.kashyapas.com  www.telerikhelper.net  www.telerik.com  www.progress.com
  • 3. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.3 Agenda What is Angular 2.0 ? What is React ? What is Kendo UI ? Kendo UI + Angular 2 Kendo UI + React
  • 4. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.4 Angular JS 2.0
  • 5. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.5
  • 7. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.7 REACT JS
  • 8. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.8
  • 10. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.10 Kendo UI
  • 11. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.11
  • 12. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.12
  • 13. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.13 Kendo UI + Angular 2
  • 14. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.14 + Kendo UI + Angular 2
  • 15. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.15 Kendo UI + React JS
  • 16. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.16 + Kendo UI + React JS React
  • 17. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.17 Kendo UI React Components  Kendo UI for React – Preview  jQuery-free React components  Utilize the React Virtual DOM, Unidirectional Data Flow  Preview Includes • Button • ButtonGroup • Slider • Draggable • DropDown • AutoComplete • Dialog • TabStrip • Panelbar