200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > web前端开发规范 CSS如何清除默认样式

web前端开发规范 CSS如何清除默认样式

时间:2023-01-19 03:18:26

相关推荐

web前端开发规范 CSS如何清除默认样式

如果你正在使用 React.js 或 React Native 创建用户界面,可以试一试本文推荐的这些框架。

React.js 和 React Native 是流行的用户界面(UI)开发平台,且都是开源技术。在 StackOverflow 的 年开发人员调查中,它们在期望度和使用率方面都有很高的排名。React.js 是 Facebook 在 年作为一个 JavaScript 库开发而成的,目的是满足跨平台、动态和高性能 UI 的需求;而 Facebook 在 年发布的 React Native 则是用来基于 JavaScript 构建原生应用程序的。

下面列举了 13 个精选的 React JavaScript 框架,它们全都是开源的。前 11 个(就像 React 那样)是根据 MIT 许可授权的,后两个则是根据 Apache 2.0 授权。

##1.Creat React App

这款由 Facebook 开发人员带来的命令行界面是所有 React Native 项目的必备框架。因为 Create React App 易于使用,让你省掉了手动设置和配置应用的麻烦,从而节省了大量时间和精力。

只需一条简单的命令,一切就都准备就绪,你就能轻松创建 React Native 项目了。你可以用它来构建目录和文件,该框架还包括用于构建、测试和发布应用程序的工具。

# Install package $ npm install -g create-react-native-web-app # Run create-react-native-web-app <project-directory> $ create-react-native-web-app myApp # cd into your <project-directory> $ cd myApp # Run Web/Ios/Android development # Web $ npm run web # IOS (simulator) $ npm run ios # Android (connected device) $ npm run android

为什么选择 Create React App

带有配置包、转译器和测试器的一流开发工具应用结构中没有配置,也没有多余的文件。稳固的开发栈。行之有效的快速开发工具。

2.Material Kit React

Material Kit React 受到了谷歌的 Material Design 系统启发,是构建 React UI 组件的绝佳选择。这个库最大的优点是它提供了许多组件,这些组件可以组合在一起生成难以置信的效果。库中有超过 1000 个完全编码的组件,每个组件都有单独的层,这些层都在文件夹中分门别类组织好了。这意味着你有着成千上万种选择。如果你想获取灵感,或与某人分享想法或概念,也有几个示例页面可用。

安装 Material Kit

$ npm install @material-ui/core

实现

import React from eact; import Button from @material-ui/core/Button; const App = () => ( <Button variant="contained" color="primary"> Hello World </Button> );

Material-UI 组件无需任何额外设置即可工作,并且不会污染全局域。

优点

这款 React 组件可以支持更轻松、更快速的 Web 开发流程。有了它,你可以构建自己的设计系统,或者先从 Material Design 开始上手。

3.Shards React

这款现代 React UI 套件是为了实现高性能而从零开始打造的。它有着现代化的设计系统,让你可以按照需要的方式自定义事物。你甚至可以下载源文件来在代码级别自定义内容。此外,用于样式的 SCSS 语法可以提升开发体验。

Shards React 是基于 Shards 的,并使用了 React Datepicker、React Popper(定位引擎)和 noUISlider。它还提供了非常棒的 Material Design 图标。还有一些预制的版

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。