From 4bcadc73130bfa51d34f545aa7ced4aad69c63fb Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Fri, 12 Aug 2022 20:03:35 +0400 Subject: [PATCH] Add react refs docs --- .../content/101-react-advanced-topics/102-refs.md | 9 ++++++++- .../content/101-react-advanced-topics/readme.md | 4 +++- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/content/roadmaps/103-react/content/101-react-advanced-topics/102-refs.md b/content/roadmaps/103-react/content/101-react-advanced-topics/102-refs.md index 729c6739b..99972355d 100644 --- a/content/roadmaps/103-react/content/101-react-advanced-topics/102-refs.md +++ b/content/roadmaps/103-react/content/101-react-advanced-topics/102-refs.md @@ -1 +1,8 @@ -# Refs \ No newline at end of file +# Refs + +Refs provide a way to access DOM nodes or React elements created in the render method. + +In the typical React dataflow, props are the only way that parent components interact with their children. To modify a child, you re-render it with new props. However, there are a few cases where you need to imperatively modify a child outside of the typical dataflow. The child to be modified could be an instance of a React component, or it could be a DOM element. For both of these cases, React provides an escape hatch. + +Free Content +Refs and DOM diff --git a/content/roadmaps/103-react/content/101-react-advanced-topics/readme.md b/content/roadmaps/103-react/content/101-react-advanced-topics/readme.md index 2d2b7839c..75a7c3f72 100644 --- a/content/roadmaps/103-react/content/101-react-advanced-topics/readme.md +++ b/content/roadmaps/103-react/content/101-react-advanced-topics/readme.md @@ -1 +1,3 @@ -# React advanced Topics +# Advanced Topics + +Now that you have covered the basics, next we have the advanced topics such as advanced hook topics, context, refs, portals, error boundaries and more.