Skip to content

Commit 3481872

Browse files
committed
resolve conflicts
1 parent 5ad6abf commit 3481872

File tree

9 files changed

+23
-171
lines changed

9 files changed

+23
-171
lines changed

src/content/blog/2020/12/21/data-fetching-with-react-server-components.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,7 @@ date: 2020/12/21
55
description: 2020 đã là một năm dài. Khi năm này khép lại, chúng tôi muốn chia sẻ một Bản Cập Nhật Đặc Biệt về nghiên cứu của chúng tôi về zero-bundle-size React Server Components.
66
---
77

8-
<<<<<<< HEAD
9-
December 21, 2020 bởi [Dan Abramov](https://twitter.com/dan_abramov), [Lauren Tan](https://twitter.com/potetotes), [Joseph Savona](https://twitter.com/en_JS), và [Sebastian Markbåge](https://twitter.com/sebmarkbage)
10-
=======
11-
December 21, 2020 by [Dan Abramov](https://bsky.app/profile/danabra.mov), [Lauren Tan](https://twitter.com/potetotes), [Joseph Savona](https://twitter.com/en_JS), and [Sebastian Markbåge](https://twitter.com/sebmarkbage)
12-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
8+
December 21, 2020 bởi [Dan Abramov](https://bsky.app/profile/danabra.mov), [Lauren Tan](https://twitter.com/potetotes), [Joseph Savona](https://twitter.com/en_JS), và [Sebastian Markbåge](https://twitter.com/sebmarkbage)
139

1410
---
1511

src/content/community/meetups.md

Lines changed: 2 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -44,15 +44,6 @@ Bạn đã có React.js meetup tại quốc gia của bạn chưa? Thêm nó và
4444
* [Saskatoon, SK](https://www.meetup.com/saskatoon-react-meetup/)
4545
* [Toronto, ON](https://www.meetup.com/Toronto-React-Native/events/)
4646

47-
<<<<<<< HEAD
48-
## Chile {/*chile*/}
49-
* [Santiago](https://www.meetup.com/es-ES/react-santiago/)
50-
51-
## Trung Quốc {/*china*/}
52-
* [Beijing](https://www.meetup.com/Beijing-ReactJS-Meetup/)
53-
54-
=======
55-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
5647
## Colombia {/*colombia*/}
5748
* [Medellin](https://www.meetup.com/React-Medellin/)
5849

@@ -63,28 +54,16 @@ Bạn đã có React.js meetup tại quốc gia của bạn chưa? Thêm nó và
6354
* [Aalborg](https://www.meetup.com/Aalborg-React-React-Native-Meetup/)
6455
* [Aarhus](https://www.meetup.com/Aarhus-ReactJS-Meetup/)
6556

66-
<<<<<<< HEAD
67-
## Egypt {/*egypt*/}
68-
* [Cairo](https://www.meetup.com/react-cairo/)
69-
7057
## Anh (Vương Quốc Anh) {/*england-uk*/}
71-
=======
72-
## England (UK) {/*england-uk*/}
73-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
7458
* [Manchester](https://www.meetup.com/Manchester-React-User-Group/)
7559
* [React.JS Girls London](https://www.meetup.com/ReactJS-Girls-London/)
7660
* [React Advanced London](https://guild.host/react-advanced-london)
7761
* [React Native London](https://guild.host/RNLDN)
7862

79-
<<<<<<< HEAD
80-
## Pháp {/*france*/}
81-
* [Nantes](https://www.meetup.com/React-Nantes/)
82-
=======
83-
## Finland {/*finland*/}
63+
## Phần Lan {/*finland*/}
8464
* [Helsinki](https://www.meetabit.com/communities/react-helsinki)
8565

86-
## France {/*france*/}
87-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
66+
## Pháp {/*france*/}
8867
* [Lille](https://www.meetup.com/ReactBeerLille/)
8968
* [Paris](https://www.meetup.com/ReactJS-Paris/)
9069

@@ -101,16 +80,8 @@ Bạn đã có React.js meetup tại quốc gia của bạn chưa? Thêm nó và
10180
* [Athens](https://www.meetup.com/React-To-React-Athens-MeetUp/)
10281
* [Thessaloniki](https://www.meetup.com/Thessaloniki-ReactJS-Meetup/)
10382

104-
<<<<<<< HEAD
105-
## Hungary {/*hungary*/}
106-
* [Budapest](https://www.meetup.com/React-Budapest/)
107-
10883
## Ấn Độ {/*india*/}
109-
* [Ahmedabad](https://www.meetup.com/react-ahmedabad/)
110-
=======
111-
## India {/*india*/}
11284
* [Ahmedabad](https://reactahmedabad.dev/)
113-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
11485
* [Bangalore (React)](https://www.meetup.com/ReactJS-Bangalore/)
11586
* [Bangalore (React Native)](https://www.meetup.com/React-Native-Bangalore-Meetup)
11687
* [Chennai](https://www.linkedin.com/company/chennaireact)
@@ -190,12 +161,7 @@ Bạn đã có React.js meetup tại quốc gia của bạn chưa? Thêm nó và
190161
## Ukraina {/*ukraine*/}
191162
* [Kyiv](https://www.meetup.com/Kyiv-ReactJS-Meetup)
192163

193-
<<<<<<< HEAD
194164
## Mỹ {/*us*/}
195-
* [Ann Arbor, MI - ReactJS](https://www.meetup.com/AnnArbor-jsx/)
196-
=======
197-
## US {/*us*/}
198-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
199165
* [Atlanta, GA - ReactJS](https://www.meetup.com/React-ATL/)
200166
* [Austin, TX - ReactJS](https://www.meetup.com/ReactJS-Austin-Meetup/)
201167
* [Boston, MA - ReactJS](https://www.meetup.com/ReactJS-Boston/)

src/content/learn/add-react-to-an-existing-project.md

Lines changed: 4 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,9 @@ Giả sử bạn có một ứng dụng web tại `example.com` được phát t
2020

2121
Đây là cách chúng tôi đề xuất để cài đặt:
2222

23-
<<<<<<< HEAD
2423
1. **Xây dựng phần React của ứng dụng của bạn** sử dụng một trong những [nền tảng ứng dụng (framework) sử dụng React](/learn/start-a-new-react-project).
25-
2. **Chỉ định `/some-app`*đường dẫn gốc*** trong cấu hình ứng dụng của bạn. (xem hướng dẫn với: [Next.js](https://nextjs.org/docs/api-reference/next.config.js/basepath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
24+
2. **Chỉ định `/some-app`*đường dẫn gốc*** trong cấu hình ứng dụng của bạn. (xem hướng dẫn với: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
2625
3. **Cấu hình máy chủ của bạn hoặc một proxy** để tất cả các requests ở `/some-app/` được xử lý bởi ứng dụng React của bạn.
27-
=======
28-
1. **Build the React part of your app** using one of the [React-based frameworks](/learn/start-a-new-react-project).
29-
2. **Specify `/some-app` as the *base path*** in your framework's configuration (here's how: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
30-
3. **Configure your server or a proxy** so that all requests under `/some-app/` are handled by your React app.
31-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
3226

3327
Điều này đảm bảo phần React của ứng dụng của bạn có thể được [hưởng lợi từ các tiêu chuẩn tốt nhất](/learn/start-a-new-react-project#can-i-use-react-without-a-framework) đã được tích hợp sẵn trong các Frameworks đó.
3428

@@ -51,11 +45,7 @@ Môi trường JavaScript module hóa cho phép bạn viết các component Reac
5145

5246
* **Nếu ứng dụng của bạn đã được chia thành các tệp sử dụng các câu lệnh `import`,** hãy cố gắng sử dụng thiết lập hiện có của bạn. Kiểm tra xem viết `<div />` trong mã JS có gây lỗi cú pháp không. Nếu nó gây ra lỗi cú pháp, bạn có thể cần [chuyển đổi mã JavaScript của mình bằng Babel](https://babeljs.io/setup), và kích hoạt [Babel React preset](https://babeljs.io/docs/babel-preset-react) để sử dụng JSX.
5347

54-
<<<<<<< HEAD
55-
* **Nếu ứng dụng của bạn không có cài đặt cho việc biên dịch các module JavaScript,** hãy cài đặt với [Vite](https://vitejs.dev/). Cộng động Vite duy trì [nhiều tích hợp với các framework back-end](https://github.com/vitejs/awesome-vite#integrations-with-backends), bao gồm Rails, Django, và Laravel. Nếu framework backend của bạn không được liệt kê, [hãy làm theo hướng dẫn này](https://vitejs.dev/guide/backend-integration.html) để tích hợp Vite với backend của bạn bằng cách thủ công.
56-
=======
57-
* **If your app doesn't have an existing setup for compiling JavaScript modules,** set it up with [Vite](https://vite.dev/). The Vite community maintains [many integrations with backend frameworks](https://github.com/vitejs/awesome-vite#integrations-with-backends), including Rails, Django, and Laravel. If your backend framework is not listed, [follow this guide](https://vite.dev/guide/backend-integration.html) to manually integrate Vite builds with your backend.
58-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
48+
* **Nếu ứng dụng của bạn không có cài đặt cho việc biên dịch các module JavaScript,** hãy cài đặt với [Vite](https://vitejs.dev/). Cộng động Vite duy trì [nhiều tích hợp với các framework back-end](https://github.com/vitejs/awesome-vite#integrations-with-backends), bao gồm Rails, Django, và Laravel. Nếu framework backend của bạn không được liệt kê, [hãy làm theo hướng dẫn này](https://vite.dev/guide/backend-integration.html) để tích hợp Vite với backend của bạn bằng cách thủ công.
5949

6050
Để kiểm tra xem thiết lập của bạn hoạt động, chạy lệnh này trong thư mục dự án của bạn:
6151

@@ -72,12 +62,8 @@ Sau đó thêm những dòng code này vào đầu của file JavaScript chính
7262
<html>
7363
<head><title>My app</title></head>
7464
<body>
75-
<<<<<<< HEAD
76-
<!-- Nội dung website của bạn trước đó (chúng sẽ được xoá trong ví dụ này) -->
77-
=======
78-
<!-- Your existing page content (in this example, it gets replaced) -->
65+
<!-- Nội dung website của bạn trước đó (chúng sẽ được thay thế trong ví dụ này) -->
7966
<div id="root"></div>
80-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
8167
</body>
8268
</html>
8369
```
@@ -99,11 +85,7 @@ Nếu toàn bộ nội dung của trang web của bạn đã bị thay thế b
9985

10086
<Note>
10187

102-
<<<<<<< HEAD
103-
Việc tích hợp môi trường JavaScript theo module vào một dự án có sẵn có thể làm bạn cảm thấy hơi đáng sợ trong lần đầu tiên, nhưng sẽ rất đáng công sức bỏ ra! Nếu bạn gặp khó khăn, hãy xem [tài liệu của cộng đồng](/community) hoặc qua [Vite Chat](https://chat.vitejs.dev/).
104-
=======
105-
Integrating a modular JavaScript environment into an existing project for the first time can feel intimidating, but it's worth it! If you get stuck, try our [community resources](/community) or the [Vite Chat](https://chat.vite.dev/).
106-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
88+
Việc tích hợp môi trường JavaScript theo module vào một dự án có sẵn có thể làm bạn cảm thấy hơi đáng sợ trong lần đầu tiên, nhưng sẽ rất đáng công sức bỏ ra! Nếu bạn gặp khó khăn, hãy xem [tài liệu của cộng đồng](/community) hoặc qua [Vite Chat](https://chat.vite.dev/).
10789

10890
</Note>
10991

src/content/learn/installation.md

Lines changed: 7 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -8,20 +8,7 @@ React được thiết kế từ đầu với khả năng áp dụng vào dự
88

99
</Intro>
1010

11-
<<<<<<< HEAD
12-
<YouWillLearn isChapter={true}>
13-
14-
* [Cách để bắt đầu một dự án sử dụng React](/learn/start-a-new-react-project)
15-
* [Cách để thêm React vào dự án đang có sẵn](/learn/add-react-to-an-existing-project)
16-
* [Cách để thiết lập trình soạn thảo](/learn/editor-setup)
17-
* [Cách để cài đặt React Developer Tools](/learn/react-developer-tools)
18-
19-
</YouWillLearn>
20-
2111
## Thử dùng React {/*try-react*/}
22-
=======
23-
## Try React {/*try-react*/}
24-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
2512

2613
Bạn không phải cài đặt bất cứ thứ gì để trải nghiệm React. Hãy thử chỉnh sửa sandbox này!
2714

@@ -41,46 +28,32 @@ export default function App() {
4128

4229
Bạn có thể chỉnh sửa trực tiếp hoặc mở nó trong một tab mới bằng cách ấn vào nút "Fork" ở góc trên bên phải.
4330

44-
<<<<<<< HEAD
45-
Hầu hết các trang trong tài liệu React chứa các sandbox như thế này. Ngoài trang tài liệu React, có rất nhiều các online sandbox hỗ trợ React: ví dụ, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb)
31+
Hầu hết các trang trong tài liệu React chứa các sandbox như thế này. Ngoài trang tài liệu React, có rất nhiều các online sandbox hỗ trợ React: ví dụ, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?template=QWYVwWN)
4632

4733
### Thử dùng React trên máy tính của bạn {/*try-react-locally*/}
48-
=======
49-
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)
50-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
5134

5235
Để thử sử dụng React trên máy tính của bạn, [tải về trang HTML này.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Mở nó trong trình soạn thảo và trình duyệt của bạn!
5336

54-
<<<<<<< HEAD
55-
## Bắt đầu một dự án React mới {/*start-a-new-react-project*/}
56-
57-
Nếu bạn muốn xây dựng một ứng dụng hoặc một website một cách đầy đủ với React, [bắt đầu một dự án React mới.](/learn/start-a-new-react-project)
58-
=======
59-
## Creating a React App {/*creating-a-react-app*/}
37+
## Tạo một ứng dụng React {/*creating-a-react-app*/}
6038

61-
If you want to start a new React app, you can [create a React app](/learn/creating-a-react-app) using a recommended framework.
39+
Nếu bạn muốn bắt đầu xây dựng một ứng dụng React, bạn có thể [tạo một ứng dụng React](/learn/creating-a-react-app) bằng cách sử dụng một framework được giới thiệu.
6240

63-
## Build a React App from Scratch {/*build-a-react-app-from-scratch*/}
41+
## Xây dựng một ứng dụng React từ đầu {/*build-a-react-app-from-scratch*/}
6442

65-
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).
66-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
43+
Nếu một framework không phù hợp cho dự án của bạn, bạn có thể xây dựng một framework của chính bạn, hoặc bạn chỉ muốn học những cái cơ bản của ứng dụng React, bạn có thể [xây dựng một ứng dụng React từ đầu](/learn/build-a-react-app-from-scratch).
6744

6845
## Thêm React vào một dự án có sẵn {/*add-react-to-an-existing-project*/}
6946

70-
<<<<<<< HEAD
7147
Nếu bạn muốn thử sử dụng React cho ứng dụng đang có sẵn của bạn hoặc một website, [thêm React vào một dự án có sẵn.](/learn/add-react-to-an-existing-project)
72-
=======
73-
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)
7448

7549

7650
<Note>
7751

78-
#### Should I use Create React App? {/*should-i-use-create-react-app*/}
52+
#### Tôi có nên tạo một ứng dụng React (Create React App)? {/*should-i-use-create-react-app*/}
7953

80-
No. Create React App has been deprecated. For more information, see [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app).
54+
Không nên. Create React App đã bị lỗi thời. Thêm thông tin, xem tại [Loại bỏ Create React App](/blog/2025/02/14/sunsetting-create-react-app).
8155

8256
</Note>
83-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
8457

8558
## Các bước tiếp theo {/*next-steps*/}
8659

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

Lines changed: 3 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -53,31 +53,9 @@ Hãy tải lại trang web của bạn ngay để có thể nhìn thấy nó v
5353
![Công cụ phát triển React độc lập](/images/docs/react-devtools-standalone.png)
5454

5555
## Mobile (React Native) {/*mobile-react-native*/}
56-
<<<<<<< HEAD
57-
Công cụ phát triển React có thể được sử dụng để kiểm tra các ứng dụng được xây dựng bằng [React Native](https://reactnative.dev/) as well.
5856

59-
Cách đơn giản nhất để sử dụng công cụ phát triển React là cài đặt nó toàn cục trên hệ thống của bạn:
60-
```bash
61-
# Yarn
62-
yarn global add react-devtools
63-
=======
64-
65-
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.
66-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
67-
68-
[Learn more about debugging in React Native.](https://reactnative.dev/docs/debugging)
69-
70-
<<<<<<< HEAD
71-
Sau đó mở công cụ phát triển từ terminal.
72-
```bash
73-
react-devtools
74-
```
75-
76-
Nó sẽ kết nối với bất kỳ ứng dụng React Native nào đang chạy trên cùng một máy tính.
57+
Để kiểm tra các ứng dụng được xây dựng bằng [React Native](https://reactnative.dev/), bạn có thể sử dụng [React Native DevTools](https://reactnative.dev/docs/react-native-devtools), trình gỡ lỗi tích hợp sẵn với sự liên kết sâu với React Developer Tools. Tất cả các tính năng hoạt động tương tự như tiện ích mở rộng trên trình duyệt, bao gồm cả việc làm nổi bật và chọn các phần tử gốc (native).
7758

78-
> Hãy thử tải lại ứng dụng nếu công cụ phát triển không kết nối sau vài giây.
59+
[Tìm hiểu thêm về cách debug trong React Native.](https://reactnative.dev/docs/debugging)
7960

80-
[Tìm hiểu thêm về debugging với React Native.](https://reactnative.dev/docs/debugging)
81-
=======
82-
> 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.
83-
>>>>>>> 55986965fbf69c2584040039c9586a01bd54eba7
61+
> Đối với các phiên bản React Native trước 0.76, vui lòng sử dụng bản dựng độc lập của React DevTools bằng cách làm theo hướng dẫn [Safari và các trình duyệt khác](#safari-and-other-browsers) ở trên.

0 commit comments

Comments
 (0)