{"id":19149273,"url":"https://github.com/restuwahyu13/react-fakers","last_synced_at":"2025-05-07T04:42:24.378Z","repository":{"id":40340577,"uuid":"313383110","full_name":"restuwahyu13/react-fakers","owner":"restuwahyu13","description":"React-Fakers is a collection of dummy data for application development testing","archived":false,"fork":false,"pushed_at":"2025-03-16T04:21:58.000Z","size":4723,"stargazers_count":8,"open_issues_count":63,"forks_count":5,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-07T04:42:15.839Z","etag":null,"topics":["development-tools","dummy-api","dummy-data","dummy-data-generator","fake-content","fake-data","faker","faker-library","fakerjs","react","react-faker","react-fakers","reactjs","toolkit"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/restuwahyu13.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","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":"2020-11-16T17:51:53.000Z","updated_at":"2024-12-31T19:26:09.000Z","dependencies_parsed_at":"2024-05-31T08:00:56.860Z","dependency_job_id":"77c34c80-6f0d-4cfa-bbb9-374371987e72","html_url":"https://github.com/restuwahyu13/react-fakers","commit_stats":{"total_commits":49,"total_committers":2,"mean_commits":24.5,"dds":"0.30612244897959184","last_synced_commit":"2f55b55e9253c667b4533165228e431dc474498e"},"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/restuwahyu13%2Freact-fakers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/restuwahyu13%2Freact-fakers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/restuwahyu13%2Freact-fakers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/restuwahyu13%2Freact-fakers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/restuwahyu13","download_url":"https://codeload.github.com/restuwahyu13/react-fakers/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252816517,"owners_count":21808702,"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":["development-tools","dummy-api","dummy-data","dummy-data-generator","fake-content","fake-data","faker","faker-library","fakerjs","react","react-faker","react-fakers","reactjs","toolkit"],"created_at":"2024-11-09T08:07:27.233Z","updated_at":"2025-05-07T04:42:24.361Z","avatar_url":"https://github.com/restuwahyu13.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## React Fakers\n\n**React Fakers** is a collection of dummy data from the most popular dummy data providers such as **Json Place Holder, Faker, Pokemon, etc**, for application development testing.\n\n[![Build Status](https://travis-ci.com/restuwahyu13/react-fakers.svg?branch=main)](https://travis-ci.com/restuwahyu13/react-fakers) [![npm version](https://badge.fury.io/js/react-fakers.svg)](https://badge.fury.io/js/react-fakers) ![npm bundle size](https://img.shields.io/bundlephobia/min/react-fakers) ![npm bundle size (version)](https://img.shields.io/bundlephobia/minzip/react-fakers/1.0.1-rc1) ![Snyk Vulnerabilities for GitHub Repo](https://img.shields.io/snyk/vulnerabilities/github/restuwahyu13/react-fakers) ![npm](https://img.shields.io/npm/dm/react-fakers) [![Open Source Helpers](https://www.codetriage.com/restuwahyu13/react-fakers/badges/users.svg)](https://www.codetriage.com/restuwahyu13/react-fakers) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/restuwahyu13/react-fakers/blob/main/CONTRIBUTING.md)\n\n\u003cimg src=\"./cover.png\" alt=\"logo\" width=\"850\" height=\"750\" style=\"object-fit:cover\"/\u003e\n\n## TABLE OF CONTENT\n\n- [Get Started](#get-started)\n  - [Installation](#INSTALLATION)\n  - [Example Usage](#EXAMPLE-USAGE)\n  - [API Reference](#API-REFERENCE)\n  - [API Status](#API-STATUS)\n  - [API List](#API-LIST)\n  - [Translation](#TRANSLATION)\n  - [Notes](#NOTES)\n  - [Contributing](#CONTRIBUTING)\n  - [Bugs](#BUGS)\n  - [Author](#AUTHOR)\n  - [License](#LICENSE)\n\n### INSTALLATION\n\n```sh\nnpm i react-fakers | yarn add react-fakers\n```\n\n### EXAMPLE USAGE\n\n- **Hooks**\n\n  - **useFaker**\n\n  ```js\n  import React, { useState, useEffect } from 'react'\n  import { useFaker } from 'react-fakers'\n\n  const App = () =\u003e {\n    const { success, error, loading } = useFaker()\n\n    if (error) {\n      alert(error.message)\n    }\n\n    return (\n      \u003c\u003e\n        {!loading \u0026\u0026 \u003ch4\u003eLoading....\u003c/h4\u003e}\n        \u003cul\u003e\n          {loading \u0026\u0026\n            success.map((val, id) =\u003e (\n              \u003cli key={val.uuid}\u003e\n                {val.firstname} {val.lastname} - {val.email}\n              \u003c/li\u003e\n            ))}\n        \u003c/ul\u003e\n      \u003c/\u003e\n    )\n  }\n\n  export default App\n  ```\n\n  - **useFaker With Params**\n\n  ```js\n  import React, { useState, useEffect } from 'react'\n  import { useFaker } from 'react-fakers'\n\n  const App = () =\u003e {\n  \n    const { success, error, loading } = useFaker({\n      type: 'addresses',\n      params: { addresses: { quantity: 5 } }\n    })\n\n    if (error) {\n      alert(error.message)\n    }\n\n    return (\n        \u003c\u003e\n        {!loading \u0026\u0026 \u003ch4\u003eLoading....\u003c/h4\u003e}\n         \u003cul\u003e\n          {loading \u0026\u0026\n            success.map((val, id) =\u003e (\n              \u003cli key={val.uuid}\u003e\n                {val.firstname} {val.lastname} - {val.email}\n              \u003c/li\u003e\n            ))}\n        \u003c/ul\u003e\n      \u003c/\u003e\n    )\n  }\n\n  export default App\n  ```\n\n  - **useJsonPlaceHolder**\n\n  ```js\n  import React, { useState, useEffect } from 'react'\n  import { useJsonPlaceHolder } from 'react-fakers'\n\n  const App = () =\u003e {\n  \n    const { success, error, loading } = useJsonPlaceHolder()\n\n    if (error) {\n      alert(error.message)\n    }\n\n    return (\n      \u003c\u003e\n        {!loading \u0026\u0026 \u003ch4\u003eLoading....\u003c/h4\u003e}\n         \u003cul\u003e\n          {loading \u0026\u0026\n            success.map((val, id) =\u003e (\n              \u003cli key={id}\u003e\n                {val.name} - {val.email}\n              \u003c/li\u003e\n            ))}\n        \u003c/ul\u003e\n      \u003c/\u003e\n    )\n  }\n\n  export default App\n  ```\n\n  - **useJsonPlaceHolder With Params**\n\n  ```js\n  import React, { useState, useEffect } from 'react'\n  import { useJsonPlaceHolder } from 'react-fakers'\n\n  const App = () =\u003e {\n\n    const { success, error, loading } = useJsonPlaceHolder({\n      type: 'posts',\n      params: { posts: { userId: 1 } },\n      options: { limit: 3 }\n    })\n\n    if (error) {\n      alert(error.message)\n    }\n\n    return (\n      \u003c\u003e\n        {!loading \u0026\u0026 \u003ch4\u003eLoading....\u003c/h4\u003e}\n         \u003cul\u003e\n          {loading \u0026\u0026\n            success.map((val, id) =\u003e (\n              \u003cli key={id}\u003e\n                {val.id} - {val.title}\n              \u003c/li\u003e\n            ))}\n        \u003c/ul\u003e\n      \u003c/\u003e\n    )\n  }\n\n  export default App\n  ```\n\n- **Components**\n\n  - **Faker**\n\n  ```js\n  import React, { Component } from 'react'\n  import { Faker } from 'react-fakers'\n\n  class App extends Component {\n    constructor(props) {\n      super(props)\n      this.state = {\n        loading: false,\n        data: []\n      }\n    }\n\n    onSuccess = (res) =\u003e {\n      this.setState({\n        loading: true,\n        data: res\n      })\n    }\n\n    onError = (error) =\u003e {\n      if (error) {\n        alert(error.message)\n      }\n    }\n\n    render() {\n      return (\n        \u003c\u003e\n          \u003cFaker success={this.onSuccess} error={this.onError} /\u003e\n\n           {!this.state.loading \u0026\u0026 \u003ch4\u003eLoading....\u003c/h4\u003e}\n            \u003cul\u003e\n              {this.state.loading \u0026\u0026\n                this.state.data.map((val, id) =\u003e (\n                  \u003cli key={val.uuid}\u003e\n                    {val.firstname} {val.lastname} - {val.email}\n                  \u003c/li\u003e\n                ))}\n           \u003c/ul\u003e\n        \u003c/\u003e\n      )\n    }\n  }\n\n  export default App\n  ```\n\n  - **Faker With Params**\n\n  ```js\n  import React, { Component } from 'react'\n  import { Faker } from 'react-fakers'\n\n  class App extends Component {\n    constructor(props) {\n      super(props)\n      this.state = {\n        loading: false,\n        data: []\n      }\n    }\n\n    onSuccess = (res) =\u003e {\n      this.setState({\n        loading: true,\n        data: res\n      })\n    }\n\n    onError = (error) =\u003e {\n      if (error) {\n        alert(error.message)\n      }\n    }\n\n    render() {\n      return (\n        \u003c\u003e\n          \u003cFaker\n            success={this.onSuccess}\n            error={this.onError}\n            type='addresses'\n            params={{ addresses: { quantity: 5 } }}\n          /\u003e\n\n          {!this.state.loading \u0026\u0026 \u003ch4\u003eLoading....\u003c/h4\u003e}\n          \u003cul\u003e\n            {this.state.loading \u0026\u0026\n              this.state.data.map((val, id) =\u003e (\n                \u003cli key={val.uuid}\u003e\n                  {val.street} - {val.streetName} - {val.zipcode}\n                \u003c/li\u003e\n              ))}\n          \u003c/ul\u003e\n        \u003c/\u003e\n      )\n    }\n  }\n\n  export default App\n  ```\n\n  - **JsonPlaceHolder**\n\n  ```js\n  import React, { Component } from 'react'\n  import { JsonPlaceHolder } from 'react-fakers'\n\n  class App extends Component {\n    constructor(props) {\n      super(props)\n      this.state = {\n        loading: false,\n        data: []\n      }\n    }\n\n    onSuccess = (res) =\u003e {\n      this.setState({\n        loading: true,\n        data: res\n      })\n    }\n\n    onError = (error) =\u003e {\n      if (error) {\n        alert(error.message)\n      }\n    }\n\n    render() {\n      return (\n        \u003c\u003e\n          \u003cJsonPlaceHolder success={this.onSuccess} error={this.onError} /\u003e\n\n          {!this.state.loading \u0026\u0026 \u003ch4\u003eLoading....\u003c/h4\u003e}\n          \u003cul\u003e\n            {this.state.loading \u0026\u0026\n              this.state.data.map((val, id) =\u003e (\n                \u003cli key={id}\u003e\n                  {val.name} - {val.email}\n                \u003c/li\u003e\n              ))}\n          \u003c/ul\u003e \n        \u003c/\u003e\n      )\n    }\n  }\n\n  export default App\n  ```\n\n  - **JsonPlaceHolder With Params**\n\n  ```js\n  import React, { Component } from 'react'\n  import { JsonPlaceHolder } from 'react-fakers'\n\n  class App extends Component {\n    constructor(props) {\n      super(props)\n      this.state = {\n        loading: false,\n        data: []\n      }\n    }\n\n    onSuccess = (res) =\u003e {\n      this.setState({\n        loading: true,\n        data: res\n      })\n    }\n\n    onError = (error) =\u003e {\n      if (error) {\n        alert(error.message)\n      }\n    }\n\n    render() {\n      return (\n        \u003c\u003e\n          \u003cJsonPlaceHolder\n            success={this.onSuccess}\n            error={this.onError}\n            type='posts'\n            params = {{ posts: { userId: 1 } }},\n            options={{ limit: 3 }}\n          /\u003e\n\n          {!this.state.loading \u0026\u0026 \u003ch4\u003eLoading....\u003c/h4\u003e}\n          \u003cul\u003e\n            {this.state.loading \u0026\u0026\n              this.state.data.map((val, id) =\u003e (\n                \u003cli key={val.uuid}\u003e\n                  {val.id} - {val.title}\n                \u003c/li\u003e\n              ))}\n          \u003c/ul\u003e\n        \u003c/\u003e\n      )\n    }\n  }\n\n  export default App\n  ```\n\n### API REFERENCE\n\n- **HOOKS**\n\n| Name                   | Property | Type Data | Optional/Required | Default Value                       | Description                                          |\n| ---------------------- | -------- | --------- | ----------------- | ----------------------------------- | ---------------------------------------------------- |\n| **useFaker**           | type     | _string_  | _optional_        | users                               | To display dummy data from the Faker API             |\n|                        | params   | _object_  | _optional_        | { }                                 |                                                      |\n| **useJsonPlaceHolder** | type     | _string_  | _optional_        | users                               | To display dummy data from the Json Place Holder API |\n|                        | params   | _object_  | _optional_        | { }                                 |                                                      |\n|                        | options  | _object_  | _optional_        | { limit: 0 }                        |                                                      |\n|                        | filters  | _object_  | _optional_        | { }                                 |                                                      |\n| **useDummy**           | type     | _object_  | _optional_        | user                                | To display dummy data from the Dummy API             |\n|                        | apiKey   | _string_  | _optional_        | 5faa1fab5317ae96860c0be3            |                                                      |\n|                        | params   | _object_  | _optional_        | { }                                 |                                                      |\n|                        | options  | _object_  | _optional_        | { limit: 0 }                        |                                                      |\n|                        | filters  | _object_  | _optional_        | { }                                 |                                                      |\n| **useUIFaces**         | apiKey   | _string_  | _optional_        | 43651248-182440F6-8653E4E2-5438FCB2 | To display dummy data from the UI Faces API          |\n|                        | params   | _object_  | _optional_        | { limit: 10 }                       |                                                      |\n| **useStarWars**        | type     | _string_  | _optional_        | people                              | To display dummy data from the Star Wars API        | \n|                        | params   | _object_  | _optional_        | { }                                 |                                                      |\n|                        | options  | _object_  | _optional_        | { limit: 0 }                        |                                                      |\n|                        | filters  | _object_  | _optional_        | { }                                 |                                                      |\n\n\n- **COMPONENTS**\n\n| Name                | Property | Type Data  | Optional/Required | Default Value                       | Description                                          |\n| ------------------- | -------- | ---------- | ----------------- | ----------------------------------- | ---------------------------------------------------- |\n| **Faker**           | success  | _function_ | _required_        |                                     | To display dummy data from the Faker API             |\n|                     | error    | _function_ | _optional_        |                                     |                                                      |\n|                     | type     | _string_   | _optional_        | users                               |                                                      |\n|                     | params   | _object_   | _optional_        |                                     |                                                      |\n| **JsonPlaceHolder** | success  | _function_ | _required_        |                                     | To display dummy data from the Json Place Holder API |\n|                     | error    | _function_ | _optional_        |                                     |                                                      |\n|                     | type     | _string_   | _optional_        | users                               |                                                      |\n|                     | options  | _object_   | _optional_        | { limit: 0 }                        |                                                      |\n|                     | filters  | _object_   | _optional_        | { }                                 |                                                      |\n| **Dummy**           | success  | _function_ | _required_        |                                     | To display dummy data from the Dummy API             |\n|                     | error    | _function_ | _optional_        |                                     |                                                      |\n|                     | apiKey   | _string_   | _optional_        | 5faa1fab5317ae96860c0be3            |                                                      |\n|                     | params   | _object_   | _optional_        | { }                                 |                                                      |\n|                     | options  | _object_   | _optional_        | { limit: 0 }                        |                                                      |\n|                     | filters  | _object_   | _optional_        | { }                                 |                                                      |\n| **UIFaces**         | success  | _function_ | _required_        |                                     | To display dummy data from the UI Faces API          |\n|                     | error    | _function_ | _optional_        |                                     |                                                      |\n|                     | apiKey   | _string_   | _optional_        | 43651248-182440F6-8653E4E2-5438FCB2 |                                                      |\n|                     | params   | _object_   | _optional_        | { limit: 10 }                       |                                                      |\n\n### API STATUS\n\n| API Name          | API Key | Call Per/Day | Call Per/Month |\n| ----------------- | ------- | ------------ | -------------- |\n| Faker             | No      | Unlimited    | Unlimited      |\n| Json Place Holder | No      | Unlimited    | Unlimited      |\n| Dummy API         | Yes     | 500          | Undefined      |\n| UI Faces          | Yes     | 500          | Undefined      |\n| Star Wars         | No      | Unlimited    | Unlimited      | \n\n### API LIST\n\n| API Name          | Status      | Documentation                              |\n| ----------------- | ----------- | ------------------------------------------ |\n| Faker             | Ready       | [Click Here](https://tinyurl.com/yy8m2xvo) |\n| Json Place Holder | Ready       | [Click Here](https://tinyurl.com/y5s3yfkg) |\n| Dummy API         | Ready       | [Click Here](https://tinyurl.com/y5a6dew8) |\n| UI Faces          | Ready       | [Click Here](https://tinyurl.com/y4cv59qy) |\n| Pokemon           | Coming Soon | [Click Here]()                             |\n| Star Wars         | Ready       | [Click Here](https://swapi.dev/)           |\n| Marvel            | Coming Soon | [Click Here]()                             |\n| Harry Potter      | Coming Soon | [Click Here]()                             |\n| IMDB              | Coming Soon | [Click Here]()                             |\n| The Cat           | Coming Soon | [Click Here]()                             |\n| Anime             | Coming Soon | [Click Here]()                             |\n| Ricky And Morty   | Coming Soon | [Click Here]()                             |\n| Unsplash          | Coming Soon | [Click Here]()                             |\n| Listen Notes      | Coming Soon | [Click Here]()                             |\n\n### TRANSLATION\n\n- [Indonesian](https://github.com/restuwahyu13/react-fakers/blob/main/README_ID.md)\n- [English](https://github.com/restuwahyu13/react-fakers/blob/main/README.md)\n\n### NOTES\n\n- For `Provider` that uses `API KEY` if you have a limit, please visit the `API` provider service, to get your own `API KEY`\n- For more information on the `API` available, you can visit the official documentation of each `Provider`\n- To find out more about using this tool, you can open the `app-dev/src/examples` in this repository\n\n### CONTRIBUTING\n\nWant to make **React Fakers** more perfect ? Let's contribute and follow the [contribution guide.](https://github.com/restuwahyu13/react-fakers/blob/main/CONTRIBUTING.md)\n\n### BUGS\n\nFor information on bugs related to package libraries, please visit [here](https://github.com/restuwahyu13/react-fakers/issues)\n\n### AUTHOR\n\n- [Restu Wahyu Saputra](https://github.com/restuwahyu13)\n\n### LICENSE\n\n- [MIT](https://github.com/restuwahyu13/react-fakers/blob/main/LICENSE.md)\n\n\u003cp align=\"right\" style=\"padding: 5px; border-radius: 100%; background-color: red; font-size: 2rem;\"\u003e\n  \u003cb\u003e\u003ca href=\"#React-Fakers\"\u003eBACK TO TOP\u003c/a\u003e\u003c/b\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frestuwahyu13%2Freact-fakers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frestuwahyu13%2Freact-fakers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frestuwahyu13%2Freact-fakers/lists"}