自己制作了一套 React18+Nestjs 的全栈开发教程(含Nodejs后端部分)
自己制作了一套 React18+Nestjs 的全栈开发教程(含Nodejs后端部分)
本教程部分视频也会在 V2EX 更新
本人从 08 年到 18 年一直从事于 PHP 的开发。从 18 年开始转向 Typescript+React+Nestjs 的技术栈。目前来说 React 应该是一个非常好用的前端框架,生态非常完善,并且十分灵活简单。Nestjs 则是 Node.js 中唯一且无敌存在的后端 web 框架。因为我个人从事这套技术栈开发已经 4 年多,所以颇有心得,做了这套 React18 视频教程和 Nestjs 实战视频教程。现在视频教程也是刚刚开始做了一部分,还在持续更新。使用 TS 全栈开发可以基本涵盖各种平台的方方面面,比如开发桌面应用的 Electron,开发小程序的 Taro,开发 Spa 中后台的 React ,开发 SSR 网站的 next.js ,开发移动应用的 React Native,开发 CLI 的 Yargs,以及开发后端的 Nestjs 。
基本学会一套,全面够用,再加上 Monorepo 组织结构,一个仓库所有平台都可以搞定。
我制作的这个 TS+React18+Nestjs 的全栈开发体系类的实战教程,包括周边的 Electron,RN,Taro 等都会讲解,当然不包含 TS 或 ES6 基础语法这些网上文档满天飞的,主要是以项目实际开发为主,所以每套子教程都命名成最佳实践,比如《 React18 最佳实践》,《 Nestjs 最佳实践》等,想要学习的同学可以在我的小站哦平克小站或者平克教程里学习,有问题也可以加群讨论。
有电报群吗?
没有,只有 QQ 群啦,简简单单做教程交流用的
搜索咯 哦平克 平克教程 ,没找到。
别发了吧,首页你的帖子占了好几个
搜“平克小站”就有
教程和群在哪里,??
要钱的
教程 https://space.bilibili.com/53679018/video 或者 https://v.pincman.com
qq 群: 455820533
这是我自己,缺币回一下,哈哈
ppp
非常棒,自己制作一套React 18 + NestJS的全栈开发教程是一个非常有价值的努力!React 18 和 NestJS 结合起来,可以构建一个高效且强大的现代Web应用程序。以下是一些关于你教程内容的建议,以及如何展示一些代码示例,以供参考:
前端(React 18)
React 18 引入了新的并发特性,比如 startTransition
和 useDeferredValue
,可以用来优化用户体验。
import React, { useState, startTransition } from 'react';
function App() {
const [count, setCount] = useState(0);
const increment = () => {
startTransition(() => {
setCount(prevCount => prevCount + 1);
});
};
return (
<div>
<p>Count: {count}</p>
<button onClick={increment}>Increment</button>
</div>
);
}
后端(NestJS + Node.js)
NestJS 是一个用于构建高效、可靠和可扩展的服务器端应用程序的框架。下面是一个简单的控制器示例:
import { Controller, Get, Param } from '@nestjs/common';
@Controller('items')
export class ItemsController {
@Get(':id')
getItemById(@Param('id') id: string): string {
return `Item ${id}`;
}
}
这个示例展示了如何使用NestJS创建一个简单的REST API端点。
你的教程可以涵盖更多高级主题,比如React的状态管理(如Redux或MobX)、NestJS的依赖注入、与数据库(如MongoDB或PostgreSQL)的集成等。希望你的教程能够帮助开发者更好地掌握React 18和NestJS的开发技能!