devcloudfe / react-devui Goto Github PK
View Code? Open in Web Editor NEWUI components based on React and DevUI Design
Home Page: https://react-devui.surge.sh
License: MIT License
UI components based on React and DevUI Design
Home Page: https://react-devui.surge.sh
License: MIT License
为了保持React DevUI符合DevUI设计规范,建议引用同一份样式变量文件。
Ng DevUI设计规范样式变量文件:
https://github.com/DevCloudFE/ng-devui/blob/master/devui/style/devui.scss
在项目根目录下执行命令:yarn site:serve
,会报以下错误:
ERROR in packages/ui/src/components/form/FormItem.tsx:12:10
TS2305: Module '"./Form"' has no exported member 'DFormContext'.
10 | import { DTooltip } from '../tooltip';
11 | import { DError } from './Error';
> 12 | import { DFormContext } from './Form';
| ^^^^^^^^^^^^
13 | import { DFormGroupContext } from './FormGroup';
14 | import { Validators } from './form';
15 |
出现这个问题的原因是 Form 组件目录下有两个文件名相似,只是大小写不一样,这在 macOS 操作系统下会出问题。
命名冲突的文件:
期望执行yarn site:serve
命令能正常本地启动网站,不要报错。
在项目根目录下执行命令:yarn site:serve
Button组件,当dType设置为link时,建议渲染为一个a标签,而不是button标签。
console.log(header.find(DButton).length)
expect(header.find(DButton).length).toBe(0); // 1
单测时不添加dCloseIcon时不应添加关闭按钮,但预期添加了
const header = shallow(<DHeader/>)
console.log(header.find(DButton).length)
expect(header.find(DButton).length).toBe(0);
Make sure to read README before development.
开发之前确保阅读了 README。
Some components are not considered for implementation for the time being, because we want the number of components in the component library to be as small as possible, and some components can be implemented through expansion or combination.
某些组件暂时不考虑实现,因为我们希望组件库的组件数量尽可能的少,可以通过拓展或者组合的方式实现某些组件。
Component development can refer to:
组件开发可参考:
Be sure to confirm Props with me before developing components. Only after confirming Props, the component is considered to be under development!
开发组件前务必和我确认Props。只有确认过Props,才认为组件是在开发中!
Notice! ! ! According to the progress of the project, I will complete some components that are not under development by myself.
注意!!!依据项目进展,某些还没开发中的组件我会自己完成。
The following is a list of components that have been confirmed for development:
下面是已确认开发的组件列表:
tools\base64-data.ts
的27行:
table.write([filePath.match(/(?<=packages\/)[\s\S]+?(?=\/)/)![0], file]);
[filePath.match(/(?<=packages\/)[\s\S]+?(?=\/)/)
可能为null,导致报错。
报错信息如下所示:
能够正常运行
执行以下命令:
yarn serve:site
os: windows 11
node: v16.19.0
yarn: 1.22.19
因我个人需要维护其它项目,所以需要有意愿维护该项目的开源伙伴!
我会在周五给到选择,主要参考github公开的一些信息,如果想提供其它信息或者交流,邮件即可。
mount
not currently supported React18
I read that the 'enzyme-adapter-react-16.3' is also used ReactDOM.render
Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead.
Until you switch to the new API, your app will behave as if it's running React 17.
Thrilled to see Huawei has open-source projects in the frontend field.
One thing that is confusing is why we have a prefix "D" in all our components?
If I am an end developer user and as the author of some codebase, my future codebase reader can be confused with
My concerns arise from reading Clean Code, at the first chapter, Avoid Encodings.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.