Skip to content

23 年 7 月份学习动态

作者:Choi Yang
发表于:2023-07-01
更新于:6 个月前
字数统计:2.5k 字
阅读时长:8 分钟
阅读量:

第一周

主题:日积月累,顺应变化

1)最近终于等到了阿里云备案完成的消息了,把我的域名 yangchaoyi.vip 重拾了,也就是之前所说的用 mx-space 搭建的。这下还是多催催自己写写文章,毕竟服务器是要花钱的

2)最近的英文学习是跟着 b 站 up「昂克英文君」来的,尽管他大概半年没有更新了,但是前些年创作的视频真的质量很高,而且老师的声音也很棒,很清晰流利。

几乎所有英文内容都涉及到了,还为大家整理在了收藏夹里面,全都是无私分享,实在是太棒了!之后看了最后两期更新的视频,也感叹生活的不易,这两年真是艰难,想做自媒体也很难有应得的回报。

还有一点是这些内容其实完全可以作为收费,但依旧选择了免费公开,而收费的话我理解的是解答疑惑,提供导师辅导一样。基本上入门到进阶全都有了,自学完全没问题,这也是我很喜欢的一点,这也是个人价值观不同,看中长期收益。

今后我也会考虑支持一下这位老师,遇到优秀的人我总是感觉很兴奋,尽管素未谋面,但人一生也许很短暂,能遇到一些值得让自己感到很激动和感谢地人已经是让我很快乐的事情了,我常常会想,居然还有这样积极的人,我也要多“吸收”他们的能量。

剩下内容不公开分享了,详见:

日积月累,顺应变化
https://t.zsxq.com/10KseLDYZ

第二周

这周主要是看这份文档:

RSC From Scratch. Part 1: Server Components
https://github.com/reactwg/server-components/discussions/5

dan 神写的,不过时间是 6 月份,还有两个部分没有更新,剩下两章节就不确定啥时候发布了,得等等了。

从零开始这个系列真的写的不错,当英文阅读看也挺好,深度学习!

我是看了两遍,第一遍有很多语句不太熟悉,有些内容也感觉看着看着就有点绕,第二遍感觉就还好,在语句中也掌握了一些单词使用。总体来说,看完能加深对服务端组件的理解,能有个大概的认知,这样今后 React 再次更新服务端相关的东西也有个前提概要了。

接着,就是基于之前发的 next-enterprise 项目,录制了两期视频:

开源项目学习之 Next.js 企业级启动模版
https://www.bilibili.com/video/BV1TX4y1v7J4/
续:看看 Next.js 企业级启动项目 Issues,关于技术栈选择的问题
https://www.bilibili.com/video/BV1wu411778D/

英文学习

之前提及的「昂克英文」目前初级专栏学习完一半了,感觉过去为了应试而学的方式确实不行,很多都是当下明白过一段时间就遗忘,工作以后用的少了遗忘的就更快,但视频教程学起来很清晰,继续保持学习。

其它

Relingo 插件官网
https://relingo.net

关于语言学习,这个浏览器插件真的非常棒,免费版功能很良心了,几乎取代了我之前使用的「沉浸式翻译」插件了,内容不做多余的介绍了。

对了,我和 HearLing 在 6 月份的时候受到邀请成为了鱼皮星球的嘉宾,一直打算写一篇文章说一下的,下次一定。

第三周

上周分享了如下文章 how-web-works,这周抽空读完了,也算是英文阅读。

How Web Works
https://github.com/vasanthk/how-web-works

个人觉得极客时间《浏览器工作原理》李兵老师的更全和仔细一点,这份文档居然还提到了你按下键盘的回车键,产生一个电信号之类的,可以作为了解,不过真正放到面试中国内面试官可能也不会对你感兴趣。

接着,阅读了这篇文章,了解一下 Next.js 13 当中的 Prefetching。

A Visual Guide to Prefetching in Next.js 13
https://www.builder.io/blog/prefetching-nextjs-visual-guide

空闲时间,开始学习一下新出的 Next.js 系列视频,这位博主在 youtube 上挺活跃的,视频内容也做的很好,底下的评论几乎都是积极的,什么时候国内评论区能有这样的风气啊?目前只看到 1/6 样子,学完的话基本上就掌握了 Next.js 13 App Router 的使用。

Build a SaaS AI Platform with Next.js 13, React, Tailwind, Prisma, Stripe | Full Tutorial 2023
https://www.youtube.com/watch?v=ffJ38dBzrlY

接着,最近其实一直在看 RSC 相关的内容,找到了这份解释文档,目前只看了前言部分,待看完后整理一下内容。之后应该会配合 Dan 神写的 Deep Dive 内容再看看。

Demystifying React Server Components with NextJS 13 App Router
https://demystifying-rsc.vercel.app/

不过结合最近 Dan 离开了 Meta 公司,感觉这个系列会断更了。

RSC From Scratch. Part 1: Server Components #5
https://github.com/reactwg/server-components/discussions/5

英文学习

将「昂克英文君」的初级系列刷完了,毕竟是初级,里面大部分知识还是有基础的,后半部分选择性观看了,有些比较简单的就加速一把过了,后续打算往中级再学一学。

【完结】【Grammar in Use 全网首套视频教程】剑桥语法在用初级 手把手讲解 英语语法
https://www.bilibili.com/video/BV1tt411w72A/

视频更新

本周未打算录制视频,因为最近一直在看 RSC 相关的内容,感觉这块内容还了解的不够,讲不了什么,如果只是把他人的输出内容讲一遍的话真没必要录制,录完了可能自己过后也就忘记了,先自己形成一套知识体系。

其它,工作日看到了前老板的文章,也写了一份关于工具的感想。

让玄学可靠:构建复杂 LLM 应用
https://mp.weixin.qq.com/s/4ALipJhxCLmRZGguDROyEw
这半年来让我眼前一亮的 AI 平台
https://t.zsxq.com/10QkYMQrF

第四周

这周几乎都是在看 RSC 相关的内容,如下:

RSC 相关

上周提及的看完了,等更新中,内容不长,浅显易懂,关键是还能拿出一部分 bundle 源码做演示,文档看起来简约但交互很棒。

Demystifying React Server Components with NextJS 13 App Router
https://demystifying-rsc.vercel.app/

支持 RSC 的库集合页,可以之后瞧一瞧。

Libraries that support React Server Components #6
https://github.com/reactwg/server-components/discussions/6

Dan 神的另外一篇文章,能够更好理解客户端组件和服务端组件的关系,配图言简意赅。

Why do Client Components get SSR'd to HTML? #4
https://github.com/reactwg/server-components/discussions/4

Web 渲染方式变化的历史,以及 RSC 的意义,看了文章底部的介绍后,翻了一下这位作者其它文章,诚心满满,内容比较优质。

Why Server Components - A Brief History of Web
https://www.perssondennis.com/articles/why-server-components-a-brief-history-of-web

RSC 的一些技巧,也许是别人的踩坑记:

React Server Components Tips
https://echobind.com/post/react-server-components-tips

Next.js

Errors Received When Migrating Next.js 13 to New App Folder
https://www.perssondennis.com/articles/errors-received-when-migrating-nextjs-13-to-new-app-folder

React

这篇内容很深度,值得多次阅读。介绍 JS 主线程以及 React 18 做的一些优化。

How React 18 Improves Application Performance
https://vercel.com/blog/how-react-18-improves-application-performance

基于 RSC,Next.js 有内置的 fetch 了,也还有 server actions 概念,那么或许就不需要用了?

You Might Not Need React Query
https://tkdodo.eu/blog/you-might-not-need-react-query

TS

Strongly Type useRef with ElementRef
https://www.totaltypescript.com/strongly-type-useref-with-elementref

使用 ElementRef 可以很方便的提取元素类型,核心代码如下:

typescript
import { useRef, ElementRef } from "react";

const Component = () => {
  const audioRef = useRef<ElementRef<"audio">>(null);

  return <audio ref={audioRef}>Hello</audio>;
};

英文学习

中级开篇中,加油学习吧。

【Grammar in Use 全网首套视频教程】剑桥在用语法中级 手把手讲解 英语语法
https://www.bilibili.com/video/BV1C7411q7dD/

视频更新

开始了每周学习动态新的系列,接下来的下一周会发布上一周的学习内容的视频,做一些回顾和讲解,不断总结。不然每周更新一期技术类内容有时候还是有点挑战的,也许做着做着频道就不更新了,毕竟一旦懒起来了还真就不太想做这件事了。 详细点的在视频开头有介绍,也可跳过,总之,感谢各位能关注我,能为我的视频点赞,感谢各位的能量 buff!

7 月最后一周的内容会在近两天内发布,时长我会控制一下。

【每周学习】博客阅读 | Next.js 13 相关 | RSC 初探 | Server Components | Grammar in Use
https://www.bilibili.com/video/BV1eu4y127PH/

文章更新

近段时间,我一直在看关于 RSC(React Server Components) 的内容,今年夏季社区讨论也挺多的,我也阅读了挺多社区大佬的文章,但毕竟现在还算是新玩意,业界以 Next.js 这个框架实践为主。 我现在其实一直处于观望阶段,Next.js 13 后出的 App Router 目前还没开始完全落地使用,不过倒是看了一些博主的视频,大概知道其中的规范。 这次呢,我就先大概梳理一下近段时间我所了解的关于 RSC 的内容,我个人感觉是在学「设计模式」...

初探 RSC
https://t.zsxq.com/10W0ZmwPz

想问 up 几个问题: 1.现在的秋招目标设置的合理吗? ​2.除了把基础补一下,还可以从哪些方法扩大自己的优势 ...

秋招相关问题解答
https://t.zsxq.com/10mv6mucj

马上 8 月了,加油!

Contributors

Choi Yang