{"id":31923589,"url":"https://github.com/elieladelrom/react-tutorials","last_synced_at":"2025-10-13T23:55:42.551Z","repository":{"id":38991095,"uuid":"269054973","full_name":"EliEladElrom/react-tutorials","owner":"EliEladElrom","description":"A list of projects I curated to help expedite effort on React based projects","archived":false,"fork":false,"pushed_at":"2023-03-05T04:03:16.000Z","size":11034,"stargazers_count":84,"open_issues_count":60,"forks_count":41,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-04-14T15:10:15.890Z","etag":null,"topics":["component","components","cra","d3","nextjs","react","reactjs","redux","typescript"],"latest_commit_sha":null,"homepage":"https://elielrom.com","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/EliEladElrom.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":"SECURITY.md","support":null}},"created_at":"2020-06-03T10:11:58.000Z","updated_at":"2024-04-13T11:13:11.000Z","dependencies_parsed_at":"2023-02-08T03:31:27.234Z","dependency_job_id":null,"html_url":"https://github.com/EliEladElrom/react-tutorials","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/EliEladElrom/react-tutorials","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EliEladElrom%2Freact-tutorials","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EliEladElrom%2Freact-tutorials/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EliEladElrom%2Freact-tutorials/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EliEladElrom%2Freact-tutorials/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EliEladElrom","download_url":"https://codeload.github.com/EliEladElrom/react-tutorials/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EliEladElrom%2Freact-tutorials/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279017194,"owners_count":26086017,"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","status":"online","status_checked_at":"2025-10-13T02:00:06.723Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["component","components","cra","d3","nextjs","react","reactjs","redux","typescript"],"created_at":"2025-10-13T23:55:24.803Z","updated_at":"2025-10-13T23:55:42.545Z","avatar_url":"https://github.com/EliEladElrom.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Tutorials\n\nHello and welcome. In this library I included a list of projects I created in the tutorials to help you **Master React** as well as ReactJS related libraries. \n\nList of projects included in this library:\n\n- [hooks](https://github.com/EliEladElrom/react-tutorials/tree/master/hooks)\n- [hello-world-react](https://medium.com/react-courses/follow-this-tutorial-and-become-a-react-developer-in-5-minutes-a-2020-tutorial-e3709513b51e)\n- [starter-project](https://medium.com/react-courses/setting-up-professional-react-project-with-must-have-reactjs-libraries-2020-9358edf9acb3)\n- [hello-redux](https://medium.com/react-courses/instance-learn-react-redux-4-redux-toolkit-in-minutes-a-2020-reactjs-16-tutorial-9adaec6f2836)\n- [react-redux-cart](https://medium.com/react-courses/instant-learn-react-redux-toolkit-with-a-simple-minimalistic-example-3c63c296ed65)\n- [hello-jest-enzyme](https://medium.com/@elad.ny/are-you-not-testing-your-react-app-instantly-test-with-jest-enzyme-a-reactjs-2020-tutorial-e9ce0182d66d)\n- [hello-jest-enzyme-ts](https://medium.com/react-courses/unit-testing-react-typescript-app-with-jest-jest-dom-enzyme-11f52487aa18)\n- [ts-clock-app](https://medium.com/react-courses/instant-write-reactjs-typescript-components-complete-beginners-guide-with-a-cheatsheet-e32a76022a44)\n- [hello-preprocessors](https://medium.com/master-angular/ready-to-integrate-or-switch-css-preprocessors-on-react-project-sass-scss-vs-postcss-vs-less-vs-58bf26c379ab)\n- [material-ui-ts](https://medium.com/react-courses/speed-up-development-integrate-material-ui-v4-11-0-df7968a43fb6)\n- [react-routing-ts](https://medium.com/react-courses/how-to-integrate-routing-in-typescript-project-with-react-router-v5-2-0-a6b0ab160a1b)\n- [react-typescript-redux-login](https://medium.com/react-courses/integrate-login-with-toaster-notifications-react-redux-toolkit-typescript-material-ui-tutorial-3e6631f11b05)\n- [functional-class-components](https://medium.com/react-courses/react-component-types-functional-class-and-exotic-factory-components-for-javascript-1a098a49a831)\n- [mern-login](https://medium.com/react-courses/the-mern-stack-login-system-with-mongodb-express-react-w-redux-toolkit-middleware-c274269b64cf?source=friends_link\u0026sk=0cb45daa0d6449677f9cde7649f63a04)\n- [recoil-contact](https://medium.com/master-angular/integrate-recoil-with-typescript-to-share-your-state-across-react-components-8cf1a3910fae)\n- [recoil-testimonials](https://medium.com/react-courses/instantly-code-like-a-ninja-a-testimonials-component-with-react-recoil-in-just-three-easy-steps-c094f8bfead3)\n- [mailchimp-newsletter](https://medium.com/react-courses/instantly-integrate-a-typescript-custom-newsletter-component-with-react-mailchimp-3dc3ed865fb0)\n- [e2e_ts_testing_with_puppeteer](https://medium.com/react-courses/deliver-quality-software-reduce-qa-load-integrate-end-to-end-e2e-testing-on-cra-react-a20486a39ac2?sk=c9610ea9812363b262f141f1c30ae445)\n- [optimize-ts](https://medium.com/react-courses/optimize-react-app-best-optimzing-techniques-i-wish-i-knew-before-i-wrote-my-first-line-of-code-2b4651f45a48)\n- [histogram-d3-ts](https://medium.com/react-courses/create-a-days-price-histogram-chart-react-recoil-d3-typescript-73af3fea316c?sk=9cbbd76daea3244580c84fb58a72ead2)\n- [world-map-chart](https://medium.com/react-courses/world-map-chart-with-react-d3-with-ts-468b05f35404)\n- [world-map-widget](https://medium.com/react-courses/showoff-previous-client-list-with-a-world-widget-react-recoil-d3-ts-b8c61bc26562)\n- [bubble-chart](https://medium.com/react-courses/who-doesnt-like-charts-draw-a-bubble-chart-with-react-d3-typescript-2faf998109e2)\n- [binary-tree-ts](https://medium.com/react-courses/implementing-binary-tree-linked-lists-in-typescript-is-a-must-have-in-your-programming-arsenal-3e6f5599248f)\n- [react-d3-hello-world](https://medium.com/react-courses/first-steps-d3-with-react-typescript-part-i-setting-up-your-first-project-d29802e6f6b3)\n- [basic-charts](https://medium.com/react-courses/drawing-basic-charts-with-react-typescript-d3-part-i-line-area-and-bar-charts-cd159c62e18c)\n- [force-chart](https://elieladelrom.medium.com/easily-show-relationships-draw-simple-force-graph-with-react-d3-utilizing-typescript-d7e9d5326b6)\n- [react-chart-libraries](https://medium.com/react-courses/react-charts-built-on-d3-what-should-you-pick-rechart-visx-niv-react-vi-or-victory-adc64406caa1)\n- [area-brush](https://medium.com/p/c66d11af14c3/)\n- [area-chart-with-brush](https://medium.com/react-courses/create-an-area-chart-with-brush-tool-using-react-d3-c6dfc934a67b)\n- [word-cloud](https://medium.com/p/969c63506856/)\n- [donut-chart](https://medium.com/p/2d23b8ffb108/)\n- [bisector](https://medium.com/p/e023ce7697c0/)\n- [3d-force-chart](https://medium.com/p/b7fcf9e39f83)\n- [save-png-jpg-pdf](https://medium.com/p/bdd626184693)\n- [ecr-ecs-github-ci-cd](https://medium.com/p/698d360ee21e)\n\n## Installation\n\nTo download a single folder instead of the entire library from Github, there are many approached you can take, see [here](https://stackoverflow.com/questions/7106012/download-a-single-folder-or-directory-from-a-github-repo).  The easiest way is to use DownGit sites (find one on Google), then paste the directory URL, for example to download the: start-project use: [https://github.com/EliEladElrom/react-tutorials/tree/master/starter-project](https://github.com/EliEladElrom/react-tutorials/tree/master/starter-project)\n\n## Start The Project\n\n```bash\n$ yarn install\n```\n\nIf you can use help with your React project or have a burning question, or an issue in your project that needs help with, I invite you to hire me as your [Coach](https://elielrom.com). My strategy is 100% results-oriented. If you want to sample how I work 1-on-1, let’s schedule a one-time deep dive [Consultation](https://elielrom.com/CoachingHourly).\nAdditionally, [I will tutor you in react, javascript, typescript, mongodb, node, d3.](https://www.fiverr.com/elieladelrom/tutor-you-in-react-javascript-typescript-mongodb-node-d3) \n\n## Where to go from here?\n\n- [Take the interactive d3 and React Course](https://www.udemy.com/course/integrating-d3js-with-react/?referralCode=4C1ADE35AB8633B90205)\n- [Take the Digital Course \u0026 get a 40 pages React book](https://www.udemy.com/course/getting-started-react17-with-must-have-libraries/?referralCode=3E6A9B9D8EBB48A913A9)\n- [View the article on Medium](https://medium.com/react-courses/setting-up-professional-react-project-with-must-have-reactjs-libraries-2020-9358edf9acb3)\n- [Visit my site EliElrom.com](https://elielrom.com)\n\nLicense\n----\n\nMIT\n\nIf you like this library, don't be shy to star / fork it 🙏","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Felieladelrom%2Freact-tutorials","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Felieladelrom%2Freact-tutorials","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Felieladelrom%2Freact-tutorials/lists"}