react-kit-demo

react some little kits demo

react hook demo1 storeContext

• Usecontext and usereducer implement global store and simulate store and reducer of redux
• hooks API reference Examples

react hook demo2 sliceReducer

• Usecontext, usereducer, slicing reducer
• Separating data handling by domain
• Combining reducers by slice
• reducer slice combination

Key points:

• The state returned by reducer is a JSON object
• The slicing and combination are around the attributes of the JSON object

demo3 react-vertical-timeline

• react-vertical-timeline-component - Vertical timeline for React.js
• react-vertical-timeline

demo4 react-event-timeline

• React component to generate a responsive vertical event timeline
• react-event-timeline

demo5 Ant Design Timeline

• Ant Design Vertical display timeline.
• Timeline

demo6 D3 react

• D3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML.
• D3

demo7 Handsontable

• Handsontable is a JavaScript/HTML5 data grid component with spreadsheet look & feel.It provides easy data binding, data validation, filtering, sorting and CRUD operations.
• Handsontable
• React index.css @import '~handsontable/dist/handsontable.full.css';

demo8 Handsontable

• Handsontable is a JavaScript/HTML5 data grid component with spreadsheet look & feel.It provides easy data binding, data validation, filtering, sorting and CRUD operations.
• Handsontable
• React index.css @import '~handsontable/dist/handsontable.full.css';
• For flag css, index.html <link rel="stylesheet" type="text/css" href="https://handsontable.com/static/css/main.css"/>

demo9 demo10 demo11 demo12 Recharts

• Recharts is a Redefined chart library built with React and D3.
• Recharts
• babel-plugin-recharts A babel plugin help you import less Recharts modules.
• demo9 BarChart, demo10 PieChart, demo11 RadarChart, demo12 LegendEffectOpacity

buy-me-a-coffee

If this warehouse can help you, welcome star. If this warehouse helps you improve your skills and find a job, you can buy me a cup of coffee：