{"id":19042353,"url":"https://github.com/yaairfernando/react-redux-api-graphql","last_synced_at":"2026-04-09T20:03:10.989Z","repository":{"id":55297151,"uuid":"231772420","full_name":"yaairfernando/React-Redux-API-GraphQL","owner":"yaairfernando","description":"Project with react and redux that make an API request to list data from it.","archived":false,"fork":false,"pushed_at":"2021-01-05T18:51:32.000Z","size":1227,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"development","last_synced_at":"2025-01-02T07:27:26.794Z","etag":null,"topics":["firebase","graphql","middleware","react","react-redux","redux","redux-thunk"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/yaairfernando.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}},"created_at":"2020-01-04T13:58:17.000Z","updated_at":"2020-03-25T23:10:09.000Z","dependencies_parsed_at":"2022-08-14T20:00:58.700Z","dependency_job_id":null,"html_url":"https://github.com/yaairfernando/React-Redux-API-GraphQL","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yaairfernando%2FReact-Redux-API-GraphQL","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yaairfernando%2FReact-Redux-API-GraphQL/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yaairfernando%2FReact-Redux-API-GraphQL/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yaairfernando%2FReact-Redux-API-GraphQL/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yaairfernando","download_url":"https://codeload.github.com/yaairfernando/React-Redux-API-GraphQL/tar.gz/refs/heads/development","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240100511,"owners_count":19747683,"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":["firebase","graphql","middleware","react","react-redux","redux","redux-thunk"],"created_at":"2024-11-08T22:36:57.412Z","updated_at":"2026-04-09T20:03:10.921Z","avatar_url":"https://github.com/yaairfernando.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Contributors][contributors-shield]][contributors-url]\r\n[![Forks][forks-shield]][forks-url]\r\n[![Stargazers][stars-shield]][stars-url]\r\n[![Issues][issues-shield]][issues-url]\r\n[![LinkedIn][linkedin-shield2]][linkedin-url2]\r\n[![Hireable][hireable]][hireable-url]\r\n\r\n\u003c!-- PROJECT LOGO --\u003e\r\n\u003cbr /\u003e\r\n\u003cp align=\"center\"\u003e\r\n \u003ch2 align=\"center\"\u003e React and redux API\u003c/h2\u003e\r\n\r\n  \u003cp align=\"center\"\u003e\r\n      In this project We'll put together a request API with the middleware redux-thunk to  make requests in a redux application.\r\n      We'll also use GraphQL to replace highlight the differences between axios and apollo to make API requests. \r\n    \u003cbr /\u003e\r\n    \u003ca href=\"https://github.com/YairFernando67/React-Redux-API-GraphQL\"\u003e\u003cstrong\u003eExplore the docs »\u003c/strong\u003e\u003c/a\u003e\r\n    \u003cbr /\u003e\r\n    \u003cbr /\u003e\r\n    \u003ca href=\"https://github.com/YairFernando67/React-Redux-API-GraphQL\"\u003eView Demo\u003c/a\u003e\r\n    ·\r\n    \u003ca href=\"https://github.com/YairFernando67/React-Redux-API-GraphQL/issues\"\u003eReport Bug\u003c/a\u003e\r\n    ·\r\n    \u003ca href=\"https://github.com/YairFernando67/React-Redux-API-GraphQL/issues\"\u003eRequest Feature\u003c/a\u003e\r\n  \u003c/p\u003e\r\n\r\n\u003c/p\u003e\r\n\r\n## Table of Contents\r\n* [About the Project](#about-the-project)\r\n  * [Redux-Thunk](#Redux-Thunk)\r\n  * [Middleware](#Middleware)\r\n  * [Redux](#Redux)\r\n  * [React-Redux](#React-Redux)\r\n  * [React-Router](#React-Router)\r\n  * [Built With](#built-with)\r\n* [Required Installations](#Required-Installations)\r\n  * [Installing](#Installing)\r\n  * [Instructions](#Instructions)\r\n* [Contact](#contact)\r\n* [Contributing](#Contributing)\r\n* [Show your support](#Show-your-support)\r\n\r\n## About The Project\r\n\r\n![Screenshot Image](public/logoRepo.PNG) \r\n\r\n### Redux-Thunk \r\nMiddleware to help us make requests \r\nin a redux application. Anytime that we expect to make an API request form an\r\nactual creator we are always going to make use of redux-thunk. There are other\r\noptions that allow you to make API requests or otherwise async behaviors but\r\nredux-thunk is the most popular.\r\n\r\n### Middleware\r\nFunction that gets called with every action\r\nwe dispatch. Has the hability to stop, modify or\r\notherwise mess around with actions. A middleware is for\r\ndealing with async actions.\r\n\r\n### Redux\r\nIt is a state managment library, makes creating complex applications\r\neasier, It is not required to create a react app, it is not\r\nexplicity designed to work with react.\r\n\r\n### React-Redux\r\nThis is a third library that help us to let react and redux to comunicate to each other and work together\r\n\r\n### React-Router\r\nIt is a library that allows a user to see different screens inside of \r\nour application.\r\nEvery time that we want to use react-router in our application to handle\r\nnavigation, we are always going to install this project called react-router-dom.\r\n\r\n### Built With\r\nThe project was developed using the following technologies:\r\n- [React](https://es.reactjs.org/)\r\n- [JSX](https://reactjs.org/docs/introducing-jsx.html)\r\n- [Axios](https://github.com/axios/axios)\r\n- [GraphQl](https://graphql.org/)\r\n- [Redux-Thunk](https://github.com/reduxjs/redux-thunk)\r\n- [React-Redux](https://github.com/reduxjs/react-redux)\r\n- [React-Router](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom)\r\n- [React-Apollo](https://github.com/apollographql/react-apollo)\r\n- [Apollo-Client](https://github.com/apollographql/apollo-client/tree/master/packages/apollo-boost)\r\n\r\n\r\n## Required Installations\r\n\r\n### Installing\r\n\r\n\u003cp\u003eInstall the following to get this project running in your machine:\u003c/p\u003e\r\n\r\n### Instructions\r\n\r\n\u003cp\u003eFollow these steps:\u003c/p\u003e\r\n\r\nClone the Repository\r\n\r\n```Shell\r\nuser@pc:~$ git clone https://github.com/YairFernando67/React-Redux-API-GraphQL\r\n```\r\n\r\nClick on the console and to go to the folder that was created\r\n\r\n```Shell\r\nuser@pc:~$ cd React-Redux-API-GraphQL\r\n```\r\n\r\n```\r\nuser@pc:~/React-Redux-API-GraphQL$ npm install\r\n```\r\n\r\n```\r\nuser@pc:~/React-Redux-API-GraphQL$ npm start\r\n```\r\n\r\nOpen your browser on [http://localhost:3000](http://localhost:3000)\r\n\r\n## Contact\r\n\r\n👤 **Yair Fernando Facio**\r\n\r\n\u003ca href=\"https://yairfernando67.github.io/Portfolio/\" target=\"_blank\"\u003e\r\n    \r\n  ![Screenshot Image](public/logo.jpg) \r\n\r\n\u003c/a\u003e\r\n\r\n- Github: [@YairFernando67](https://github.com/YairFernando67)\r\n- Twitter: [@YairFernando18](https://twitter.com/YairFernando18)\r\n- Linkedin: [softwaredeveloperyairfacio](https://www.linkedin.com/in/softwaredeveloperyairfacio/)\r\n- Email: [yair.facio11@gmail.com](https://mail.google.com/mail/?view=cm\u0026fs=1\u0026tf=1\u0026to=yair.facio11@gmail.com)\r\n- Portfolio: [softwaredeveloper](https://yairfernando67.github.io/Portfolio/)\r\n\r\n\u003cp align=\"center\"\u003e\r\n\r\n  Project Link: [https://github.com/YairFernando67/React-Redux-API-GraphQL](https://github.com/YairFernando67/React-Redux-API-GraphQL)\r\n\r\n\u003c/p\u003e\r\n\r\n## 🤝 Contributing\r\n\r\nContributions, issues and feature requests are welcome!\r\n\r\nFeel free to check the [issues page](https://github.com/YairFernando67/React-Redux-API-GraphQL/issues).\r\n\r\n## Show your support\r\n\r\nGive a ⭐️ if you like this project!\r\n\r\n\u003c!-- MARKDOWN LINKS \u0026 IMAGES --\u003e\r\n[contributors-shield]: https://img.shields.io/github/contributors/YairFernando67/React-Redux-API-GraphQL.svg?style=flat-square\r\n[contributors-url]: https://github.com/YairFernando67/React-Redux-API-GraphQL/graphs/contributors\r\n[forks-shield]: https://img.shields.io/github/forks/YairFernando67/React-Redux-API-GraphQL.svg?style=flat-square\r\n[forks-url]: https://github.com/YairFernando67/React-Redux-API-GraphQL/network/members\r\n[stars-shield]: https://img.shields.io/github/stars/YairFernando67/React-Redux-API-GraphQL.svg?style=flat-square\r\n[stars-url]: https://github.com/YairFernando67/React-Redux-API-GraphQL/stargazers\r\n[issues-shield]: https://img.shields.io/github/issues/YairFernando67/React-Redux-API-GraphQL.svg?style=flat-square\r\n[issues-url]: https://github.com/YairFernando67/React-Redux-API-GraphQL/issues\r\n[license-shield]: https://img.shields.io/github/license/YairFernando67/React-Redux-API-GraphQL.svg?style=flat-square\r\n[license-url]: https://github.com/YairFernando67/React-Redux-API-GraphQL/blob/master/LICENSE.txt\r\n[linkedin-shield2]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square\u0026logo=linkedin\u0026colorB=555\r\n[linkedin-url2]: https://www.linkedin.com/in/softwaredeveloperyairfacio/\r\n[hireable]: https://cdn.rawgit.com/hiendv/hireable/master/styles/flat/yes.svg\r\n[hireable-url]: https://www.linkedin.com/in/softwaredeveloperyairfacio/\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyaairfernando%2Freact-redux-api-graphql","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyaairfernando%2Freact-redux-api-graphql","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyaairfernando%2Freact-redux-api-graphql/lists"}