React Resources Hub

Blogs, tutorials, videos and more resources to help you master the art of React UI.

Tutorials, Blogs and More

Read React blogs, tutorials and guidelines from React experts.

Videos

Dive into our growing library of video learning resources.

React Wednesdays Show

Chats with React experts: watch 60+ show recordings on demand.

KendoReact on the Web

Check out selected resources from the KendoReact community.

React Tutorials, Blogs and More

Enjoy high-quality resources that will support you from your first steps with React development all the way to navigating advanced implementation scenarios. Stay informed about all things React.

How To Create a Form in React: Complete Guide
Tutorial

How To Create a Form in React: Complete Guide

By Kathryn Grayson Nanz

Forms are high risk/high reward, so it’s important for us, as developers, to approach them well prepared. Learn the steps to building great React forms.

 Read More
Using Figma Kits To Kick-Start Your Design System
Blog

Using Figma Kits To Kick-Start Your Design System

By Kathryn Grayson Nanz

How can we get a quick and dirty design system MVP up and running, with minimal time investment, to prove the benefits? We start with the KendoReact Figma Kits!

 Read More
How To Build an Accessible React Data Grid
Tutorial

How To Build an Accessible React Data Grid

By Vladimir Iliev

Read this article for a comprehensive tutorial by one of our most experienced software engineers and accessibility experts. Don’t worry if you’re new to the topic—we’ll start with defining what web accessibility is.

 Read More

Explore More From React Blogs

Developer Productivity Tips From 25 React Experts

A collection of great tips and tricks for the React developer who strives to excel.

The Guide to Learning React Hooks

A tutorial with tons of examples that answers the question “What are React hooks?”

All React Blogs

This is where you can find every article we’ve published on the topic of React.js.

Videos

Put your headphones on, grab a cup of coffee or tea and dive into our growing library of video learning resources.

React Getting Started Videos

React Scheduler Tutorial: When to Use Different Views
Video

React Scheduler Tutorial: When to Use Different Views

Explore common usage scenarios of the different React Scheduler views you get out-of-the-box with KendoReact and learn how to customize them.

 Watch Video
Quick React DateTimePicker Overview: 5 Top Features
Video

Quick React DateTimePicker Overview: 5 Top Features

What are the five key features you get out-of-the-box with the KendoReact DateTimePicker? They include accessibility, customization, and more: see all in the video.

 Watch Video
5 Reasons to Use the KendoReact Form
Video

5 Reasons to Use the KendoReact Form

Play this video to check out 5 very important things to look for in a React Form component and, what’s more, see why the KendoReact Form library ticks all the boxes.

 Watch Video
Sorting, Filtering and Grouping in the KendoReact Data Grid
Video

Sorting, Filtering and Grouping in the KendoReact Data Grid

Join Kathryn for a quick and informative demo of the filtering, sorting and grouping features for the popular React Data Grid component that is part of the KendoReact UI library.

 Watch Video
How to Use and Customize the KendoReact DatePicker
Video

How to Use and Customize the KendoReact DatePicker

Watch this video to dive into all the features and functionality of the KendoReact DatePicker, which is part of the several beautiful and fully accessible components that make up the KendoReact Date Inputs Library.

 Watch Video
Get Started with KendoReact in 6-Minutes
Video

Get Started with KendoReact in 6-Minutes

TJ VanToll demonstrates how to work with KendoReact components using npm install, implementing the React Data Grid and React DatePicker as an example.

 Watch Video
123
Next

Other Video Resources

Video Tutorial
Virtual Classroom Training

To speed up your onboarding, we’ve created a series of training videos, delivered by technical experts. Available with a trial or commercial KendoReact license.

ON-DEMAND webinar
Let's Build a Financial Dashboard with React

In his crisp and easy-to-follow style, TJ VanToll walks you through the different steps of building a responsive Bootstrap-themed Stocks Portfolio application with React.

Collection
All React Webinars

Visit our webinars page to access all webinar recordings, including tutorials and release webinars.

React Wednesdays Show

React Wednesdays is a weekly chat show with the best and brightest from the React world, hosted by TJ VanToll. While we won't be airing new shows for some time as we focus on participating in live dev events, you can always check out the 60+ episode recordings available on demand. That's a real treasure of conversations with React experts waiting to be discovered!

Go to React Wednesdays

KendoReact on the Web

We’re better together! Check out these articles, videos and more created by the KendoReact community.

A Themeable React Data Grid With Great UX-Focused Features
Blog

A Themeable React Data Grid With Great UX-Focused Features

“If we use the KendoReact Data Grid component (and friends), we get an absolute ton of extra features, any one of which is non-trivial to pull off nicely, and all together make for an extremely compelling solution.” Chris Coyier, CSS Tricks.

 Read the whole story
Looking for the Best React Form Library in 2021? It’s Probably on This List
Blog

Looking for the Best React Form Library in 2021? It’s Probably on This List

If you’re looking for a React Form library, this list is a good place to start. Peter Mbanugo has included code snippets and example syntax for each library and talks about the key differences between them.

 Read the whole story
Blog

You Can Do That With A JavaScript Data Grid?

In this Smashing Magazine piece, you will see what groundbreaking things you can achieve with modern JavaScript grids and discover new ways to make a data grid engaging, responsive, and accessible. All illustrated using the Kendo UI Data Grids.

 Read the whole story