From 5aefaa3b14630a913d0fe73e7ee2264718655c5d Mon Sep 17 00:00:00 2001 From: siddtheone <45398971+siddtheone@users.noreply.github.com> Date: Wed, 19 Feb 2025 21:07:33 +0530 Subject: [PATCH 1/2] Update render-and-commit.md Extending example for better understanding of Initial render. --- src/content/learn/render-and-commit.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md index f9b05e185a8..22811ee991a 100644 --- a/src/content/learn/render-and-commit.md +++ b/src/content/learn/render-and-commit.md @@ -38,6 +38,8 @@ There are two reasons for a component to render: ### Initial render {/*initial-render*/} +Intial render is like React is making the customers comfortable when they arrive, by offering them water without them asking for anything. + When your app starts, you need to trigger the initial render. Frameworks and sandboxes sometimes hide this code, but it's done by calling [`createRoot`](/reference/react-dom/client/createRoot) with the target DOM node, and then calling its `render` method with your component: From ec4712a0ec5effe3d161b285d87f36c09673b9ec Mon Sep 17 00:00:00 2001 From: siddtheone <45398971+siddtheone@users.noreply.github.com> Date: Fri, 21 Feb 2025 16:40:12 +0530 Subject: [PATCH 2/2] Update render-and-commit.md --- src/content/learn/render-and-commit.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md index 22811ee991a..af2138f9245 100644 --- a/src/content/learn/render-and-commit.md +++ b/src/content/learn/render-and-commit.md @@ -38,7 +38,7 @@ There are two reasons for a component to render: ### Initial render {/*initial-render*/} -Intial render is like React is making the customers comfortable when they arrive, by offering them water without them asking for anything. +The initial render in React is like making customers comfortable when they arrive by offering them water before they ask for anything. When your app starts, you need to trigger the initial render. Frameworks and sandboxes sometimes hide this code, but it's done by calling [`createRoot`](/reference/react-dom/client/createRoot) with the target DOM node, and then calling its `render` method with your component: