Hyoban

Don’t do what you should do, do you want.

PostsPosts
PortfoliosPortfolios
ShortsShorts

分享你写的 iOS App

Re: 从零开始的 React Native 之旅（三）

主题系统、以本地为先

Re: 从零开始的 React Native 之旅（二）

CodingReact NativeFollow

Re: 从零开始的 React Native 之旅（一）

为了尝试React Native的体验，作者决定写一个名为Follow的RSS阅读器应用。作者希望通过写博客记录学习和开发过程，并邀请大家关注。在准备工作中，作者使用了Expo脚手架来创建应用，并处理了深色模式的设置。接着，作者实现了登录功能和获取用户信息的功能。最后，作者展示了渲染页面的效果，并计划在未来继续完善应用。

CodingFollowReact Native

为什么是 ESLint

这篇文章介绍了作者选择使用 ESLint 进行代码检查和格式化的原因，而不是与其他相关工具进行比较。作者认为 ESLint 的优势在于更灵活的格式化、可拓展性和优秀的生态。此外，作者提到了一些关于 Prettier 和其他格式化工具的问题，并强调了 ESLint 在类型感知的 lint 规则方面的优势。作者认为性能并不是 ESLint 的重要问题，因为可以将完整的 lint 过程交给 CI，而在编辑器中只需要对少量文件进行检查。

xLog SDK 的一些进展

xLog SDK的出现让我们能够更方便地自定义和控制xLog网站，提供了更多自由度和功能，包括获取站点信息、博客信息、评论信息等。SDK还可以集成到其他平台，提供统一的开发体验。未来还有进一步完善API和实现自动更新博客等展望。通过SDK，xLog更符合去中心化的设定，让用户更好地利用自己的数据。

我如何开始写一个 TypeScript 库

选择从 antfu 的 [starter-ts] 开始，使用 TypeScript + ESLint + Prettier 技术栈，并结合 pnpm + bunchee + tsx + vitest 进行开发和测试。通过正确设置 package.json 和包导出内容，保持依赖定义正确。使用工具如 knip 和 taze 来维护项目依赖。自动修复 lint 可以使用 simple-git-hooks。发版流程可以通过 release-it 自动化。最终将整理好的 starter 开源，供他人参考。

实现一个满意的深色模式切换按钮

这段文字主要讨论了如何实现一个主题切换功能，包括外观、交互、处理逻辑等方面的设计。通过使用 Jotai 来实现主题切换功能，并结合浏览器存储和系统偏好来实现用户偏好的持久化和恢复。同时还介绍了如何获取系统偏好状态、判断何时应该是深色模式以及如何读取和切换深色状态。最后还介绍了如何创建自定义 hook、添加按钮、解决页面闪烁等问题。

写在 24 岁之前

我快 24 岁了，想着要回顾一下自己的过去，再思考一下自己的未来要走向哪里，就写下这篇文章。

about 1 year ago

你可以用 Tailwind 来学习 CSS

如果你对HTML和CSS不太了解，可以通过简单的标签和类选择器来为网页添加样式。Tailwind是一个原子化CSS框架，提供了很多工具类来直接在HTML中添加样式。它的文档简洁清晰，有助于快速了解关键概念，并提供强大的Playground进行学习。设计师可以通过代码设计来提高效率，而不需要将设计一一对应到代码中。尽管有些工具类可能不太直观，但可以通过插件在VSCode中查看生成的CSS。开始学习Tailwind吧，即使你不懂CSS。

over 1 year ago

如何让 fetch 变得类型安全

总所周知，发网络请求传递参数和获取返回值时只能凭感觉，但是我们可以做一点类型体操来解决这个问题

over 1 year ago

远程兼职一年后

不知不觉，我已经工作一年了。回想起来，有些东西是值得被记录下来的。

over 1 year ago

Theme

Accent color

Gray color

Appearance

Light

Dark

Radius

None

Small

Medium

Large

Full

Scaling

90%

95%

100%

105%

110%

Panel background

Solid

Translucent