Merge branch 'main' into sync-4bdb87b1

reactjs · Nov 3, 2023 · f2fd2e8 · f2fd2e8
2 parents 6ecd77c + 6250ec2
commit f2fd2e8
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 63 deletions.
diff --git a/src/content/learn/describing-the-ui.md b/src/content/learn/describing-the-ui.md
@@ -530,6 +530,7 @@ React uses trees to model the relationships between components and modules.
 
 A React render tree is a representation of the parent and child relationship between components. 
 
+
 <Diagram name="generic_render_tree" height={250} width={500} alt="A tree graph with five nodes, with each node representing a component. The root node is located at the top the tree graph and is labelled 'Root Component'. It has two arrows extending down to two nodes labelled 'Component A' and 'Component C'. Each of the arrows is labelled with 'renders'. 'Component A' has a single 'renders' arrow to a node labelled 'Component B'. 'Component C' has a single 'renders' arrow to a node labelled 'Component D'.">
 
 An example React render tree.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -530,6 +530,7 @@ React uses trees to model the relationships between components and modules.

		A React render tree is a representation of the parent and child relationship between components.


		<Diagram name="generic_render_tree" height={250} width={500} alt="A tree graph with five nodes, with each node representing a component. The root node is located at the top the tree graph and is labelled 'Root Component'. It has two arrows extending down to two nodes labelled 'Component A' and 'Component C'. Each of the arrows is labelled with 'renders'. 'Component A' has a single 'renders' arrow to a node labelled 'Component B'. 'Component C' has a single 'renders' arrow to a node labelled 'Component D'.">

		An example React render tree.
Expand Down