{"id":19551499,"url":"https://github.com/locol23/learn-react-typescript","last_synced_at":"2025-08-30T05:04:01.966Z","repository":{"id":39067811,"uuid":"159597194","full_name":"locol23/learn-react-typescript","owner":"locol23","description":"Learning React contents with TypeScript (Hooks, Redux)","archived":false,"fork":false,"pushed_at":"2023-01-06T10:44:21.000Z","size":4229,"stargazers_count":20,"open_issues_count":4,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-16T03:02:13.325Z","etag":null,"topics":["hooks","learn","learn-react","learning","learning-js","react","react-hooks","reactjs","recompose","redux","storybook","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/locol23.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":"2018-11-29T02:43:35.000Z","updated_at":"2024-02-15T19:16:21.000Z","dependencies_parsed_at":"2023-02-05T22:15:18.546Z","dependency_job_id":null,"html_url":"https://github.com/locol23/learn-react-typescript","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/locol23/learn-react-typescript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/locol23%2Flearn-react-typescript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/locol23%2Flearn-react-typescript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/locol23%2Flearn-react-typescript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/locol23%2Flearn-react-typescript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/locol23","download_url":"https://codeload.github.com/locol23/learn-react-typescript/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/locol23%2Flearn-react-typescript/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272805571,"owners_count":24995916,"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-08-30T02:00:09.474Z","response_time":77,"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":["hooks","learn","learn-react","learning","learning-js","react","react-hooks","reactjs","recompose","redux","storybook","typescript"],"created_at":"2024-11-11T04:14:10.009Z","updated_at":"2025-08-30T05:04:01.907Z","avatar_url":"https://github.com/locol23.png","language":"TypeScript","readme":"# Learn React\n\nLearn React with TypeScript\n\n[![MIT License](http://img.shields.io/badge/license-MIT-blue.svg?style=flat)](LICENSE)\n\n# Table of Contents\n- [Overview](https://introduction-to-react-green.vercel.app/)\n- Function Components\n  - [Base](./packages/function-components-base)\n  - [Goal](./packages/function-components-goal)\n- Styled Components\n    - [Base \u0026 Goal](./packages/styled-components)\n- React Hooks\n  - useState\n    - [Base](./packages/hooks-use-state-base)\n  - useEffect\n    - [Base](./packages/hooks-use-effect-base)\n    - [Goal](./packages/hooks-use-effect-goal)\n  - useContext\n    - [Base](./packages/hooks-use-context-base)\n  - State(useReducer)\n  - Counter(useState, useEffect, useCallback)\n    - [Base](./packages/counter-base)\n    - [Goal](./packages/counter-goal)\n- React + Redux\n  - [Base](./packages/redux-base)\n  - [Goal Step1](./packages/redux-goal-step1)\n  - [Goal Step2](./packages/redux-goal-step2)\n- Advanced Techniques\n  - render props\n    - [Base](./packages/render-props-base)\n- Storybook\n  - [Storybook Example](./packages/storybook)\n\n## Prerequisites\n\n- [Node.js](https://nodejs.org/en/)\n- [Yarn](https://yarnpkg.com/)\n\n## Getting Started\n\n```bash\ngit clone --depth=1 https://github.com/locol23/learn-react-typescript.git\ncd learn-react-typescript\nyarn\ncd packages/\u003cdirectory_of_you_want_to_learn_content\u003e\nyarn dev\n```\n\nGo to [http://localhost:1234](http://localhost:1234)\n\n## Tech Stack\n\n- [React](https://reactjs.org/)\n- [React Hooks](https://reactjs.org/docs/hooks-overview.html)\n- [Redux](https://redux.js.org/)\n- [Storybook](https://storybook.js.org/)\n- [Parcel](https://parceljs.org/)\n- [Prittier](https://prettier.io/)\n- [Yarn](https://yarnpkg.com/)\n\n## LICENSE\n\nMIT\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flocol23%2Flearn-react-typescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flocol23%2Flearn-react-typescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flocol23%2Flearn-react-typescript/lists"}