Angular JS 2.0 & React with Kendo UI
- 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