From 6772cbb6da783648e53fd72ff513d0de17d7aa21 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 5 Aug 2026 12:36:52 +0200 Subject: [PATCH] chore: sync content to repo (#10208) Co-authored-by: nilbuild <4921183+nilbuild@users.noreply.github.com> --- .../content/headless-components@MnDgQq9Vcxsu3wDqv5uh2.md | 9 +++++++++ roadmaps/react/content/usestate@FK59Zsm5ENA9g11XWCan_.md | 8 +++++--- 2 files changed, 14 insertions(+), 3 deletions(-) create mode 100644 roadmaps/react/content/headless-components@MnDgQq9Vcxsu3wDqv5uh2.md diff --git a/roadmaps/react/content/headless-components@MnDgQq9Vcxsu3wDqv5uh2.md b/roadmaps/react/content/headless-components@MnDgQq9Vcxsu3wDqv5uh2.md new file mode 100644 index 000000000..0b0827572 --- /dev/null +++ b/roadmaps/react/content/headless-components@MnDgQq9Vcxsu3wDqv5uh2.md @@ -0,0 +1,9 @@ +# Headless Component Libraries + +Headless component libraries have some powerful state, logic and data management tools that do not enforce any UI structure. Consequently, developers are able to build custom UI components with unique styles but that still benefit from strong reusable logics. This kind of library simplifies complex behaviors and accessibility issues in outdoor environments allowing you to create innovative interfaces. With headless components, developers keep code clean and maintainable as a result of the reusability aspect inherent in these, this also guarantees efficient and accessible components enhancing application quality. + +Visit the following resources to learn more: + +- [@article@What are headless components?](https://dev.to/verthon/headless-ui-libraries-the-key-to-flexible-and-accessible-user-interfaces-546p) +- [@article@Headless Components: A Comprehensive Guide](https://blog.logrocket.com/the-complete-guide-to-building-headless-interface-components-in-react/) +- [@video@Rise of Headless Components](https://www.youtube.com/watch?v=_WtVG_pKsxM) \ No newline at end of file diff --git a/roadmaps/react/content/usestate@FK59Zsm5ENA9g11XWCan_.md b/roadmaps/react/content/usestate@FK59Zsm5ENA9g11XWCan_.md index 46df66004..917e0d762 100644 --- a/roadmaps/react/content/usestate@FK59Zsm5ENA9g11XWCan_.md +++ b/roadmaps/react/content/usestate@FK59Zsm5ENA9g11XWCan_.md @@ -1,8 +1,10 @@ # useState Hook -`useState` hook is used to manage the state of a component in functional components. Calling `useState` returns an array with two elements: the current state value and a function to update the state. +`useState` is a React Hook that lets you add state to functional components. When you call `useState`, you get back the current state value and a function to update it, allowing components to store and manage data that persists between renders. Visit the following resources to learn more: -- [@official@Using the State Hook](https://react.dev/reference/react/useState) -- [@article@React useState Hook by Example](https://www.robinwieruch.de/react-usestate-hook/) \ No newline at end of file +- [@official@useState Documentation](https://react.dev/reference/react/useState) +- [@official@State: A Component's Memory](https://react.dev/learn/state-a-components-memory) +- [@official@Adding Interactivity](https://react.dev/learn/adding-interactivity) +- [@article@eact Hooks: useState Explained](https://www.robinwieruch.de/react-usestate-hook/) \ No newline at end of file