feat(i18n): translate src/content/learn/understanding-your-ui-as-a-tree.md from English to Vietnamese #478
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…ee.md from English to Vietnamese
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎ 1 Skipped Deployment
|
chriskhoa
requested changes
Jul 20, 2025
|
|
||
| React, as a UI framework, is platform agnostic. On react.dev, we showcase examples that render to the web, which uses HTML markup as its UI primitives. But a React app could just as likely render to a mobile or desktop platform, which may use different UI primitives like [UIView](https://developer.apple.com/documentation/uikit/uiview) or [FrameworkElement](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement?view=windowsdesktop-7.0). | ||
| React, với tư cách là một framework UI, là platform agnostic. Trên react.dev, chúng tôi trình bày các ví dụ render cho web, sử dụng HTML markup làm UI primitives. Nhưng một ứng dụng React cũng có thể render cho nền tảng di động hoặc desktop, có thể sử dụng các UI primitives khác như [UIView](https://developer.apple.com/documentation/uikit/uiview) hoặc [FrameworkElement](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement?view=windowsdesktop-7.0). |
There was a problem hiding this comment.
Suggested change
| React, với tư cách là một framework UI, là platform agnostic. Trên react.dev, chúng tôi trình bày các ví dụ render cho web, sử dụng HTML markup làm UI primitives. Nhưng một ứng dụng React cũng có thể render cho nền tảng di động hoặc desktop, có thể sử dụng các UI primitives khác như [UIView](https://developer.apple.com/documentation/uikit/uiview) hoặc [FrameworkElement](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement?view=windowsdesktop-7.0). | |
| React, với tư cách là một framework UI, là platform agnostic (không phụ thuộc vào nền tảng). Trên react.dev, chúng tôi trình bày các ví dụ render cho web, sử dụng HTML markup làm UI primitives. Nhưng một ứng dụng React cũng có thể render cho nền tảng di động hoặc desktop, có thể sử dụng các UI primitives khác như [UIView](https://developer.apple.com/documentation/uikit/uiview) hoặc [FrameworkElement](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement?view=windowsdesktop-7.0). |
|
|
||
| </DeepDive> | ||
|
|
||
| A render tree represents a single render pass of a React application. With [conditional rendering](/learn/conditional-rendering), a parent component may render different children depending on the data passed. | ||
| Một render tree đại diện cho một lần render duy nhất của ứng dụng React. Với [conditional rendering](/learn/conditional-rendering), một component cha có thể render các con khác nhau tùy thuộc vào dữ liệu được truyền. |
There was a problem hiding this comment.
Suggested change
| Một render tree đại diện cho một lần render duy nhất của ứng dụng React. Với [conditional rendering](/learn/conditional-rendering), một component cha có thể render các con khác nhau tùy thuộc vào dữ liệu được truyền. | |
| Một render tree đại diện cho một lần render duy nhất của ứng dụng React. Với [conditional rendering (render theo điều kiện)](/learn/conditional-rendering), một component cha có thể render các con khác nhau tùy thuộc vào dữ liệu được truyền. |
| * What a module dependency tree is and what it is useful for | ||
| * React "nhìn" cấu trúc component như thế nào | ||
| * Render tree là gì và nó hữu ích cho việc gì | ||
| * Module dependency tree là gì và nó hữu ích cho việc gì |
There was a problem hiding this comment.
Suggested change
| * Module dependency tree là gì và nó hữu ích cho việc gì | |
| * Module dependency (phụ thuộc vào module) tree là gì và nó hữu ích cho việc gì |
|
|
||
| </Diagram> | ||
|
|
||
| The root node of the tree is the root module, also known as the entrypoint file. It often is the module that contains the root component. | ||
| Nút gốc của cây là root module, còn được gọi là entrypoint file. Nó thường là module chứa component gốc. |
There was a problem hiding this comment.
Suggested change
| Nút gốc của cây là root module, còn được gọi là entrypoint file. Nó thường là module chứa component gốc. | |
| Nút gốc của cây là root module, còn được gọi là file mở đầu. Nó thường là module chứa component gốc. |
| * Render trees giúp xác định những component cấp cao và leaf component. Các component cấp cao ảnh hưởng đến hiệu suất render của tất cả component bên dưới chúng và các leaf component thường được re-render thường xuyên. Xác định chúng rất hữu ích để hiểu và debug hiệu suất render. | ||
| * Dependency trees đại diện cho các module dependencies trong ứng dụng React. | ||
| * Dependency trees được sử dụng bởi các build tools để bundle mã cần thiết để ship ứng dụng. | ||
| * Dependency trees hữu ích để debug kích thước bundle lớn làm chậm thời gian vẽ và tìm ra cơ hội để tối ưu hóa mã được bundle. |
There was a problem hiding this comment.
Suggested change
| * Dependency trees hữu ích để debug kích thước bundle lớn làm chậm thời gian vẽ và tìm ra cơ hội để tối ưu hóa mã được bundle. | |
| * Dependency trees hữu ích để debug các bundle có kích thước lớn làm chậm thời gian hiện thị và giúp phát hiện cơ hội để tối ưu hóa mã code được bundle. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🇻🇳 Vietnamese Translation: Understanding Your UI as a Tree
Hi! I'm contributing as a volunteer translator for vi.react.dev, and this PR adds the Vietnamese translation for the "Understanding Your UI as a Tree" lesson.
What's included
Changes
Looking forward to contributing more translations to the project! 🚀
Tóm tắt những gì đã được dịch:
Tiêu đề và phần Intro:
"Understanding Your UI as a Tree" → "Hiểu giao diện người dùng theo cấu trúc cây"
Các phần chính:
Phần DeepDive:
Nội dung chính đã dịch: