tbfed/febase

4. Learn a framework Vue/React/Sveltejs

Opened this issue · 3 comments

xingangshi commented
4. Learn a framework Vue/React/Sveltejs
xingangshi commented

Build your own React

  • [[https://pomb.us/build-your-own-react/][Build your own React]]
xingangshi commented

关于 React 的学习

1. 准备工作

  1. Node/NPM
  2. 一个适合的编辑器，比如 Visual Studio Code
  3. Git（在 Git-SCM 安装它并在 Github.com 创建一个免费帐户）

2. 创建 React 项目

# for Create React App
npx create-react-app my-react-app

# for Vite
npm init vite@latest my-react-app --template react 

# for Next.js
npx create

3. 沙盒工具

  1. code sandbox
  2. stackblitz

4. React 概念

JSX
Components (specifically function components)
Props and state
Lists, keys, and events
Core React Hooks, primarily useState, useEffect
React Context, including useContext
How to write custom React hooks
Rendering and re-rendering (especially knowing what can cause a re-render)
Pure functions
Side effects
Immutability

4.1 React 的 Js 基础

5. React 库

  1. 关于状态 Zusand
  2. 关于样式 TailwindCSS
  3. 关于路由 React Router
  4. 关于数据获取 React Query
  5. 关于表单 React Hook Form

6. 项目部署

  1. Suge 简单的命令行发布 web 项目
  2. Github 网站
  3. Netlify
  4. Vercel 最适合 Next.js
  5. Cloudflare 网站