{"id":14985473,"url":"https://github.com/zjefersound/react-essentials","last_synced_at":"2026-02-11T08:04:39.519Z","repository":{"id":248017979,"uuid":"827501335","full_name":"zjefersound/react-essentials","owner":"zjefersound","description":"This project shows some of my best public resources for creating react interfaces. You'll find components and services for your projects","archived":false,"fork":false,"pushed_at":"2024-10-16T23:26:31.000Z","size":1426,"stargazers_count":1,"open_issues_count":7,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-03T13:45:08.412Z","etag":null,"topics":["components","declarative-ui","guide","library","project","radix","radix-ui","react","react-essentials","reactjs","starter","storybook","tailwind","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://react-essentials-opal.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zjefersound.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-11T19:16:32.000Z","updated_at":"2024-10-13T15:16:27.000Z","dependencies_parsed_at":"2024-10-18T03:33:53.252Z","dependency_job_id":null,"html_url":"https://github.com/zjefersound/react-essentials","commit_stats":{"total_commits":133,"total_committers":2,"mean_commits":66.5,"dds":"0.15037593984962405","last_synced_commit":"6910a0cfbb30ab004fd682bf0caa3c3e335b3dac"},"previous_names":["zjefersound/react-essentials"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zjefersound/react-essentials","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zjefersound%2Freact-essentials","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zjefersound%2Freact-essentials/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zjefersound%2Freact-essentials/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zjefersound%2Freact-essentials/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zjefersound","download_url":"https://codeload.github.com/zjefersound/react-essentials/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zjefersound%2Freact-essentials/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29329574,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-11T06:13:03.264Z","status":"ssl_error","status_checked_at":"2026-02-11T06:12:55.843Z","response_time":97,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","declarative-ui","guide","library","project","radix","radix-ui","react","react-essentials","reactjs","starter","storybook","tailwind","tailwindcss","typescript"],"created_at":"2024-09-24T14:11:01.176Z","updated_at":"2026-02-11T08:04:39.506Z","avatar_url":"https://github.com/zjefersound.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ⚛️ React Essentials\n\n\u003cimg class=\"inline-block\" src=\"https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\" alt=\"ReactJS\"/\u003e \u003cimg class=\"inline-block\" src=\"https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\" alt=\"Typescript\" /\u003e \u003cimg class=\"inline-block\" src=\"https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" alt=\"Tailwind CSS\" /\u003e \u003cimg class=\"inline-block\" src=\"https://img.shields.io/badge/-Storybook-FF4785?style=for-the-badge\u0026logo=storybook\u0026logoColor=white\" alt=\"Storybook\" /\u003e\n\nTo create good React projects you must have good components and reusable code. You may find thousands of examples online, but what if you could get the most important features in one place?\n\n## 🎯 Principles\n\nThis project aims to be an open-source guide for new projects. It's open for collaborators to request fixes and give ideas. The code contains hooks, components, and helper functions for your React project.\n\n## 🧰 Components\n\nThere are plenty of components available in the Storybook Documentation, take a look! \n\n[🔗 React Essentials Storybook](https://react-essentials-opal.vercel.app/)\n\n### Recommended folder structure:\n\n```\n📂src\n  ...\n  📂components\n    (your components...)\n    📂form // recommended, but not required\n    📂ui // recommended, but not required\n```\n\n## ⚓ Hooks\n\n- useForm (coming soon :] )\n\n### Recommended folder structure:\n\n```\n📂src\n  ...\n  📂hooks\n    (your hooks...)\n```\n\n## 🔧 Helpers\n\nCommon helper functions (a.k.a. utils) that will be used throughout the application. For example formatting, conversions, etc.\n\n### Recommended folder structure:\n\n```\n📂src\n  ...\n  📂utils\n    (your helpers...)\n```\n\n## 📖 Types\n\nSome components depend on global types\n\n### Recommended folder structure:\n\n```\n📂src\n  ...\n  📂models\n    (react-essentials required types...)\n```\n\n\n## 📚 Important Docs:\n\n- [Dialog](/docs/Dialog.md)\n- [File Input](/docs/FileInput.md)\n- [Smart Field](/docs/SmartField.md)\n- [Smart Form](/docs/SmartForm.md)\n- [Toast](/docs/Toast.md)\n- [useForm](/docs/useForm.md)\n- [useSmartForm](/docs/useSmartForm.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzjefersound%2Freact-essentials","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzjefersound%2Freact-essentials","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzjefersound%2Freact-essentials/lists"}