{"id":16902178,"url":"https://github.com/abongsjoel/react-plus-typescript","last_synced_at":"2026-04-30T22:35:47.819Z","repository":{"id":43470017,"uuid":"383264663","full_name":"abongsjoel/react-plus-typescript","owner":"abongsjoel","description":"A simple application built while extending my knowledge on Typescript with React. I build a simple pizza ordering process.","archived":false,"fork":false,"pushed_at":"2022-10-19T08:05:52.000Z","size":576,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"dev","last_synced_at":"2025-06-28T00:03:41.810Z","etag":null,"topics":["react","reactjs","typescript","webpack"],"latest_commit_sha":null,"homepage":"","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/abongsjoel.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":"2021-07-05T21:07:22.000Z","updated_at":"2022-06-13T06:52:33.000Z","dependencies_parsed_at":"2023-01-20T07:34:14.000Z","dependency_job_id":null,"html_url":"https://github.com/abongsjoel/react-plus-typescript","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/abongsjoel/react-plus-typescript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abongsjoel%2Freact-plus-typescript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abongsjoel%2Freact-plus-typescript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abongsjoel%2Freact-plus-typescript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abongsjoel%2Freact-plus-typescript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abongsjoel","download_url":"https://codeload.github.com/abongsjoel/react-plus-typescript/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abongsjoel%2Freact-plus-typescript/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32479448,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"ssl_error","status_checked_at":"2026-04-30T13:12:06.837Z","response_time":57,"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":["react","reactjs","typescript","webpack"],"created_at":"2024-10-13T18:04:08.534Z","updated_at":"2026-04-30T22:35:42.810Z","avatar_url":"https://github.com/abongsjoel.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Delicious Pizza (React Plus Typescript)\n\n\u003e A simple application built while extending my knowledge on Typescript with React. It implements a simple pizza ordering process.\n\n![screenshot](../dev/screenshot.png)\n\nThe project starts by setting up webpack to work with Typescript and then adding react and react-dom to the mix.\nTypescript is setup using either ts-loader or babel-loader.\n\nThen, I setup css in webpack and then configure CSS Modules.\n\nNext, I set up a webpack loader for SVG files and describe .svg imports to Typescript\n\nThen, I proceeded in creating functional as well as class based components coupled with looking at handling events using react.\n\nNext, i added React context and the useState hook and then went further to replace setState with useReducer\n\nI proceeded by making use of localstorage to store some data and then call it in the useEffect hook.\n\nNext, i created a Higher Order Component (HOC) for sharing the state, and then a Render Props component as well as a Custom Hook.\n\nI also made use of the React Ref API to handle DOM events using the original DOM API.\n\n\u003c!--\n## Live Demo\n\n- [Visit Page]() --\u003e\n\n## Built With\n\n- Typescript\n- React\n- Redux\n\n## Running the Application\n\nTo run this application locally, after clonning it, run\n\n```\nnpm i\n```\n\n```\nnpm run start\n```\n\n## Author\n\n👤 **Chi A. Joel**\n\n- GitHub: [@abongsjoel](https://github.com/abongsjoel)\n- Twitter: [@thierryjoel10](https://twitter.com/ThierryJoel10)\n- LinkedIn: [Chi Abongwa Joel](https://www.linkedin.com/in/chi-abongwa-joel-b4285a97/)\n\n## Acknowledgments\n\n- [Dmytro Danylov](https://www.udemy.com/course/react-with-typescript/)\n\n## Contributing\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/abongsjoel/react-plus-typescript/issues).\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## License\n\n  \u003cp\u003eThis project is \u003ca href=\"../main/LICENSE\"\u003eMIT\u003c/a\u003e licensed.\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabongsjoel%2Freact-plus-typescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabongsjoel%2Freact-plus-typescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabongsjoel%2Freact-plus-typescript/lists"}