首页 > 编程语言 >跳过设置!直接使用KendoReact模板创建React应用程序

跳过设置!直接使用KendoReact模板创建React应用程序

时间:2023-01-13 09:56:47浏览次数:54  
标签:开发人员 KendoReact 应用程序 React template 模板

Kendo UI致力于新的开发,来满足不断变化的需求。现在我们非常自豪地宣布,通过React框架的Kendo UI JavaScript封装来支持React Javascript框架。KendoReact能够为客户提供更好的用户体验,并且能够更快地构建更好的应用程序。

KendoReact官方技术团队在Create React App中创建了四个模板供开发人员使用。

Kendo UI R3 2022正式版下载

Telerik_KendoUI产品技术交流群:726377843    欢迎一起进群讨论

很多开发人员在开始新的项目时,通常会花费很多时间来进行各种设置。一个理想的新项目是:拥有全新的代码库、没有遗留问题、没有bug,把所有的精力和兴奋都花在运行npm安装和配置依赖项上。

这就是为什么我们的组件KendoReact会为创建React应用程序(CRA)提供模板,CRA是启动一个新的React应用程序的最快、最简单的方法之一,它可以在几分钟内启动并运行,有一种方式可以让它更方便——如果它也可以处理KendoReact的安装和配置!

CRA允许开发人员通过——template选项提供自定义模板,KendoReact团队利用了这个很棒的功能,并根据开发人员喜欢的堆栈创建了始终不同的模板功开发人员使用:

粘贴以下内容到你的终端:

npx create-react-app my-react-app --template cra-template-kendo

只需将my-react-app替换为新应用程序的名称,并将cra-template-kendo替换为上述任何模板(如果您正在寻找扩展的typescript和/或sass支持)即可。

几分钟后就会有一个全新的React应用程序安装和配置了KendoReact(可能也有typescript和sass),开发人员可以继续导入任何KendoReact组件。

跳过设置!直接使用KendoReact模板创建React应用程序

如果您想要更酷炫的应用程序,可以使用ThemeBuilder。ThemeBuilder是Kendo UI组件所见即所得的编辑器,允许开发人员或设计人员深入和自定义每个组件的细节,而不涉及任何CSS或Sass。它导出一个CSS(或sass)文件,开发人员可以直接拖放到刚刚设置的新React应用程序中。并且当您已经有了一个新的React应用程序,可以使用首选的技术堆栈,为组件库进行设置,样式已经配置好了。当添加新组件时,它们将自动设置样式来匹配您的设计。


了解最新Kendo UI最新资讯,请关注Telerik中文网!

标签:开发人员,KendoReact,应用程序,React,template,模板
From: https://www.cnblogs.com/AABBbaby/p/17048625.html

相关文章

  • react中二维码生成
    参考文档:https://blog.csdn.net/weixin_45022563/article/details/124843593 awesomeqr/react案例:注意需要给父级div设置高宽下载:yarnadd@awesomeqr/react......
  • React Context 详细介绍(状态共享、数据传递)
    Context是什么?Context提供了一个无需为每层组件手动添加props,就能在组件树间进行数据传递的方法。在一个典型的React应用中,数据是通过props属性自上而下(由父及子)进......
  • React面试宝典
    React面试宝典一、组件基础梳理组件设计原理与思路分析和解决问题的技巧1.React原理......
  • python生成应用程序的块截方式
    代码:importos,winshellfromwin32com.clientimportDispatchpath=r"D:/workspace/wwwroot82/pyjiankong/dist/test.lnk"#Pathtobesaved(shortcut)target......
  • 盘点 16 款跨平台应用程序开发框架
    近年来小程序技术被微信及其生态应用带的如火如荼的,开发者的世界里,小程序的技术非常受关注,特别在流量承接及跨端开发方面,均受到不同规模的企业关注及积极实践。2023年,小程序......
  • react教程
    第一章:基础知识1、helloworld一个简单的helloworld<!DOCTYPEhtml><htmllang="en"><body><divid="container"></div><scriptsrc="https://unpkg.com/r......
  • React核心概念与JSX
    React概况React是一个只用来写HTML的UI页面的JS库,在MVC设计模式中它只相当于View,故:它并不是一个框架(MVC架构角色设计)。React组件内数据改动会自动更新到屏幕上。React项......
  • React+TS中使用插槽进行数据的传递
    React+TS中使用插槽进行数据的传递场景:父组件通过发送请求获得了数据,需要将数据传递到子组件中进行渲染,作用例子:List或UL=>Li 步骤:一:父组件中引入子组件impo......
  • react event 防抖传参
    //echarts图表设置完毕后,添加事件监听,才用lodash.js的防抖函数useEffect(()=>{constzrMouseMove=(event)=>{console.log('[测试]event',e......
  • react-native启动时报错Execution failed for task ':app:checkDebugAarMetadata'
    报错内容如下:FAILURE:Buildfailedwithanexception.*Whatwentwrong:Executionfailedfortask':app:checkDebugAarMetadata'.>Multipletaskactionfailur......