Skip to content

Translate Describing the UI chapter to Swahili - #174

Merged
orama254 merged 4 commits into
reactjs:mainfrom
DENNIS-CODES:translate/describing-the-ui
Aug 13, 2026
Merged

Translate Describing the UI chapter to Swahili#174
orama254 merged 4 commits into
reactjs:mainfrom
DENNIS-CODES:translate/describing-the-ui

Conversation

@DENNIS-CODES

Copy link
Copy Markdown
Contributor

Swahili translation of the "Describing the UI" Learn chapter (9 pages) plus a
TRANSLATION.md glossary/style guide for consistent terminology.

Excludes "Writing Markup with JSX" (already claimed by @kazz54).

Refs #1

Copilot AI lite review requested due to automatic review settings August 11, 2026 13:35

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Swahili localization for the Learn chapter “Describing the UI” (src/content/learn/) plus a glossary/style guide intended to keep terminology consistent across contributors.

Changes:

  • Added TRANSLATION.md with translation rules and a Swahili terminology glossary.
  • Translated the “Describing the UI” chapter index page and 8 chapter pages into Swahili (frontmatter titles + page content).
  • Updated examples’ user-facing strings and inline comments while preserving code identifiers and MDX components.

Reviewed changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
TRANSLATION.md Adds Swahili translation style guide + glossary for consistent terms.
src/content/learn/describing-the-ui.md Translates chapter landing page and its “You will learn” outline.
src/content/learn/your-first-component.md Swahili translation of the “Your First Component” page content.
src/content/learn/importing-and-exporting-components.md Swahili translation of importing/exporting guidance and examples.
src/content/learn/javascript-in-jsx-with-curly-braces.md Swahili translation of JSX curly braces lesson.
src/content/learn/passing-props-to-a-component.md Swahili translation of passing/reading props lesson.
src/content/learn/conditional-rendering.md Swahili translation of conditional rendering lesson.
src/content/learn/rendering-lists.md Swahili translation of list rendering lesson.
src/content/learn/keeping-components-pure.md Swahili translation of purity/side-effects lesson.
src/content/learn/understanding-your-ui-as-a-tree.md Swahili translation of UI-as-a-tree lesson.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread src/content/learn/rendering-lists.md Outdated
Comment on lines +1263 to +1265
</Challenges>
</content>
</invoke>
Comment on lines +285 to +286
q
// Nihamishe kwenye Profile.js!
</Sandpack>

After you get it working with one kind of exports, make it work with the other kind.
Baada ya kuifanya ifanye kazi na aina moja ya exports, ifanye ifanye kazi na aina nyingine.
#### Tagi za HTML ziko wapi katika render tree? {/*where-are-the-html-elements-in-the-render-tree*/}

You'll notice in the above render tree, there is no mention of the HTML tags that each component renders. This is because the render tree is only composed of React [components](learn/your-first-component#components-ui-building-blocks).
Utagundua kwamba katika render tree iliyo hapo juu, hakuna taja ya tagi za HTML ambazo kila component ina-render. Hii ni kwa sababu render tree imetungwa tu na [components](learn/your-first-component#components-ui-building-blocks) za React.
Swahili translation of the Describing the UI Learn chapter (9 pages) plus a
TRANSLATION.md glossary/style guide for consistent terminology.
Excludes Writing Markup with JSX (already claimed by @kazz54).

Refs reactjs#1
@DENNIS-CODES
DENNIS-CODES force-pushed the translate/describing-the-ui branch from ea96f19 to 18745eb Compare August 11, 2026 13:47
@orama254

Copy link
Copy Markdown
Member

Hello @DENNIS-CODES

Could you run a yarn check-all on your branch then fix anything that's raised from the check. After you can send a commit.

Test the change
If possible, test any visual changes in all latest versions of common browsers, on both desktop and mobile.
Run yarn check-all. (This will run Prettier, ESLint and validate types.)

@DENNIS-CODES

Copy link
Copy Markdown
Contributor Author

@orama254 i have fixed the issue and trimmed the white spaces you can check

@github-actions

Copy link
Copy Markdown

Size changes

Details

📦 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! 🙌

@orama254
orama254 merged commit 1989421 into reactjs:main Aug 13, 2026
4 of 5 checks passed
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.

3 participants