Skip to content

Latest commit

 

History

History
83 lines (55 loc) · 1.87 KB

tinper-react 开发框架官方文档.md

File metadata and controls

83 lines (55 loc) · 1.87 KB

tinper-react 开发框架官方文档

1. 框架概述

  • 整体介绍
    • 是什么,为什么这么做,解决了哪些问题,有什么能力,适用于什么业务场景
  • 如何学习tinper-react
    • 渐进式,学习方式和路线,示例,文档,指导,基础能力(基本要求)。

2. 安装和环境

(windows\mac),扫除环境障碍

  • node 安装和配置
    • node安装和配置、npm 基本使用
  • 基本开发环境
    • git bash 或 shell 终端、编码工具(推荐vscode sublime atom)、浏览器 Chrome

3. 快速入门

整个应用跑起来,看到效果,动力去做下一步

  • 安装和使用uba快速创建项目
    • 介绍uba,安装uba,初始化项目、启动、看到浏览器效果
  • 创建简单 tinper-react页面
    • 在那新建文件(components,css,routes),如何配置路由,是否看到页面效果
  • 新加功能和样式并进行调试,如何查看报错信息

4. 框架介绍和说明

  • 框架能力和技术方案概览
    • 目录介绍、使用到的技术方案、
  • 基础工程化能力有哪些
  • 如何创建组件(创建组件、事件、生命周期)
  • 组件体系介绍
  • 如何管理路由
  • 如何发送请求
    • http、axios等,前端获取后台数据接口
  • 如何模拟数据并行开发
  • 如何创建数据模型

5. 实战开发

主要目的:(3个场景开发),用起来

  • A 功能开发案例
  • B 功能开发案例
  • C 功能开发案例

6. 实战进阶

  • 如何与后端对接联调
  • 如何进行项目部署
  • 开发规范和最佳实践
  • 性能优化注意事项

7. 高级能力

  • 国际化多语解决方案
  • 换肤和主题方案
  • 浏览器兼容方案
  • 响应式解决方案
  • 代码测试解决方案
  • 如何支撑 PWA 特性功能
  • 如何开发一个多页应用

附录

  • 1.ES6
  • 2.React
  • 3.git
  • 4.less 或者sass
  • 5.webpack
  • 6.npm