Merge main into sync-427f24d6, resolve conflicts

Author: Khakim Aidarkhanov

package.json

@@ -6,8 +6,7 @@
   "scripts": {
     "analyze": "ANALYZE=true next build",
     "dev": "next-remote-watch ./src/content",
-    "prebuild:rsc": "node scripts/buildRscWorker.mjs",
-    "build": "node scripts/buildRscWorker.mjs && next build && node --experimental-modules ./scripts/downloadFonts.mjs",
+    "build": "next build && node --experimental-modules ./scripts/downloadFonts.mjs",
     "lint": "next lint && eslint \"src/content/**/*.md\"",
     "lint:fix": "next lint --fix && eslint \"src/content/**/*.md\" --fix",
     "format:source": "prettier --config .prettierrc --write \"{plugins,src}/**/*.{js,ts,jsx,tsx,css}\"",
@@ -39,11 +38,10 @@
 <<<<<<< HEAD
     "next": "15.4.8",
 =======
-    "next": "15.1.12",
->>>>>>> 427f24d694674be458f0fe7cb97ab1c8fe736586
+    "next": "15.1.9",
+>>>>>>> e22544e68d6fffda33332771efe27034739f35a4
     "next-remote-watch": "^1.0.0",
     "parse-numeric-range": "^1.2.0",
-    "raw-loader": "^4.0.2",
     "react": "^19.0.0",
     "react-collapsed": "4.0.4",
     "react-dom": "^19.0.0",
@@ -71,7 +69,6 @@
     "babel-eslint": "10.x",
     "babel-plugin-react-compiler": "^1.0.0",
     "chalk": "4.1.2",
-    "esbuild": "^0.24.0",
     "eslint": "7.x",
     "eslint-config-next": "12.0.3",
     "eslint-config-react-app": "^5.2.1",
@@ -95,7 +92,6 @@
     "postcss-flexbugs-fixes": "4.2.1",
     "postcss-preset-env": "^6.7.0",
     "prettier": "^2.5.1",
-    "react-server-dom-webpack": "^19.2.4",
     "reading-time": "^1.2.0",
     "remark": "^12.0.1",
     "remark-external-links": "^7.0.0",

src/components/Layout/HomeContent.js

@@ -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>.
->>>>>>> 427f24d694674be458f0fe7cb97ab1c8fe736586
             </Para>
           </Center>
           <FullBleed>
@@ -282,13 +274,8 @@ export function HomeContent() {
               <CTA
                 color="gray"
                 icon="framework"
-<<<<<<< HEAD
                 href="/learn/start-a-new-react-project">
                 Фреймворктен бастаңыз
-=======
-                href="/learn/creating-a-react-app">
-                Get started with a framework
->>>>>>> 427f24d694674be458f0fe7cb97ab1c8fe736586
               </CTA>
             </div>
           </Center>

src/content/learn/thinking-in-react.md

@@ -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.
->>>>>>> 427f24d694674be458f0fe7cb97ab1c8fe736586
 
 Егер сіздің JSON жақсы құрылымдалған болса, cіз оның UI компонент құрылымына табиғи түрде сәйкес келетінін жиі байқайсыз. Себебі UI және деректер үлгілері жиі бірдей ақпараттық архитектураға, яғни бірдей пішінге ие болады. Пайдаланушы интерфейсін компонентерге бөліңіз, олардың әрқайсысы деректер үлгісінің бір бөлігін көрсетеді.
 

src/content/reference/react/Activity.md

@@ -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.
-- A *hidden* 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!"`. `<Activity mode="visible"><ComponentThatJustReturnsText /></Activity>` will render visible text.
->>>>>>> 427f24d694674be458f0fe7cb97ab1c8fe736586
+- 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!"`.
 
 ---