creamidea / learning-react

React 工程师培训指南

前置知识

HTML

理解 HTML 是一种标记语言，掌握常用标签及其含义

• HTML 基础知识

CSS

理解盒模型，BFC，布局技术，overflow

• CSS 教程
• MDN-CSS 教程
• Learn CSS

掌握现代 CSS 预处理语法中一种

• CSS 预处理语言 Less/Sass

JavaScript

掌握 JS 基础语法（基本类型、定义变量、条件和循环、函数、对象） 掌握事件机制和事件循环（含委托事件）

• 现代 JavaScript 学习手册

掌握 TS 定义类型和接口知识，掌握模块系统

• TypeScript 入门

React

概念和基础

• 入门教程: 认识 React
• React 核心概念
• React Hook
• React API Reference

下一步

• React 哲学
• React 高级指引
• 如何测试 React 应用

组件库

主要面向企业中后台管理页面开发

• Antd
• ahooks
• 表单解决方案 Formily

工程化

理解如何初始化、如何开发和调试以及如何构建代码

• https://ice.work

如何使用 Git 协同开发代码，初始化、提交代码、推送/更新代码、解决冲突

• 以游戏方式学习 Git
• Git 入门
• Git Commit Message

使用 Postman 进行接口测试

• Postman 简单实用说明

其他

HTTP

• HTTP 协议
• 四种常见的 POST 提交数据方式

React 源码阅读

• React 技术揭秘
• 图解 React
• [视频]React Fiber 介绍

参考

• 前端开发入门指南 （2019-2021）
• FE-learning