How to Build a React Form without the Hassle – KendoReact Library Demo Hide this title
Building React forms can be messy if you do it from scratch. How can you avoid writing repetitive code such as defining a state variable for each individual form field and manually bind onChange handlers? And how to deal with the trickier aspects such as form validation or styling?
An efficient and easier way to build forms with React is to use the React form library available in KendoReact, a professionally built UI component library. The KendoReact form library includes many useful Form components such as dropdown lists, date pickers, editors, and more, backed by a robust list of Form APIs to help you build consistent forms throughout your apps – or even throughout your organization.
Watch the video to see this form library in action, learn how it handles form validation and accessibility and learn how it can help you in your project.
Useful links:
KendoReact Form Library documentation
React Form Design Guidelines
KendoReact UI Component Library overview
Presenter:
TJ VanToll, KendoReact Developer Advocate
About .NET Dev Show
Join Developer Advocate Sam Basu Thursdays on Twitch to learn from .NET MAUI gurus, get your questions answered live and enjoy the interesting guests we host.
Follow CodeitLive on TwitchAbout your host
Sam Basu
Sam Basu is a technologist, author, speaker, Microsoft MVP, gadget-lover and Progress Developer Advocate for Telerik products. With a long developer background, he now spends much of his time advocating modern web/mobile/cloud development platforms on Microsoft/Telerik technology stacks.
Watch Recent Episodes
.NET Dev Show: .NET MAUI Newsletter App
Building a .NET MAUI newsletter app is an experience, sometimes with obstacles - it doesn't get any more real than live coding and going headfirst into bugs, typeface choices, and more. Code from scratch with Sam Basu!
➡️Check out more from Telerik UI for MAUI here: https://www.telerik.com/maui-ui
➡️Catering to Desktop & Mobile With .NET MAUI: https://prgress.co/3uWXEqT
➡️For easy-breezy access to the Controls Samples App, SDKBrowser App & a Crypto Tracker App, follow this link: https://prgress.co/39WXmcb
➡️Why Evolve to .NET MAUI? https://prgress.co/3CQEzIT
Watch EpisodeMarch 7, 2023
Welcoming Everyone to MAUI | Webinar
Welcome to MAUI! Not, not the island - .NET MAUI - the next generation of cross-platform .NET development stack. A truly single code base powers apps to reach mobile/desktop natively, with a tighter inner loop & smarter app architecture. With .NET 6/7, MAUI promotes code reuse across platforms & enables modernization strategies.
Older desktop technologies like WinForms/WPF get a breath of new life. Blazor isn’t just for modern server/client web apps, but now powers native apps with .NET MAUI. Web components and styles can be easily shared between web & native apps. JavaScript SPA apps are welcome too – JS & .NET can freely talk to each other. Polished web UI is reusable on mobile/desktop apps from a true shared codebase & with full platform API access. Welcome to the island mindset with MAUI – let’s mix & match technology stacks and move apps forward.
Dive into MAUI basics, JS interop and so much more with developer advocates Sam Basu & Alyssa Nicoll.
➡️ Explore all the available demos for yourself: https://prgress.co/3VKnl9W
➡️ Grab Sam's GitHub: https://github.com/samidip
➡️ Grab Alyssa's GitHub: https://github.com/alyssamichelle
Check out some handy MAUI content:
➡️Explore Telerik UI for MAUI here: https://www.telerik.com/maui-ui
➡️Catering to Desktop & Mobile With .NET MAUI: https://prgress.co/3uWXEqT
➡️ How to share code with Blazor & .NET MAUI: https://prgress.co/3TpduVK
➡️For easy-breezy access to the Controls Samples App, SDKBrowser App & a Crypto Tracker App, follow this link: https://prgress.co/39WXmcb
➡️Why Evolve to .NET MAUI? https://prgress.co/3CQEzIT
Watch EpisodeMarch 7, 2023
JS Girl in a .NET World: Angular ToDo App wrapped in .NET MAUI App
Welcome to JS Girl in a .NET World where Alyssa continues her work aimed to create a magical Angular ToDo App wrapped in a .NET MAUI App - the perfect cross-platform sandwich!
Check out the Telerik UI for .NET MAUI Documentation
Watch EpisodeMarch 7, 2023
JS Girl in a .NET World: JavaScript Plus .NET MAUI Interop
Welcome to JS Girl in a .NET World where Alyssa and fellow dev advocate, Progresser and .NET MAUI guru, Sam Basu, will work on JavaScript Interop in .NET MAUI!
Check out the Telerik UI for .NET MAUI Documentation
Watch EpisodeMarch 7, 2023
Build Cross-platform Apps with .NET MAUI | DevReach 2022
In this DevReach 2022 session, David Ortinau, Pr. Program Manager at Microsoft, talks about multi-platform client app development for all .NET developers.
.NET 6 for the first time ever introduces "in the box" support for building client applications that target Android, iOS, macOS, and Windows from a single codebase. With so many great features included, David focuses on his favorites that will make your apps shine, make your code sparkle, and help you be more productive than ever. We will cover topics such as:
- .NET MAUI controls, custom controls, styling, and native platform integrations
- XAML and markup extension power tips
- Building fluent C# UI for the XAML-allergic
- Productivity developer tips in Visual Studio 2022
Check out the Telerik UI for .NET MAUI Documentation
Watch EpisodeMarch 7, 2023
Migration Paths and Tooling from Xamarin to .NET MAUI | DevReach 2022
In this DevReach 2022 session Sweekriti Satpathy, Senior Software Engineer at Microsoft shows you different migration options to take your existing Xamarin app and migrate to .NET MAUI. Take a look at how to migrate existing libraries as well as native app migrations.
Sweeky also showed exciting demos of new features being added to upgrade-assistant to help in these migrations and learn about all the resources that will be available for future migrations.
See the Telerik UI for .NET MAUI Documentation
Watch EpisodeMarch 7, 2023