{"id":22115611,"url":"https://github.com/redlotus-io/reactify","last_synced_at":"2026-04-09T16:37:30.731Z","repository":{"id":54650204,"uuid":"483670220","full_name":"redlotus-io/reactify","owner":"redlotus-io","description":"Boilerplate for react","archived":false,"fork":false,"pushed_at":"2025-03-15T03:50:31.000Z","size":1552,"stargazers_count":1,"open_issues_count":12,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T04:25:40.133Z","etag":null,"topics":["pwa","react","taillwindcss","vite"],"latest_commit_sha":null,"homepage":"https://reactify-bp.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/redlotus-io.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2022-04-20T13:40:10.000Z","updated_at":"2024-12-16T18:02:33.000Z","dependencies_parsed_at":"2023-11-15T03:26:58.528Z","dependency_job_id":"ad7c9608-2649-488f-85d3-16c72264bc5f","html_url":"https://github.com/redlotus-io/reactify","commit_stats":null,"previous_names":[],"tags_count":2,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redlotus-io%2Freactify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redlotus-io%2Freactify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redlotus-io%2Freactify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redlotus-io%2Freactify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/redlotus-io","download_url":"https://codeload.github.com/redlotus-io/reactify/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245213652,"owners_count":20578661,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["pwa","react","taillwindcss","vite"],"created_at":"2024-12-01T12:16:49.700Z","updated_at":"2026-04-09T16:37:30.691Z","avatar_url":"https://github.com/redlotus-io.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![RedLotus-Logo-Dark](.github/base-logo-dark-mode.svg#gh-dark-mode-only)\n![RedLotus-Logo-Light](.github/base-logo-light-mode.svg#gh-light-mode-only)\n\nGet started with React and tailwind. **Get a super boost to your development** 🚀\n\n## 📖 Documentation\nThis boilerplate has all the tooling configured (eslint, prettier, husky, lint-staged, typescript and testing)\n\nTailwind 3 is used for styling.\nIts using [RedLotusUI](https://github.com/redlotus-io/ui) as the component library, which is built with React and Tailwind 3.  It's all configured out of the box.\n\nRouting, folder structure and main page is setup\n\nVite and PWA is working out of the box\n\n---\n\n## Quickstart\nUpdate names in `vite.config.ts`, `package.json` and `index.html` to your project name.\n\nUpdate icons in `public` folder.\n\n# Development\nEnsure you have the latest LTS version of Node.js installed\n\n### Install dependencies\n`yarn`\n\n### Start server with hot reload\n`yarn start` or `yarn dev`\n\n---\n# 📦 Converting project to reactify standards\n\n- Copy everything from `tsconfig.json` to your project's `tsconfig.json`\n  - Remove tsconfig.node.json\n- Add .eslintrc.yaml file\n```bash\nextends:\n  - eslint-config-redlotus-react/dist/main\n```\n- Remove old eslintrc and prettierrc files\n- Copy .prettierignore and .eslintignore\n\n- Add `npx lint-staged` to husky pre-commit\n- Add this to your package.json\n```bash\n  \"lint-staged\": {\n    \"*.{js,jsx,ts,tsx,md,graphql}\": \"yarn lint:fix\"\n  }\n```\n- Add these scripts to package.json\n  -  `\"lint:fix\": \"eslint --fix --ext .js,.ts,.tsx ./src --ignore-path .gitignore\",`\n  -  `\"clean\": \"rm -rf node_modules/ \u0026\u0026 rm -rf yarn.lock \u0026\u0026 yarn\",`\n\n\n- Copy next line from tailwind.config.js\n\n    `content: [\"./index.html\", \"./src/**/*.{js,jsx,ts,tsx}\"],`\n\n- Also there may be other things that you need to copy from tailwind.config.js\n\n- Remove `prepare` and `prettier` script\n\n- Remove following packages\n  - These come from eslint-config-redlotus-react\n    - @typescript-eslint/eslint-plugin\n    - @typescript-eslint/parser\n    - eslint\n    - eslint-config-prettier\n    - eslint-import-resolver-typescript\n    - eslint-plugin-import\n    - eslint-plugin-jest-dom\n    - eslint-plugin-jsx-a11y\n    - eslint-plugin-react\n    - eslint-plugin-react-hooks\n    - eslint-plugin-tailwindcss\n    - eslint-plugin-testing-library\n    - prettier\n\n`yarn remove @emotion/react @emotion/styled @headlessui/react @react-hook/window-size clsx`\n\n`yarn remove date-fns`\n\n`yarn remove formik framer-motion react-icons`\n\n`yarn remove @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-prettier eslint-import-resolver-typescript eslint-plugin-import eslint-plugin-jest-dom eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-tailwindcss eslint-plugin-testing-library prettier`\n\n`yarn add -D @redlotus/typescript-config eslint-config-redlotus-react lint-staged`\n\nrun `yarn clean` to make sure there are no missing packages\n\nJust incase copy vite.config.ts from this project to your project and check if there are major changes\n\nMake sure the project runs\n\nFix eslint errors by running `yarn lint:fix`\n\n!!Update packages\n\nAdd from src/types/pwa.d.ts to your project\n\n### If everything works, then proceed with next steps\n\nMove routing to routes.tsx Find example [here](https://github.com/redlotus-io/ui/blob/main/src/routes/routes.tsx)\n\nRemove moment and replace it with date-fns\n\nRemove from src folder:\n- useIsMobile hook\n- SidebarContext\n- Most of the components\n\n## To add threejs\n\n`yarn add three @react-three/fiber @react-three/drei`\n`yarn add -D r3f-perf @react-three/editor @types/three`\n\nIn vite.config.ts\n`// import { r3f } from \"@react-three/editor/vite\";`\nadd `// r3f(),` above `react(),`, if you want to use @react-three/editor\n\n---\n\n## License\n\n[MIT](./LICENSE)\n\nCopyright (c) 2022, tomimarkus991","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredlotus-io%2Freactify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fredlotus-io%2Freactify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredlotus-io%2Freactify/lists"}