{"id":25365552,"url":"https://github.com/wednesday-solutions/react-floki","last_synced_at":"2026-03-06T09:03:32.425Z","repository":{"id":41383999,"uuid":"202207735","full_name":"wednesday-solutions/react-floki","owner":"wednesday-solutions","description":"A CLI tool that works with the react template and allows you to scaffold tests, containers, components and stitches them all together preventing wastage of time in setup and boilerplate code.","archived":false,"fork":false,"pushed_at":"2024-07-08T07:27:50.000Z","size":71105,"stargazers_count":38,"open_issues_count":15,"forks_count":12,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-01-13T05:46:44.089Z","etag":null,"topics":["component","components","container","es6","javascript","javascript-library","plop","plop-generators","react","react-components","react-intl","react-redux","redux","saga","scaffolding","selector","template","testing","testing-library","testing-library-react"],"latest_commit_sha":null,"homepage":"https://wednesday.is/building-products/?utm_source=github\u0026utm_medium=react-floki","language":"JavaScript","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/wednesday-solutions.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}},"created_at":"2019-08-13T19:02:44.000Z","updated_at":"2024-07-31T11:12:19.000Z","dependencies_parsed_at":"2023-01-26T04:46:07.566Z","dependency_job_id":null,"html_url":"https://github.com/wednesday-solutions/react-floki","commit_stats":null,"previous_names":[],"tags_count":35,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wednesday-solutions%2Freact-floki","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wednesday-solutions%2Freact-floki/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wednesday-solutions%2Freact-floki/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wednesday-solutions%2Freact-floki/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wednesday-solutions","download_url":"https://codeload.github.com/wednesday-solutions/react-floki/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238815213,"owners_count":19535223,"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":["component","components","container","es6","javascript","javascript-library","plop","plop-generators","react","react-components","react-intl","react-redux","redux","saga","scaffolding","selector","template","testing","testing-library","testing-library-react"],"created_at":"2025-02-14T23:28:23.623Z","updated_at":"2025-10-30T02:30:23.471Z","avatar_url":"https://github.com/wednesday-solutions.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg align=\"left\" src=\"https://github.com/wednesday-solutions/react-floki/blob/master/react_floki_github.svg\" width=\"480\" height=\"520\" /\u003e\n\n\u003cdiv\u003e\n  \u003ca href=\"https://www.wednesday.is/?utm_source=github\u0026utm_medium=react-floki\" align=\"left\" style=\"margin-left: 0;\"\u003e\n    \u003cimg src=\"https://uploads-ssl.webflow.com/5ee36ce1473112550f1e1739/5f5879492fafecdb3e5b0e75_wednesday_logo.svg\"\u003e\n  \u003c/a\u003e\n  \u003cp\u003e\n    \u003ch1 align=\"left\"\u003eReact Floki\n    \u003c/h1\u003e\n  \u003c/p\u003e\n\n  \u003cp\u003e\nA CLI tool that works with the react template and allows you to scaffold tests, containers, components and stitches them all together preventing wastage of time in setup and boilerplate code.\n  \u003c/p\u003e\n\n  ___\n\n\n  \u003cp\u003e\n    \u003ch4\u003e\n      Expert teams of digital product strategists, developers, and designers.\n    \u003c/h4\u003e\n  \u003c/p\u003e\n\n  \u003cdiv\u003e\n    \u003ca href=\"https://www.wednesday.is/contact-us/?utm_source=github\u0026utm_medium=react-floki\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://uploads-ssl.webflow.com/5ee36ce1473112550f1e1739/5f6ae88b9005f9ed382fb2a5_button_get_in_touch.svg\" width=\"121\" height=\"34\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/wednesday-solutions/\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://uploads-ssl.webflow.com/5ee36ce1473112550f1e1739/5f6ae88bb1958c3253756c39_button_follow_on_github.svg\" width=\"168\" height=\"34\"\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e\n\n  ___\n\n  \u003cspan\u003eWe’re always looking for people who value their work, so come and join us. \u003ca href=\"https://www.wednesday.is/hiring/?utm_source=github\u0026utm_medium=react-floki\"\u003eWe are hiring!\u003c/a\u003e\u003c/span\u003e\n\u003c/div\u003e\n\n## Installation\n\n### Globally install react-generate\n\n`npm install -g react-floki`\n\n**OR**\n\n`yarn global add react-floki`\n\n## Examples of generated files\n\n- [Container](generated-files/container)\n- [Component](generated-files/component)\n- [Loadable](generated-files/loadable)\n- [Test-util](generated-files/test-util)\n\n## Generating containers with tests and stories\n\n![](screenshots/gcon.png)\n\n## Generate components with tests and stories\n\n![](screenshots/gcom.png)\n\n## Documentation\n\n### Help\n\nTo get a list of commands and usage hints use\n\n```\nreact-generate --help\n```\n\n### Creating a new React Application\n\n```\nreact-generate init movie-rating\n```\n\n### Generating tests for all existing components and containers\n\n**Creating a test for a container or component:** `react-generate gt`\n\n**Creating a test for an existing component:** `react-generate gtcom`\n\n**Creating a test for an existing container:** `react-generate gtcon`\n\n### Forcefully generating tests for all existing components and containers\n\n**Forcefully creating a test for a container or component:** `react-generate gtf`\n\n**Forcefully creating a test for an existing component:** `react-generate gtcomf`\n\n**Forcefully creating a test for an existing container:** `react-generate gtconf`\n\n### Generating components and containers\n\n**Creating a container or component:** `react-generate g`\n\n**Creating a component:** `react-generate gcom`\n\n**Creating a container:** `react-generate gcon`\n\n### Forcefully generating components and containers\n\n**Forcefully creating a container or component:** `react-generate gf`\n\n**Forcefully creating a component:** `react-generate gcomf`\n\n**Forcefully creating a container:** `react-generate gconf`\n\n### Generating tests for all existing components and containers\n\n**Generate test for all components in directory:** `react-generate --all component \u003cpath-to-components\u003e`\n\n**Generate test for all containers in directory:** `react-generate --all containers \u003cpath-to-containers\u003e`\n\n### Generating a testUtils file with some utility functions for tests\n\n**Generate a test util file:** `react-generate gtutil`\n\n### Generating a utility for a loadable file using React 16 lazy and Suspense\n\n**Generating a utility for a loadable file :** `react-generate gloadable`\n\n# Advanced\n\n## Example Usages\n\n**Creating a test by specifying type, path and name:** `react-generate gt component src/app Button`\n\n**Creating a test for an existing component by specifying path and name:** `react-generate gtcom src/app Button`\n\n**Creating a test for an existing container by specifying path and name:** `react-generate gtcon src/app HomePage`\n\n**Creating a component/container by specifying type, path and name:** `react-generate g component src/app Button`\n\n**Creating a component by specifying path and name:** `react-generate gcom src/app Button`\n\n**Creating a container by specifying path and name:** `react-generate gcon src/app HomePage`\n\n**Generate test for all components in directory:** `react-generate --all component src/app/components`\n\n**Generate test for all containers in directory:** `react-generate --all container src/app/containers`\n\n# Projects using it\n\n- [React Template](https://github.com/wednesday-solutions/react-template)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwednesday-solutions%2Freact-floki","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwednesday-solutions%2Freact-floki","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwednesday-solutions%2Freact-floki/lists"}