From 1f3bf761cd00315aacc2bb8bb605b57818a74541 Mon Sep 17 00:00:00 2001 From: Sricharan Krishnan Date: Fri, 6 Jan 2023 17:22:32 +0530 Subject: [PATCH] Add resources for React (#3245) * [Build] React Roadmap 1. Came across two other interesting topics related to props and state in react 2. Would like to suggest that we add these to the list as well as they highlight something important 3. One is from robinwieruch and the other from Dominik Dorfmeister (TkDodo) * [Build] React Roadmap Contributions 1. Added one topic for Composition vs Inheritance 2. Added topics for Props vs State 3. Added topic for Render Props --- src/roadmaps/react/content/102-components/103-props-vs-state.md | 2 ++ .../content/102-components/105-composition-vs-inheritance.md | 1 + src/roadmaps/react/content/103-rendering/102-render-props.md | 1 + 3 files changed, 4 insertions(+) diff --git a/src/roadmaps/react/content/102-components/103-props-vs-state.md b/src/roadmaps/react/content/102-components/103-props-vs-state.md index 8146bc683..f23f1bdf9 100644 --- a/src/roadmaps/react/content/102-components/103-props-vs-state.md +++ b/src/roadmaps/react/content/102-components/103-props-vs-state.md @@ -7,3 +7,5 @@ Visit the following resources to learn more: - [Component State](https://reactjs.org/docs/faq-state.html) - [How to use Props in React](https://www.robinwieruch.de/react-pass-props-to-component/) - [What is the difference between state and props in React?](https://stackoverflow.com/questions/27991366/what-is-the-difference-between-state-and-props-in-react) +- [How to update state from props in React](href='https://www.robinwieruch.de/react-derive-state-props/) +- [Putting props to useState](https://tkdodo.eu/blog/putting-props-to-use-state) diff --git a/src/roadmaps/react/content/102-components/105-composition-vs-inheritance.md b/src/roadmaps/react/content/102-components/105-composition-vs-inheritance.md index c83e8fe61..9f30ade85 100644 --- a/src/roadmaps/react/content/102-components/105-composition-vs-inheritance.md +++ b/src/roadmaps/react/content/102-components/105-composition-vs-inheritance.md @@ -6,3 +6,4 @@ Visit the following resources to learn more: - [Composition vs Inheritance](https://reactjs.org/docs/composition-vs-inheritance.html) - [How to perform component composition in React](https://www.robinwieruch.de/react-component-composition/) +- [Achieving Reusability With React Composition](https://formidable.com/blog/2021/react-composition/) diff --git a/src/roadmaps/react/content/103-rendering/102-render-props.md b/src/roadmaps/react/content/103-rendering/102-render-props.md index 07d6683cc..af2c0ed21 100644 --- a/src/roadmaps/react/content/103-rendering/102-render-props.md +++ b/src/roadmaps/react/content/103-rendering/102-render-props.md @@ -8,3 +8,4 @@ Visit the following resources to learn more: - [Render Props in React](https://reactjs.org/docs/render-props.html) - [How to create a Render Prop Component](https://www.robinwieruch.de/react-render-props/) +- [Render Props Pattern](https://www.patterns.dev/posts/render-props-pattern/)