angular js 2.0 & react with kendo ui

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 2Kendo 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