From 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c Mon Sep 17 00:00:00 2001 From: Soichiro Miki Date: Mon, 26 May 2025 17:56:28 +0900 Subject: [PATCH 1/2] Fix wrong explanation in preserving-and-resetting-state (#6043) --- src/content/learn/preserving-and-resetting-state.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/preserving-and-resetting-state.md b/src/content/learn/preserving-and-resetting-state.md index bf5531f3..11d398d2 100644 --- a/src/content/learn/preserving-and-resetting-state.md +++ b/src/content/learn/preserving-and-resetting-state.md @@ -672,7 +672,7 @@ label { -The counter state gets reset when you click the checkbox. Although you render a `Counter`, the first child of the `div` changes from a `div` to a `section`. When the child `div` was removed from the DOM, the whole tree below it (including the `Counter` and its state) was destroyed as well. +The counter state gets reset when you click the checkbox. Although you render a `Counter`, the first child of the `div` changes from a `section` to a `div`. When the child `section` was removed from the DOM, the whole tree below it (including the `Counter` and its state) was destroyed as well. From aae3bc701f50a16c8a02b47b20fa2a2d0f048b9e Mon Sep 17 00:00:00 2001 From: Khakim Date: Thu, 24 Jul 2025 00:56:17 +0500 Subject: [PATCH 2/2] Resolve merge conflicts in installation.md and react-developer-tools.md --- src/content/learn/installation.md | 25 ++++---------------- src/content/learn/react-developer-tools.md | 27 ++-------------------- 2 files changed, 6 insertions(+), 46 deletions(-) diff --git a/src/content/learn/installation.md b/src/content/learn/installation.md index 8f04d2de..c33fb7cb 100644 --- a/src/content/learn/installation.md +++ b/src/content/learn/installation.md @@ -8,7 +8,6 @@ React басынан бастап біртіндеп бейімделуді ес -<<<<<<< HEAD * [Жаңа React жобасын қалай бастау керек](/learn/start-a-new-react-project) @@ -19,9 +18,6 @@ React басынан бастап біртіндеп бейімделуді ес ## React-тi қолданып көрy {/*try-react*/} -======= -## Try React {/*try-react*/} ->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c React-тi қолданып көру үшін ештеңе орнатудың қажеті жоқ. Құмжәшігте кодты өңдеңіз! @@ -43,7 +39,6 @@ export default function App() { Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?template=QWYVwWN) -<<<<<<< HEAD ### Локальде React-тi қолданып көріңіз {/*try-react-locally*/} Локальде компьютерінізде React-пен жұмыс жасап көру үшін осы [HTML бетін жүктеп алыңыз](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html). Оны редакторда және браузерде ашыңыз! @@ -51,34 +46,22 @@ Most pages in the React documentation contain sandboxes like this. Outside of th ## Жаңа React жобасын бастаңыз {/*start-a-new-react-project*/} Егер сіз React көмегімен қосымшаны немесе веб-сайтты толығымен құрғыныз келсе, [жаңа React жобасын бастаңыз.](/learn/start-a-new-react-project) -======= -To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Open it in your editor and in your browser! -## Creating a React App {/*creating-a-react-app*/} +## React қосымшасын нөлден құру {/*build-a-react-app-from-scratch*/} -If you want to start a new React app, you can [create a React app](/learn/creating-a-react-app) using a recommended framework. - -## Build a React App from Scratch {/*build-a-react-app-from-scratch*/} - -If a framework is not a good fit for your project, you prefer to build your own framework, or you just want to learn the basics of a React app you can [build a React app from scratch](/learn/build-a-react-app-from-scratch). ->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c +Егер фреймворк сіздің жобаңызға сәйкес келмесе, өз фреймворкіңізді құрғыныз келсе немесе React қосымшасының негіздерін үйренгіңіз келсе, [React қосымшасын нөлден құра аласыз.](/learn/build-a-react-app-from-scratch) ## Бар жобаға React-тi қосыңыз {/*add-react-to-an-existing-project*/} -<<<<<<< HEAD Егер бұрыннан бар қосымшада немесе веб-сайтта React қолданып көргіңіз келсе, [бар жобаға React-ті қосыңыз.](/learn/add-react-to-an-existing-project) -======= -If want to try using React in your existing app or a website, you can [add React to an existing project.](/learn/add-react-to-an-existing-project) - -#### Should I use Create React App? {/*should-i-use-create-react-app*/} +#### Create React App қолдану керек пе? {/*should-i-use-create-react-app*/} -No. Create React App has been deprecated. For more information, see [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app). +Жоқ. Create React App ескірген. Қосымша ақпарат үшін [Create React App-тің тоқтатылуы](/blog/2025/02/14/sunsetting-create-react-app) бөлімін қараңыз. ->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c ## Келесі қадамдар {/*next-steps*/} diff --git a/src/content/learn/react-developer-tools.md b/src/content/learn/react-developer-tools.md index fb7833eb..b2095957 100644 --- a/src/content/learn/react-developer-tools.md +++ b/src/content/learn/react-developer-tools.md @@ -50,33 +50,10 @@ react-devtools ![React Developer Tools standalone](/images/docs/react-devtools-standalone.png) -<<<<<<< HEAD ## Мобильдік қосымша (React Native) {/*mobile-react-native*/} -React Developer Tools [React Native](https://reactnative.dev/) көмегімен жасалған қосымшаларды зеттеу үшін қолдануға болады. -React Developer Tools пайдаланудың ең оңай жолы - оны жалпы деңгейде орнату: -```bash -# Yarn -yarn global add react-devtools - -# Npm -npm install -g react-devtools -``` -Содан кейін терминалда келесі команданы шақырыныз: -```bash -react-devtools -``` -Ол іске қосылған кезде локальді React Native қосымшанызға қосылуы керек. - -> Программа зерттеу құралдары бірнеше секундтан кейін қосылмаса, қолданбаны қайта жүктеп көріңіз. +[React Native](https://reactnative.dev/) көмегімен жасалған қосымшаларды тексеру үшін [React Native DevTools](https://reactnative.dev/docs/react-native-devtools) қолдана аласыз - бұл React Developer Tools-ты тереңінен біріктіретін кіріктірілген дебаггер. Барлық функциялар браузер кеңейтімімен бірдей жұмыс істейді, соның ішінде натив элементтерді бөлектеу және таңдау. [React Native дебаггингі туралы көбірек білу.](https://reactnative.dev/docs/debugging) -======= -## Mobile (React Native) {/*mobile-react-native*/} - -To inspect apps built with [React Native](https://reactnative.dev/), you can use [React Native DevTools](https://reactnative.dev/docs/react-native-devtools), the built-in debugger that deeply integrates React Developer Tools. All features work identically to the browser extension, including native element highlighting and selection. - -[Learn more about debugging in React Native.](https://reactnative.dev/docs/debugging) -> For versions of React Native earlier than 0.76, please use the standalone build of React DevTools by following the [Safari and other browsers](#safari-and-other-browsers) guide above. ->>>>>>> 3b02f828ff2a4f9d2846f077e442b8a405e2eb04 +> React Native 0.76-дан бұрынғы нұсқалары үшін жоғарыдағы [Safari және басқа браузерлер](#safari-and-other-browsers) нұсқаулығын ұстан отырып React DevTools-тың автономды нұсқасын қолданыңыз.