diff --git a/docs/_fabric-warning.mdx b/docs/_fabric-warning.mdx new file mode 100644 index 00000000000..16b4e47e7dc --- /dev/null +++ b/docs/_fabric-warning.mdx @@ -0,0 +1,5 @@ +:::caution + +This document refers to the architecture of the new renderer, [Fabric](fabric-renderer), that is in active roll-out. + +::: diff --git a/docs/render-pipeline.md b/docs/render-pipeline.md index f547a098acf..b12db912075 100644 --- a/docs/render-pipeline.md +++ b/docs/render-pipeline.md @@ -3,7 +3,9 @@ id: render-pipeline title: Render, Commit, and Mount --- -> This document refers to the architecture of the new renderer, [Fabric](fabric-renderer), that is in active roll-out. +import FabricWarning from './\_fabric-warning.mdx'; + + The React Native renderer goes through a sequence of work to render React logic to a [host platform](architecture-glossary#host-platform). This sequence of work is called the render pipeline and occurs for initial renders and updates to the UI state. This document goes over the render pipeline and how it differs in those scenarios. diff --git a/docs/threading-model.md b/docs/threading-model.md index c3b0398cb67..8035b508f4d 100644 --- a/docs/threading-model.md +++ b/docs/threading-model.md @@ -3,7 +3,9 @@ id: threading-model title: Threading Model --- -> This document refers to the architecture of the new renderer, [Fabric](fabric-renderer), that is in active roll-out. +import FabricWarning from './\_fabric-warning.mdx'; + + #### The React Native renderer distributes the work of the [render pipeline](render-pipeline) across multiple threads. diff --git a/docs/view-flattening.md b/docs/view-flattening.md index 397068ac1bc..386eb442f17 100644 --- a/docs/view-flattening.md +++ b/docs/view-flattening.md @@ -3,7 +3,9 @@ id: view-flattening title: View Flattening --- -> This document refers to the architecture of the new renderer, [Fabric](fabric-renderer), that is in active roll-out. +import FabricWarning from './\_fabric-warning.mdx'; + + #### View Flattening is an optimization by the React Native renderer to avoid deep layout trees. diff --git a/docs/xplat-implementation.md b/docs/xplat-implementation.md index dc40876a4dc..77e27bff138 100644 --- a/docs/xplat-implementation.md +++ b/docs/xplat-implementation.md @@ -3,7 +3,9 @@ id: xplat-implementation title: Cross Platform Implementation --- -> This document refers to the architecture of the new renderer, [Fabric](fabric-renderer), that is in active roll-out. +import FabricWarning from './\_fabric-warning.mdx'; + + #### The React Native renderer utilizes a core render implementation to be shared across platforms