In this engaging video course, you will learn how to quickly start working with the KendoReact UI library for React, how to implement and customize components, and how to take advantage of the powerful React UI components available in this suite. There are five short videos in this series, in which Tara will explain everything you need to know using the right mix of expertise and a sense of humor.
Using React? The KendoReact is the tool you need if you want to add complex UI components to your app quickly and easily. It has everything from complex data tables and charts to buttons and gauges.
Try it yourself with a free trial
If you are still wondering if the KendoReact components are right for your project, watch this video to get your questions answered. This UI component library was built from the ground up specifically for React projects. We’ll look into what this means for your development process, including quick spin-up time, out-of-the-box accessibility compliance, styling, internationalization and more.
KendoReact components page (where you can also download the free trial)
To really understand just how easy it is to create with React, we’ll start building out a project by first using `create-react-app`. We’ll check out the KendoReact DropDownList, NumericTextBox and Grid components, install them into our project and take a look at an easy way to style them.
GitHub repo for the sample project (used in this and the following videos)
facebook/create-react-app (GitHub)
Kendo UI components used: DropDownList, NumericTextBox, Buttons, Internationalization and Grid
Now that you’ve seen how to incorporate KendoReact UI components into your React project, we’ll look into implementing the KendoReact Grid, Dropdown List, Inputs and Buttons, and peek inside some of their features. We’ll quickly build out an interactive React application taking advantage of the KendoReact built-in themes.
With our working React application now ready, we can delve further into the KendoReact UI components. We will customize the components we added in the last video, the Grid, NumericTextBox, DropDownList and Buttons, and discuss all the functionality available at your fingertips once you are wielding these powerful components.
Now that we have a great React project built with KendoReact, we’ll look into what else we can create with the KendoReact UI library. We will also explore great ways to take your React app to the next level by making it a Progressive Web App (spoiler: you’ve already built one!). Finally, you’ll be ordained with additional resources to continue your journey with KendoReact as we’re sure you are ready to begin your next React app with KendoReact.
Service Workers: an Introduction by Matt Gaunt
Progressive Web Apps on developers.google.com
Tara on PWAs, a conversation with Scott Hanselman (on The Hanselminutes podcast)
Tara’s DevReach 2017 talk “PWA All the Things”
KendoReact Animations and Forms components
About the presenter:
Tara Manicsic
Progress Developer Relations
Tara is a life-long student, teacher and maker. She has spent the majority of her career using JavaScript on both the backend and frontend to create applications. In her free time, she works in her community to educate and learn from other developers. Tara launched the Cincinnati Chapter of Women Who Code and Co-Chairs the Cincinnati branch of NodeSchool. Beyond code, she likes to make things with other materials (wool, solder, clay, etc.) and hike any mountain she can get to.
Now that you’ve learned a bit about using the KendoReact components in a real application, give it a try yourself! Download your free 30-day KendoReact trial that includes the code, documentation and even support during your trial period. See how easy it is to meet your deadline while improving your app’s user experience with the power of KendoReact components.
Get a Free 30-day Trial