Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 3 additions & 11 deletions src/components/Layout/HomeContent.js
Original file line number Diff line number Diff line change
Expand Up @@ -251,20 +251,12 @@ export function HomeContent() {
фулл-стекке өтіңіз
</Header>
<Para>
<<<<<<< HEAD
React - бұл бағдарламалық қосымша. Ол компоненттерді біріктіруге
мүмкіндік береді, бірақ маршруттау мен деректерді алу жолын
көрсетпейді. React көмегімен толық бағдарлама құру үшін{' '}
<Link href="https://nextjs.org">Next.js</Link> немесе{' '}
<Link href="https://remix.run">Remix</Link> сияқты фулл-стекті
көрсетпейді. React көмегімен толық бағдарлама құру үшін{‘ ‘}
<Link href="https://nextjs.org">Next.js</Link> немесе{‘ ‘}
<Link href="https://reactrouter.com">React Router</Link> сияқты фулл-стекті
ұсынамыз
=======
React is a library. It lets you put components together, but it
doesn’t prescribe how to do routing and data fetching. To build an
entire app with React, we recommend a full-stack React framework
like <Link href="https://nextjs.org">Next.js</Link> or{' '}
<Link href="https://reactrouter.com">React Router</Link>.
>>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
</Para>
</Center>
<FullBleed>
Expand Down
8 changes: 1 addition & 7 deletions src/content/learn/thinking-in-react.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,15 +37,9 @@ React қосымшасымен UI жасаған кезде әдетте бір

Сіз өзіңіздің тәжірибеңізге байланысты дизайнды компонентерге бөлyге болытын жолдар:

<<<<<<< HEAD
* **Программалау**--қарапайым функцияны немесе объект жасау туралы шешім қабылдаған кездегі тәсілді қолданыңыз. Техниканың бірі [single responsibility principle](https://en.wikipedia.org/wiki/Single_responsibility_principle), бір компонент бір тапсырманы орындауы тиіс. Егер функционал уақыт өте келе ұлғайса, оны кішірек ішкі құрамдастарға бөлу керек.
* **Программалау**--қарапайым функцияны немесе объект жасау туралы шешім қабылдаған кездегі тәсілді қолданыңыз. Техниканың бірі [separation of concerns](https://en.wikipedia.org/wiki/Separation_of_concerns), бір компонент бір тапсырманы орындауы тиіс. Егер функционал уақыт өте келе ұлғайса, оны кішірек ішкі құрамдастарға бөлу керек.
* **CSS**--ойлаңыз, неліктен класс селектірін жасайтындығыңызды. (Дегенмен компоненттер соншалықты кішірейтілмегенін есте сақтаңыз.)
* **Дизайн**--дизайн қабаттарын қалай ұйымдастыратыныңызды ойлаңыз.
=======
* **Programming**--use the same techniques for deciding if you should create a new function or object. One such technique is the [separation of concerns](https://en.wikipedia.org/wiki/Separation_of_concerns), that is, a component should ideally only be concerned with one thing. If it ends up growing, it should be decomposed into smaller subcomponents.
* **CSS**--consider what you would make class selectors for. (However, components are a bit less granular.)
* **Design**--consider how you would organize the design's layers.
>>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c

Егер сіздің JSON жақсы құрылымдалған болса, cіз оның UI компонент құрылымына табиғи түрде сәйкес келетінін жиі байқайсыз. Себебі UI және деректер үлгілері жиі бірдей ақпараттық архитектураға, яғни бірдей пішінге ие болады. Пайдаланушы интерфейсін компонентерге бөліңіз, олардың әрқайсысы деректер үлгісінің бір бөлігін көрсетеді.

Expand Down
6 changes: 1 addition & 5 deletions src/content/reference/react/Activity.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,12 +47,8 @@ In this way, Activity can thought of as a mechanism for rendering "background ac

#### Caveats {/*caveats*/}

<<<<<<< HEAD
- When used with `<ViewTransition>`, hidden activities that reveal in a transition will activate an "enter" animation. Visible Activities hidden in a transition will activate an "exit" animation.
=======
- If an Activity is rendered inside of a [ViewTransition](/reference/react/ViewTransition), and it becomes visible as a result of an update caused by [startTransition](/reference/react/startTransition), it will activate the ViewTransition's `enter` animation. If it becomes hidden, it will activate its `exit` animation.
- If an Activity is rendered inside of a [ViewTransition](/reference/react/ViewTransition), and it becomes visible as a result of an update caused by [startTransition](/reference/react/startTransition), it will activate the ViewTransition’s `enter` animation. If it becomes hidden, it will activate its `exit` animation.
- An Activity that just renders text will not render anything rather than rendering hidden text, because there’s no corresponding DOM element to apply visibility changes to. For example, `<Activity mode="hidden"><ComponentThatJustReturnsText /></Activity>` will not produce any output in the DOM for `const ComponentThatJustReturnsText = () => "Hello, World!"`.
>>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c

---

Expand Down
1 change: 1 addition & 0 deletions src/content/reference/react/components.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ React exposes a few built-in components that you can use in your JSX.
* [`<Profiler>`](/reference/react/Profiler) lets you measure rendering performance of a React tree programmatically.
* [`<Suspense>`](/reference/react/Suspense) lets you display a fallback while the child components are loading.
* [`<StrictMode>`](/reference/react/StrictMode) enables extra development-only checks that help you find bugs early.
* [`<Activity>`](/reference/react/Activity) lets you hide and restore the UI and internal state of its children.

---

Expand Down
2 changes: 1 addition & 1 deletion src/sidebarBlog.json
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
"title": "React Compiler v1.0",
"titleForHomepage": "React Compiler v1.0",
"icon": "blog",
"date": "October 8, 2025",
"date": "October 7, 2025",
"path": "/blog/2025/10/07/react-compiler-1"
},
{
Expand Down
Loading