You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: New-Architecture/New-Architecture-in-depth.md
+4-4
Original file line number
Diff line number
Diff line change
@@ -60,7 +60,7 @@ There are **2 types** of Native Module System in React Native
60
60
61
61
1.**OLD native module****system** (aka: **“Bridge based Native Module system”** or **“Legacy native module system”** that uses **JSON data Serialization**)
62
62
63
-
2.**New native module****system** (aka: **Turbo Module system** that uses **JSI.** JSI (JavaScript Interface) was written by C++)
63
+
2.**New native module****system** (aka: **Turbo Module system** that uses **JSI.** JSI (JavaScript Interface) is written in C++)
64
64
65
65
### **Typed JavaScript code**
66
66
@@ -138,7 +138,7 @@ The **new Architecture** of **React Native** completes its full cycle in **2 pha
138
138
139
139
### Phase 1: App Build time
140
140
141
-
When a developer turns on both **Codegen** and **Turbo Module** in their app and then gives a **build command** just before production deployment to create an **APK** for **Android** or an **IAP** for **iOS** device, the following steps are done from the new architecture flow:
141
+
When a developer turns on both **Codegen** and **Turbo Module** in their app and then gives a **build command** just before production deployment to create an **APK** for **Android** or an **IPA** for **iOS** device, the following steps are done from the new architecture flow:
142
142
143
143
- The **Build** command **compiles** the JavaScript code into **bytecode**.
144
144
@@ -390,9 +390,9 @@ The **React element tree** is used to render the **React shadow tree** in **C++*
390
390
);
391
391
};
392
392
393
-
During the **Render phase**, a **shadow node** is created for **each React element**. This shadow node is created **synchronously**, only for React **host components**, and **not for composite components** such as **<View>**.
393
+
During the **Render phase**, a **shadow node** is created for **each React element**. This shadow node is created **synchronously**, only for React **host components**, and **not for composite components** such as **\<View>**.
394
394
395
-
When transformed into a Shadow Block , the **<View>** is translated into a **<ViewShadowNode>** object.
395
+
When transformed into a Shadow Block , the **\<View>** is translated into a **\<ViewShadowNode>** object.
396
396
397
397
The new **renderer** will automatically reflect the **parent-child relationships** between React element nodes. The above process shows how the React shadow tree is assembled; once it is complete, **the renderer triggers a commit** of the **element tree**.
0 commit comments