-
Notifications
You must be signed in to change notification settings - Fork 215
Starlight #900
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Starlight #900
Conversation
- Change title from "Usage with Electron" to "Usage with Next.js" - Ensures title matches file name, URL path, and content
* docs: code smells/cross-imports add * fix: Title typo correction * docs: reflecting feedback * docs: reflecting feedback * Update i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx Co-authored-by: Solant <runner62v6@gmail.com> --------- Co-authored-by: Solant <runner62v6@gmail.com>
* docs: refactor desegmentation page * docs: remove wip class * docs: remove outdated translations
built with Refined Cloudflare Pages Action⚡ Cloudflare Pages Deployment
|
| - **想要好好掌握如何用 FSD 思维?**查看[Tutorial][tutorial]。 | ||
| - **喜欢从示例中学习?**我们在 [Examples][examples] 部分有很多内容。 | ||
| - **有问题?**访问我们的 [Telegram 聊天][ext-telegram] 并从社区获得帮助。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
|
|
||
| 本教程将检查 Real World App,也称为 Conduit。Conduit 是一个基本的 [Medium](https://medium.com/) 克隆 — 它让您阅读和编写文章,以及对他人的文章进行评论。 | ||
|
|
||
|  |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
|
|
||
| 然后,如果您运行开发服务器并打开应用程序,您应该会看到 Conduit 横幅! | ||
|
|
||
|  |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The image here is also showing up as a broken image. Please take a look at this part as well. Thanks.
|
|
||
| 总共有 **7 个 layers**,按从最高责任和 依赖到最低排列: | ||
|
|
||
| <img src="../../../../../../static/img/layers/folders-graphic-light.svg#light-mode-only" width="180" style={{ float: "right", margin: "0 1em" }} alt="A file system tree, with a single root folder called src and then seven subfolders: app, processes, pages, widgets, features, entities, shared. The processes folder is slightly faded out." /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
|
|
||
| 循环导入是指两个或多个文件在一个循环中相互导入。 | ||
|
|
||
| <figure> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| Slices 旨在成为独立且高度聚合的代码文件组。下面的图形可能有助于可视化_聚合性_和_耦合性_这些复杂的概念: | ||
|
|
||
| <figure> | ||
| <img src="../../../../../../static/img/coupling-cohesion-light.svg#light-mode-only" alt="" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
|
|
||
| 密切相关的切片可以在文件夹中进行结构化分组,但它们应该遵循与其他切片相同的隔离规则 — 该文件夹中应该**没有代码共享**。 | ||
|
|
||
|  |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| --- | ||
| title: NextJSとの併用 | ||
| sidebar: | ||
| order: 1 | ||
| --- | ||
|
|
||
| import { Tabs, TabItem, FileTree } from '@astrojs/starlight/components'; | ||
|
|
||
| # NextJSとの併用 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| @@ -0,0 +1,183 @@ | |||
| --- | |||
| title: NuxtJSとの併用 | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
|
|
||
| 密接に関連するスライスは、フォルダに構造的にグループ化できますが、他のスライスと同じ隔離ルールを遵守する必要があります。グループ化用のフォルダ内での<b>コードの共有は許可されていません</b>。 | ||
|
|
||
|  |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| <figure> | ||
| <img src="../../../../../../static/img/circular-import-light.svg#light-mode-only" width="60%" alt="三つのファイルが循環的にインポートしている" /> | ||
| <img src="../../../../../../static/img/circular-import-dark.svg#dark-mode-only" width="60%" alt="三つのファイルが循環的にインポートしている" /> | ||
| <figcaption> | ||
| 上の図には、`fileA.js`、`fileB.js`、`fileC.js`の三つのファイルが循環的にインポートしている様子が示されています。 | ||
| </figcaption> | ||
| </figure> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.











No description provided.