Skip to content

Commit a6372d0

Browse files
committed
Merge branch 'main' into sync-49284218
2 parents ae12190 + c0575ec commit a6372d0

File tree

3 files changed

+36
-55
lines changed

3 files changed

+36
-55
lines changed

public/rss.xml

Lines changed: 19 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,26 @@
44
<description><![CDATA[This blog is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted here first.]]></description>
55
<link>https://react.dev/</link>
66
<generator>react.dev rss module</generator>
7-
<lastBuildDate>Tue, 15 Oct 2024 19:03:53 GMT</lastBuildDate>
7+
<lastBuildDate>Wed, 23 Jul 2025 18:15:32 GMT</lastBuildDate>
88
<atom:link href="https://react.dev/rss.xml" rel="self" type="application/rss+xml"/>
9-
<pubDate>Tue, 15 Oct 2024 19:03:53 GMT</pubDate>
9+
<pubDate>Wed, 23 Jul 2025 18:15:32 GMT</pubDate>
1010
<language><![CDATA[en]]></language>
11+
<item>
12+
<title><![CDATA[React v19]]></title>
13+
<description><![CDATA[React 19 is now available on npm! In this post, we'll give an overview of the new features in React 19, and how you can adopt them.]]></description>
14+
<link>https://react.dev/blog/2024/12/05/react-19</link>
15+
<guid isPermaLink="true">https://react.dev/blog/2024/12/05/react-19</guid>
16+
<dc:creator><![CDATA[The React Team]]></dc:creator>
17+
<pubDate>Wed, 04 Dec 2024 19:00:00 GMT</pubDate>
18+
</item>
19+
<item>
20+
<title><![CDATA[React Compiler Beta Release]]></title>
21+
<description><![CDATA[At React Conf 2024, we announced the experimental release of React Compiler, a build-time tool that optimizes your React app through automatic memoization. In this post, we want to share what's next for open source, and our progress on the compiler.]]></description>
22+
<link>https://react.dev/blog/2024/10/21/react-compiler-beta-release</link>
23+
<guid isPermaLink="true">https://react.dev/blog/2024/10/21/react-compiler-beta-release</guid>
24+
<dc:creator><![CDATA[Lauren Tan]]></dc:creator>
25+
<pubDate>Sun, 20 Oct 2024 19:00:00 GMT</pubDate>
26+
</item>
1127
<item>
1228
<title><![CDATA[React Conf 2024 Recap]]></title>
1329
<description><![CDATA[Last week we hosted React Conf 2024, a two-day conference in Henderson, Nevada where 700+ attendees gathered in-person to discuss the latest in UI engineering. In this post, we'll summarize the talks and announcements from the event.]]></description>
@@ -17,15 +33,7 @@
1733
<pubDate>Tue, 21 May 2024 19:00:00 GMT</pubDate>
1834
</item>
1935
<item>
20-
<title><![CDATA[React 19 RC]]></title>
21-
<description><![CDATA[React 19 RC is now available on npm! In this post, we'll give an overview of the new features in React 19, and how you can adopt them.]]></description>
22-
<link>https://react.dev/blog/2024/04/25/react-19</link>
23-
<guid isPermaLink="true">https://react.dev/blog/2024/04/25/react-19</guid>
24-
<dc:creator><![CDATA[The React Team]]></dc:creator>
25-
<pubDate>Wed, 24 Apr 2024 19:00:00 GMT</pubDate>
26-
</item>
27-
<item>
28-
<title><![CDATA[React 19 RC Upgrade Guide]]></title>
36+
<title><![CDATA[React 19 Upgrade Guide]]></title>
2937
<description><![CDATA[The improvements added to React 19 require some breaking changes, but we've worked to make the upgrade as smooth as possible and we don't expect the changes to impact most apps. In this post, we will guide you through the steps for upgrading apps and libraries to React 19.]]></description>
3038
<link>https://react.dev/blog/2024/04/25/react-19-upgrade-guide</link>
3139
<guid isPermaLink="true">https://react.dev/blog/2024/04/25/react-19-upgrade-guide</guid>

src/content/community/conferences.md

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -80,13 +80,7 @@ November 14 & 15, 2024. In-person in London, UK
8080
### React Advanced London 2024 {/*react-advanced-london-2024*/}
8181
October 25 & 28, 2024. In-person in London, UK + online (hybrid event)
8282

83-
84-
[Website](https://reactsummit.us/) - [Twitter](https://twitter.com/reactsummit) - [Videos](https://portal.gitnation.org/)
85-
86-
### React Native London Conf 2024 {/*react-native-london-2024*/}
87-
November 14 & 15, 2024. In-person in London, UK
88-
89-
[Website](https://reactnativelondon.co.uk/) - [Twitter](https://x.com/RNLConf)
83+
[Website](https://reactadvanced.com/) - [Twitter](https://twitter.com/reactadvanced) - [Videos](https://portal.gitnation.org/)
9084

9185
### React Brussels 2024 {/*react-brussels-2024*/}
9286
October 18, 2024. In-person in Brussels, Belgium (hybrid event)

src/content/learn/react-developer-tools.md

Lines changed: 16 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -4,79 +4,58 @@ title: React Developer Tools
44

55
<Intro>
66

7-
React [компоненттерін](/learn/your-first-component) тексеру, [пропстар](/learn/passing-props-to-a-component) және [күй](/learn/state-a) өңдеу үшін React Developer Tools-ты пайдаланыңыз және өнімділік мәселелерін анықтаныз.
7+
Use React Developer Tools to inspect React [components](/learn/your-first-component), edit [props](/learn/passing-props-to-a-component) and [state](/learn/state-a-components-memory), and identify performance problems.
88

99
</Intro>
1010

1111
<YouWillLearn>
1212

13-
* React Developer Tools орнату жолы
13+
* How to install React Developer Tools
1414

1515
</YouWillLearn>
1616

17-
## Браузер кеңейтімдері {/*browser-extension*/}
17+
## Browser extension {/*browser-extension*/}
1818

19-
React көмегімен жасалған веб-сайттарды жөндеудің ең оңай жолы - React Developer Tools браузер кеңейтімін орнату. Ол бірнеше танымал браузерлер үшін қол жетімді:
19+
The easiest way to debug websites built with React is to install the React Developer Tools browser extension. It is available for several popular browsers:
2020

21-
* [**Chrome** үшін орнату](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
22-
* [**Firefox** үшін орнату](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
23-
* [**Edge** үшін орнату](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)
21+
* [Install for **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
22+
* [Install for **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
23+
* [Install for **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)
2424

25-
Енді **React арқылы жасалған** веб-сайтқа кірсеңіз, _Components_ және _Profiler_ панельдерін көресіз.
25+
Now, if you visit a website **built with React,** you will see the _Components_ and _Profiler_ panels.
2626

2727
![React Developer Tools extension](/images/docs/react-devtools-extension.png)
2828

29-
### Safari және басқа браузерлер {/*safari-and-other-browsers*/}
30-
Басқа браузерлерге (мысалы Safari) орнату үшін npm [`react-devtools`](https://www.npmjs.com/package/react-devtools) пакеті арқылы:
29+
### Safari and other browsers {/*safari-and-other-browsers*/}
30+
For other browsers (for example, Safari), install the [`react-devtools`](https://www.npmjs.com/package/react-devtools) npm package:
3131
```bash
3232
# Yarn
3333
yarn global add react-devtools
3434

3535
# Npm
3636
npm install -g react-devtools
3737
```
38-
Содан кейін терминалда келесі команданы шақырыныз:
38+
39+
Next open the developer tools from the terminal:
3940
```bash
4041
react-devtools
4142
```
42-
Веб-сайтыңыздың `<head>` бөлігіне `<script>` тегін қосыңыз:
43+
44+
Then connect your website by adding the following `<script>` tag to the beginning of your website's `<head>`:
4345
```html {3}
4446
<html>
4547
<head>
4648
<script src="http://localhost:8097"></script>
4749
```
4850

49-
Браузер құралдарында көру үшін веб-сайтыңызды қайта ашыныз.
51+
Reload your website in the browser now to view it in developer tools.
5052

5153
![React Developer Tools standalone](/images/docs/react-devtools-standalone.png)
5254

53-
<<<<<<< HEAD
54-
## Мобильдік қосымша (React Native) {/*mobile-react-native*/}
55-
React Developer Tools [React Native](https://reactnative.dev/) көмегімен жасалған қосымшаларды зеттеу үшін қолдануға болады.
56-
57-
React Developer Tools пайдаланудың ең оңай жолы - оны жалпы деңгейде орнату:
58-
```bash
59-
# Yarn
60-
yarn global add react-devtools
61-
62-
# Npm
63-
npm install -g react-devtools
64-
```
65-
Содан кейін терминалда келесі команданы шақырыныз:
66-
```bash
67-
react-devtools
68-
```
69-
Ол іске қосылған кезде локальді React Native қосымшанызға қосылуы керек.
70-
71-
> Программа зерттеу құралдары бірнеше секундтан кейін қосылмаса, қолданбаны қайта жүктеп көріңіз.
72-
73-
[React Native дебаггингі туралы көбірек білу.](https://reactnative.dev/docs/debugging)
74-
=======
7555
## Mobile (React Native) {/*mobile-react-native*/}
7656

7757
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.
7858

7959
[Learn more about debugging in React Native.](https://reactnative.dev/docs/debugging)
8060

81-
> 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.
82-
>>>>>>> 3b02f828ff2a4f9d2846f077e442b8a405e2eb04
61+
> 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.

0 commit comments

Comments
 (0)