仿Excel-React-hook-文章待续

Excel Editor 实现 (Virtual Table 部分)

该小项目已经初步完成，写该文章是来练习写文章的。目前文章进度较慢。

技术栈

• react (hooks)
• typescript

项目及微软 ExcelOnline

喜欢就给上 star 吧

小项目演示地址

小项目 Github 地址

Microsoft Excel online

背景

面试需要做一个小项目，下面是该项目的题目：

 使用 TypeScript 开发一个简易版的 Excel WebApp，实现 column & row sort，cell edit，cell calculate 等，可以定义该 MVP 功能集。可以不借助框架或者使用主流框架 

问题

• Typescript 以前有了解，但是是第一次使用，简单的使用应该不成问题。
• Excel 是要实现到何种程度？
• 功能实现，排序，编辑好说，计算这一个是要实现与 Excel 相同的函数功能么？
• 框架还是要用的，毕竟时间有限这里准备直接使用 create react app 来开始项目

思考

从上面总结的问题只有两个地方比较不确认。

• 描述中提到了 Excel，Excel 只是表格，如果只是做成简单的表格恐怕不能得到太多的关注，这里决定做出与 Excel 一样的 VirtualTable 功能
• 基于上面的 virtualtable，实现排序编辑和计算的功能。

基本的方向定了后便是整个实现步骤

• 基本的 virtualtable 实现
• 选区功能的实现
• 基于选区功能的其它功能实现（设计成插件方式，各个功能独立分隔）