[Full-stack] 前端框架鼻祖 - React.js
故事背景
[1] 博客笔记结合《React快速上手开发》再次系统地、全面地走一遍。
[2] React JS Tutorials:包含了JS --> React --> Redux --> Mobx
[3] 重新学习,不得不学:【尚硅谷】2021 React全家桶【React17】
顺便把过去的这些辣鸡都整理一遍。
怎么系统地学?
HTML, CSS, JS 等基础知识 |
|
高级一点儿的语法 |
|
可以开始看React |
|
尽量过一遍并实战 |
|
有能力系统系统学习React 17 |
|
有了之前的Django基础,现在也有了React基础,现进入冲刺阶段 |
|
React, Next.js, NextUI, TypeScript, Django, AWS |
|

The platform is already operational and making an impact in the field. Mission objectives: Construct and maintain their exceptional, scaling development platform using Next.js, React.js, Node.js, and TypeScript Operate with Figma and Chakra UI to create agent-friendly interfaces and superior user experiences Utilize GraphQL Code Generator, Apollo GraphQL, and Hasura to construct powerful APIs and data models Utilize Prisma and PostgreSQL for database management and to optimize data retrieval and storage Develop and deploy AWS Lambda functions and utilize Amazon Web Services (AWS) to manage serverless architectures Implement GraphQL to streamline data querying and mutation processes Agent requirements: An experienced operative in Software Engineering Proven experience in Full Stack development, with a focus on generative AI/ML Proficiency in Next.js, React.js, Node.js, TypeScript, and GraphQL Experience with Figma, Chakra UI, Apollo GraphQL, Hasura, Prisma, PostgreSQL, AWS Lambda, and Amazon Web Services (AWS) Excellent problem-solving skills and attention to detail Ability to operate independently and as part of a team

The platform is already operational and making an impact in the field. Mission objectives: Construct and maintain their exceptional, scaling development platform using Next.js, React.js, Node.js, and TypeScript Operate with Figma and Chakra UI to create agent-friendly interfaces and superior user experiences Utilize GraphQL Code Generator, Apollo GraphQL, and Hasura to construct powerful APIs and data models Utilize Prisma and PostgreSQL for database management and to optimize data retrieval and storage Develop and deploy AWS Lambda functions and utilize Amazon Web Services (AWS) to manage serverless architectures Implement GraphQL to streamline data querying and mutation processes Agent requirements: An experienced operative in Software Engineering Proven experience in Front End development, with a focus on generative AI/ML Proficiency in Next.js, React.js, Node.js, TypeScript, and GraphQL Experience with Figma, Chakra UI, Apollo GraphQL, Hasura, Prisma, PostgreSQL, AWS Lambda, and Amazon Web Services (AWS) Excellent problem-solving skills and attention to detail Ability to operate independently and as part of a team
重新整理
Doc: React Tutorial 文档
[ts] Advanced Basic [JS TS 语法基础]
[React] Review, 讲解了基本的组件用法。
[React] 09 - Tutorial: components [结合小马技术重新整理下组件的高级知识点]
[React] 08 - Tutorial: evolution of code-behind
有了七篇基础学习,了解相关的知识体系,之后便是系统地再来一次。
[React] 01 - Intro: javaScript library for building user interfaces
[React] 02 - Intro: react component and Design pattern
[React] 03 - Intro: react.js in twelve demos
[React] 04 - Intro: MongoDB becomes popular
[React] 05 - Route: connect with ExpressJS 【Nodejs + Express + MongoDB 基础篇】
[React] 10 - Tutorial: router [前端路由]
[React] Hook - extension & optimization [类组件 to 函数组件]
[React] 11 - Redux: review [入门部分]
[React] 13 - Redux: react-redux [高级部分]
[React] 12 - Redux: async & middleware, container component [after 13,高级部分,逻辑与UI分离]
[React] 14 - Redux: add more components [Create a new project]
关注,在哪些地方带来便捷性?
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律