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)