Skip to content

feat(i18n): src/content/learn/manipulating-the-dom-with-refs.md from English to Vietnamese #486

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

KotonoSora
Copy link
Contributor

🇻🇳 Vietnamese Translation: Manipulating the DOM with Refs

Hi! I'm contributing as a volunteer translator for vi.react.dev, and this PR adds the Vietnamese translation for the "Manipulating the DOM with Refs" lesson.

What's included

  • Vietnamese translation of manipulating-the-dom-with-refs.md
  • Preserved all code examples and markdown formatting
  • Kept terminology consistent with existing translations

Changes

  • ✅ Fully translated the guide covering DOM manipulation using refs, accessing DOM nodes, managing ref callbacks, and best practices
  • ✅ Maintained code blocks, links, Sandpack components and Challenge/Solution sections
  • ✅ Verified all internal links and formatting render correctly

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:
"Manipulating the DOM with Refs" → "Thao tác DOM với Refs"

Các phần chính:

  • "Getting a ref to the node" → "Lấy ref đến node"
  • "Accessing another component's DOM nodes" → "Truy cập DOM nodes của component khác"
  • "When React attaches the refs" → "Khi React attach refs"
  • "Best practices for DOM manipulation with refs" → "Best practices cho thao tác DOM với refs"

Các ví dụ và phần phụ:

  • "Example: Focusing a text input" → "Ví dụ: Focus vào text input"
  • "Example: Scrolling to an element" → "Ví dụ: Scroll đến một element"
  • "How to manage a list of refs using a ref callback" → "Cách quản lý danh sách refs sử dụng ref callback"
  • "Exposing a subset of the API with an imperative handle" → "Expose một tập con của API với imperative handle"
  • "Flushing state updates synchronously with flushSync" → "Flushing state updates đồng bộ với flushSync"

Phần Challenges:

  • "Play and pause the video" → "Play và pause video"
  • "Focus the search field" → "Focus search field"
  • "Scrolling an image carousel" → "Scrolling image carousel"
  • "Focus the search field with separate components" → "Focus search field với các components riêng biệt"

Copy link

vercel bot commented Jun 15, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
vi-legacy-reactjs-org ⬜️ Ignored (Inspect) Visit Preview Jun 15, 2025 1:06am

Copy link

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

@KotonoSora KotonoSora marked this pull request as ready for review June 15, 2025 01:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant