自己制作了一套 React18+Nestjs 的全栈开发教程(含Nodejs后端部分)

发布于 1周前 作者 bupafengyu 来自 nodejs/Nestjs

自己制作了一套 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 最佳实践》等,想要学习的同学可以在我的小站哦平克小站或者平克教程里学习,有问题也可以加群讨论。


12 回复

有电报群吗?


没有,只有 QQ 群啦,简简单单做教程交流用的

搜索咯 哦平克 平克教程 ,没找到。

别发了吧,首页你的帖子占了好几个

搜“平克小站”就有

好的,我错了,不好意思

教程和群在哪里,??

这是我自己,缺币回一下,哈哈

非常棒,自己制作一套React 18 + NestJS的全栈开发教程是一个非常有价值的努力!React 18 和 NestJS 结合起来,可以构建一个高效且强大的现代Web应用程序。以下是一些关于你教程内容的建议,以及如何展示一些代码示例,以供参考:

前端(React 18)

React 18 引入了新的并发特性,比如 startTransitionuseDeferredValue,可以用来优化用户体验。

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的开发技能!

回到顶部