Add CSS Modules and RTK Query

content/roadmaps/103-react/content-paths.json

@@ -38,6 +38,7 @@
   "styling:mantine": "/roadmaps/103-react/content/107-styling/102-mantine.md",
   "styling:tailwind": "/roadmaps/103-react/content/107-styling/103-tailwind.md",
   "styling:styled-components": "/roadmaps/103-react/content/107-styling/100-styled-components.md",
+  "styling:css-modules": "/roadmaps/103-react/content/107-styling/106-css-modules.md",
   "styling:emotion": "/roadmaps/103-react/content/107-styling/101-emotion.md",
   "api-calls": "/roadmaps/103-react/content/108-api-calls/readme.md",
   "api-calls:apollo": "/roadmaps/103-react/content/108-api-calls/100-apollo.md",
@@ -47,6 +48,7 @@
   "api-calls:axios": "/roadmaps/103-react/content/108-api-calls/105-axios.md",
   "api-calls:superagent": "/roadmaps/103-react/content/108-api-calls/106-superagent.md",
   "api-calls:react-query": "/roadmaps/103-react/content/108-api-calls/104-react-query.md",
+  "api-calls:rtk-query": "/roadmaps/103-react/content/108-api-calls/107-rtk-query.md",
   "testing": "/roadmaps/103-react/content/109-testing/readme.md",
   "testing:jest": "/roadmaps/103-react/content/109-testing/100-jest.md",
   "testing:vitest": "/roadmaps/103-react/content/109-testing/101-vitest.md",
@@ -67,4 +69,4 @@
   "mobile": "/roadmaps/103-react/content/116-mobile/readme.md",
   "mobile:react-native": "/roadmaps/103-react/content/116-mobile/100-react-native.md",
   "react-roadmap-note": "/roadmaps/103-react/content/100-react-roadmap-note.md"
-}
+}

content/roadmaps/103-react/content/107-styling/106-css-modules.md

@@ -0,0 +1,8 @@
+# CSS Modules
+
+CSS files in which all class names and animation names are scoped locally by default.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Official Website' colorScheme="blue" href='https://github.com/css-modules/css-modules'>Project GitHub Repository</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://medium.com/@ralph1786/using-css-modules-in-react-app-c2079eadbb87'>Using CSS Modules In React App</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=pKMWU9OrA2s'>CSS Modules: Why are they great?</BadgeLink>

content/roadmaps/103-react/content/108-api-calls/107-rtk-query.md

@@ -0,0 +1,6 @@
+# rtk-query
+
+[RTK Query](https://redux-toolkit.js.org/rtk-query/overview) is a data fetching and caching tool that is included in the Redux Toolkit package. It is designed to simplify common use cases for fetching data, including caching, polling, and invalidation.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://redux-toolkit.js.org/rtk-query/overview'>RTK Query - Official Website</BadgeLink>