您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 开发 > WEB开发 >
    13个精选的React JS框架(2)
    时间:2020-03-27 21:30 来源:网络整理 作者:网络 浏览:收藏 挑错 推荐 打印

    import { createStore } from "redux"; import rotateReducer from "reducers/rotateReducer"; function configureStore(state = { rotating: value}) { return createStore(rotateReducer,state); } export default configureStore; 

    优点:

    可预测的形状更新有助于定义运用顺序的数据流。

    有了 reducer 函数,逻辑更易于测试和时间游览调试。

    形状集中管理。

    6. React Virtualized

    这个 React Native JavaScript 框架可用于大列表和表格数据的渲染。运用 React Virtualized,你可以限制央求和文档对象模型(DOM)元素的数量,从而提升 React 运用顺序的功用。

    安装:

    npm install react-virtualized 

    完成:

    import 'react-virtualized/styles.css' import { Column, Table } from 'react-virtualized' import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer' import List from 'react-virtualized/dist/commonjs/List' { alias: { 'react-virtualized/List': 'react-virtualized/dist/es/List', }, ...rest } 

    优点:

    高效显示少量数据。

    渲染庞大的数据集。

    运用一组组件完成虚拟渲染。

    7. React DnD

    ReactDnD 担任创立复杂的拖放界面。市面上的拖放库有几十种之多,但 React DnD 之所以能崭露头角,是由于它构建在现代 HTML5 的拖放 API 之上,简化了创立接口的进程。

    安装:

    npm install react-dnd-preview 

    完成:

    import Preview from 'react-dnd-preview'; const generatePreview = ({itemType, item, style}) => { return <div class="item-list" style={style}>{itemType}</div>; }; class App extends React.Component { ... render() { return ( <DndProvider backend={MyBackend}>           <ItemList />           <Preview generator={generatePreview} />           // or <Preview>{generatePreview}</Preview>         </DndProvider>       ); } } 

    优点:

    元素拖动优雅自然。

    弱小的键盘和屏幕阅读器支持。

    功用出色。

    洁净而弱小的 API。

    在标准的阅读器交互中发扬出色。

    未经修饰的样式。

    没有创立额外的包装器 dom 节点。

    8. React Bootstrap

    这款 UI Kit 库用 React 交流了 Bootstrap 的 JavaScript,让你可以更好地控制每个组件的函数。由于每个组件都用易于拜访的方式构建,所以用 React Bootstrap 构建前端框架是很好用的。有成千上万的引导主题可供选择。

    安装:

    npm install react-bootstrap bootstrap 

    完成:

    import 'bootstrap/dist/css/bootstrap.min.css'; import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import registerServiceWorker from './registerServiceWorker'; ReactDOM.render(<App />, document.getElementById('root')); registerServiceWorker(); 

    优点:

    可以轻松导入所需的代码 / 组件。

    经过紧缩 Bootstrap 来节省代码、增加错误。

    经过紧缩 Bootstrap 增加输入任务和抵触。

    用起来很复杂。

    它封装在元素中。

    9. React Suite

    React Suite 是又一款高效的 React.js 框架,其中包含用于企业系统产品的多种组件库。它支持一切主流阅读器战争台,使其适用于简直任何系统。它还支持效劳端渲染。

    安装:

    npm i rsuite --save 

    完成:

    (责任编辑:admin)