本季我们将从最简单的CRUD留言板开始与童鞋们一同开启Typescript与Node.js，React与Nest.js同构开发全栈应用的大门。

准备

在学习之前假设您已经掌握以下知识和技能：

  • 对Es6+编程有比较深入的理解和编程经验，初步掌握TS
  • 有Express/Koa/Egg.js等Node.js后端框架或者其它编程语言的web框架的开发经验
  • 看过一遍React的官方中文文档

如果没有上面的准备，下面几个文档也许对您有帮助，可以边看边学习

缩减篇幅，请点开查看

阮一峰-ES6入门

所有现代JS开发者的入门中文文档

React中文文档

最好的React教程，没有之一

深入理解 TypeScript

《TypeScript Deep Dive》的中文翻译版，比官方文档更加通俗易懂，本人的TS入门指引

TS中文手册

Typescript最新版本官方文档的中文翻译

Express中文文档

Nest.js的底层框架

目标

学习完这一季您将掌握以下知识点和技能：

  • 搭建理想的TS全栈开发环境
  • Nest.js的安装的配置与整体架构
  • 结合Nest.js与TypeOrm开发数据库应用
  • 使用Nest.js构建简单的CRUD程序
  • 前后端请求数据验证和错误处理
  • Create react app快速构建React脚手架
  • 初步的使用React与React Hooks构建页面
  • 简单的封装React Router
  • 使用Redux以及Rematch进行状态管理
  • Ant Design组件库的基本使用
  • ...

教程

极简开发环境与代码规范化

Nest.js架构介绍

等待更新中...

TypeORM与数据结构

等待更新中...

编写控制器与路由

等待更新中...

实现数据验证

等待更新中...

CRA+Ant Design搭建界面

等待更新中...

简单的React Router路由封装

等待更新中...

Redux与状态管理

等待更新中...

使用Rematch进行状态管理

等待更新中...

使用EasyMock构建模拟数据

等待更新中...

适配后端应用

等待更新中...

Last modification：February 15th, 2020 at 07:28 am
© 允许规范转载
原创不易，请赞助一包烟钱，让lichnow能更好地服务您^v^