{"version":"1.0","type":"stack","id":"7a812e61-c1f2-4b5b-ba80-293bb39a4bdc","url":"https://stacklist.com/c/technology/stack/5RaHmTemfr4uad7W9JLl","title":"⚙️ Tools — React Component Libraries","description":"A list of useful pre-built components 🧩","privacy":"public","created_at":"2025-03-07T11:15:30.379Z","updated_at":"2025-03-07T11:15:30.379Z","author":{"username":"thetosinfaith","name":"Tosin Faith ","url":"https://stacklist.com/thetosinfaith","type":"person"},"category":{"id":"technology","name":"technology","url":"https://stacklist.com/c/technology"},"items":[{"id":"d3808316-bdd2-4d1d-ae59-b77fbaca931d","position":1,"title":"Redux Toolkit","url":"https://redux-toolkit.js.org/usage/usage-guide#working-with-non-serializable-data","note":"Learn how to work with non-serializable data in Redux Toolkit, a popular JavaScript library for managing global state in React applications.\n","image":{"url":"https://ucarecdn.com/4c5bdcfe-bc36-4a82-9a9f-42fd28965500/-/crop/408x408/36,92/-/preview/","alt":"Redux Toolkit","width":1200,"height":630},"direct_link":"https://stacklist.com/card/d3808316-bdd2-4d1d-ae59-b77fbaca931d","created_at":"2025-03-07T11:37:20.371Z","updated_at":null},{"id":"deeb2bdd-19e0-4afb-91bc-10634001de0b","position":2,"title":"useNavigate: React Router API","url":"https://reactrouter.com/en/main/hooks/use-navigate","note":"Use navigate to redirect or move forward in the React Router history, implementing a navigation hook for React applications.\n","image":null,"direct_link":"https://stacklist.com/card/deeb2bdd-19e0-4afb-91bc-10634001de0b","created_at":"2025-03-07T11:41:33.832Z","updated_at":null},{"id":"10844366-33a8-4122-995a-360e7b623199","position":3,"title":"Extracting State Logic into a Reducer ","url":"https://react.dev/learn/extracting-state-logic-into-a-reducer","note":"Learn how to break down complex state logic in React by extracting it into a reducer, improving code organization and maintainability.\n","image":{"url":"https://ucarecdn.com/73c872c7-139d-4df7-bea3-ca884078843a/","alt":"Extracting State Logic into a Reducer ","width":1200,"height":630},"direct_link":"https://stacklist.com/card/10844366-33a8-4122-995a-360e7b623199","created_at":"2025-03-07T11:47:51.263Z","updated_at":null},{"id":"043c5386-3fa2-4101-8edc-2aed2bf14ec2","position":4,"title":"JSONPlaceholder - Free Fake REST API","url":"https://jsonplaceholder.typicode.com/","note":"A free online REST API that provides fake data for testing and prototyping purposes, featuring APIs for users, posts, comments, albums, and more.\n","image":{"url":"https://ucarecdn.com/dbe1ea02-a9d7-4156-98d2-78dde9e52754/","alt":"JSONPlaceholder - Free Fake REST API","width":1200,"height":630},"direct_link":"https://stacklist.com/card/043c5386-3fa2-4101-8edc-2aed2bf14ec2","created_at":"2025-03-07T11:51:17.120Z","updated_at":null},{"id":"0bd08568-119c-44ee-bee7-6516ede34122","position":5,"title":"YoungMentor's API Class","url":"https://github.com/youngmentor/Post","note":"Explore and contribute to the Post project on GitHub, creating an account for seamless collaboration and development.\n","image":{"url":"https://ucarecdn.com/b63cc95c-99ec-41b2-8075-72d729f90ace/","alt":"YoungMentor's API Class","width":1200,"height":630},"direct_link":"https://stacklist.com/card/0bd08568-119c-44ee-bee7-6516ede34122","created_at":"2025-03-07T11:55:11.611Z","updated_at":null},{"id":"50b1f0be-00e9-4f22-80bf-9cd06ec24f84","position":6,"title":"Gemini AI Tutorial","url":"https://github.com/Coldcolin/geminiAITutorial","note":"Explore the Gemini AI tutorial repository on GitHub, featuring hands-on lessons and projects to learn AI and machine learning concepts.\n","image":{"url":"https://ucarecdn.com/31933bd6-3b5f-4182-a2e8-cffe08a0b368/","alt":"Gemini AI Tutorial","width":1200,"height":630},"direct_link":"https://stacklist.com/card/50b1f0be-00e9-4f22-80bf-9cd06ec24f84","created_at":"2025-03-07T12:08:44.945Z","updated_at":null},{"id":"b3fd5a48-024e-401f-a780-1a5ad6e91690","position":7,"title":"Gemini API: A Step-by-Step Guide to App Development ","url":"https://www.youtube.com/watch?v=T8wctg9T7RA","note":"Unlock the potential of Gemini API and build your own custom applications with this easy-to-follow tutorial. Get started with Gemini API development today!\n","image":{"url":"https://ucarecdn.com/436afdbe-30bc-455d-bfdf-ce0c49f58330/","alt":"Gemini API: A Step-by-Step Guide to App Development ","width":1200,"height":630},"direct_link":"https://stacklist.com/card/b3fd5a48-024e-401f-a780-1a5ad6e91690","created_at":"2025-03-07T12:12:40.973Z","updated_at":null},{"id":"5d27ff91-6ff8-4854-bcbe-e972d2be5b7d","position":8,"title":"How to Enable Dark Mode in React Application using Tailwind CSS: A Simple 5-Step Guide","url":"https://medium.com/@adebosinadewale_62859/how-to-enable-dark-mode-in-tailwind-css-a-simple-5-step-guide-5a2e44122f8a","note":"Unlock the power of dark mode in your React app with Tailwind CSS. Learn a simple 5-step guide to get started.\n","image":{"url":"https://ucarecdn.com/e5193a29-77dc-49fb-a05c-90c7bc5375c8/","alt":"How to Enable Dark Mode in React Application using Tailwind CSS: A Simple 5-Step Guide","width":1200,"height":630},"direct_link":"https://stacklist.com/card/5d27ff91-6ff8-4854-bcbe-e972d2be5b7d","created_at":"2025-03-07T12:13:25.647Z","updated_at":null},{"id":"11dfe68f-125c-446b-8af8-d4132fd18913","position":9,"title":"Google OAuth 2.0 Login for React in 5 minutes","url":"https://www.youtube.com/watch?v=HtJKUQXmtok","note":"Learn how to implement Google OAuth 2.0 login for React in just 5 minutes. Subscribe to Cooper Codes for more tech tutorials and join CodeLetter, a free 3-minute tech newsletter.\n","image":{"url":"https://ucarecdn.com/dcf8ddb2-eda4-4d5e-b60a-ae9857ac9a70/","alt":"Google OAuth 2.0 Login for React in 5 minutes","width":1200,"height":630},"direct_link":"https://stacklist.com/card/11dfe68f-125c-446b-8af8-d4132fd18913","created_at":"2025-03-07T12:14:59.401Z","updated_at":null},{"id":"d9dcf453-64ea-4d5e-85bd-058d94e96c15","position":10,"title":"Fart.js","url":"https://fartjs.com/","note":"Enhance your web pages with the power of farts using our easy-to-integrate jQuery library. Create a toot on click, a stink bomb on hover, a gentle breeze on submit, or a foul-smelling surprise on errors - the possibilities are endless!\n","image":null,"direct_link":"https://stacklist.com/card/d9dcf453-64ea-4d5e-85bd-058d94e96c15","created_at":"2025-03-16T00:07:01.193Z","updated_at":null},{"id":"7756a0d6-9c56-4b0a-83e2-96eff17b0f4c","position":11,"title":"React Unit Test Handbook + Redux Testing Toolkit","url":"https://www.freecodecamp.org/news/how-to-write-unit-tests-in-react-redux/","note":"In this step-by-step tutorial, you'll learn how to easily start with Unit Tests in React. You'll learn how to write tests for Redux states as well as fundamental Redux slice tests using the React Testing Library and Jest.\n\n","image":{"url":"https://ucarecdn.com/92fb0893-f1ef-404d-85be-5ecafdf98450/","alt":"React Unit Test Handbook + Redux Testing Toolkit","width":1200,"height":630},"direct_link":"https://stacklist.com/card/7756a0d6-9c56-4b0a-83e2-96eff17b0f4c","created_at":"2025-03-22T09:08:31.480Z","updated_at":null},{"id":"6f31dd5f-bf04-42df-810b-b8e69ae05125","position":12,"title":"Google OAuth 2.0 Login for React in 5 minutes ","url":"https://www.youtube.com/watch?v=HtJKUQXmtok","note":"Enjoying my videos? Sign up for more content here: https://www.coopercodes.com/📩 Join CodeLetter by Cooper Codes, the 3 minute tech newsletter: https://thec...\n","image":{"url":"https://ucarecdn.com/dcf8ddb2-eda4-4d5e-b60a-ae9857ac9a70/","alt":"Google OAuth 2.0 Login for React in 5 minutes ","width":1200,"height":630},"direct_link":"https://stacklist.com/card/6f31dd5f-bf04-42df-810b-b8e69ae05125","created_at":"2025-03-31T14:11:37.822Z","updated_at":null},{"id":"55479062-1144-4f04-96a0-4492f3a1f9c7","position":13,"title":"MobX ","url":"https://mobx.js.org/README.html","note":"Discover the reactive state management library for modern JavaScript applications, with a simple and intuitive API.\n","image":{"url":"https://ucarecdn.com/57b49c46-dcc5-49c0-a2cc-0e709f52365e/","alt":"MobX ","width":1200,"height":630},"direct_link":"https://stacklist.com/card/55479062-1144-4f04-96a0-4492f3a1f9c7","created_at":"2025-04-07T23:49:10.737Z","updated_at":null},{"id":"ec1ca20b-f7b4-4c14-abd3-2b781e171295","position":14,"title":"Build your Own React","url":"https://pomb.us/build-your-own-react/","note":"Join a journey to rewrite React from scratch, step by step, with an architecture inspired by the real React code, without the complexities of the actual library.\n","image":{"url":"https://ucarecdn.com/ad769997-8364-485c-bfb2-962a6ade48fb/-/crop/629x628/514,0/-/preview/","alt":"Build your Own React","width":1200,"height":630},"direct_link":"https://stacklist.com/card/ec1ca20b-f7b4-4c14-abd3-2b781e171295","created_at":"2025-04-27T21:50:24.318Z","updated_at":null},{"id":"c6e520e1-7254-4068-bd0c-f52c90d407e4","position":15,"title":"MVPBlocks","url":"https://blocks.mvp-subha.me/","note":"Copy, paste, customize—and launch your idea faster than ever. MVPBlocks is a fully open-source, developer-first component library built using Next.js and TailwindCSS.","image":{"url":"https://ucarecdn.com/b027ed52-551d-4b5b-aeb9-bdf66fb0cbdc/","alt":"MVPBlocks","width":1200,"height":630},"direct_link":"https://stacklist.com/card/c6e520e1-7254-4068-bd0c-f52c90d407e4","created_at":"2025-05-25T10:03:36.470Z","updated_at":null}],"stats":{"likes_count":0,"items_count":15},"_links":{"self":"/api/public/stack/5RaHmTemfr4uad7W9JLl.json","html":"https://stacklist.com/c/technology/stack/5RaHmTemfr4uad7W9JLl","rss":"/api/feeds/stack/5RaHmTemfr4uad7W9JLl/rss","json_feed":"/api/feeds/stack/5RaHmTemfr4uad7W9JLl/json"}}