{"id":16955623,"url":"https://github.com/rcdexta/react-typescript-samples","last_synced_at":"2026-04-11T12:45:05.490Z","repository":{"id":138671150,"uuid":"153227189","full_name":"rcdexta/react-typescript-samples","owner":"rcdexta","description":null,"archived":false,"fork":false,"pushed_at":"2018-10-16T05:24:23.000Z","size":915,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-11-05T00:02:02.020Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/rcdexta.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-10-16T05:24:06.000Z","updated_at":"2023-07-18T11:56:11.000Z","dependencies_parsed_at":"2024-03-27T22:33:26.124Z","dependency_job_id":null,"html_url":"https://github.com/rcdexta/react-typescript-samples","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rcdexta/react-typescript-samples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rcdexta%2Freact-typescript-samples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rcdexta%2Freact-typescript-samples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rcdexta%2Freact-typescript-samples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rcdexta%2Freact-typescript-samples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rcdexta","download_url":"https://codeload.github.com/rcdexta/react-typescript-samples/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rcdexta%2Freact-typescript-samples/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31681201,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T08:18:19.405Z","status":"ssl_error","status_checked_at":"2026-04-11T08:17:08.892Z","response_time":54,"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":[],"created_at":"2024-10-13T22:12:49.115Z","updated_at":"2026-04-11T12:45:05.461Z","avatar_url":"https://github.com/rcdexta.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Typescript by sample\n\nDue to the popularity of this repo [Jehu Sagardoy](https://github.com/jsagardoy) is getting them up to date, right now migrated from 00 to 13.\n\nYou can check as well other repos (react / redux + typescript):\n - [React By Sample](https://github.com/Lemoncode/react-by-sample)\n - [Redux By Sample](https://github.com/Lemoncode/redux-by-sample)\n - [From React to Redux](https://github.com/Lemoncode/from-react-to-redux-ts)\n - [Redux Testing Typescript](https://github.com/Lemoncode/redux-testing-typescript)\n\n# Samples\n\nThe goal of this project is to provide a set of simple samples, providing and step by step guide to\nstart working with React and Typescript. Characteristics:\n\n+ Bundling based on webpack.\n+ React + Typescript based.\n+ Simple navigation using react-router.\n+ Managing async calls and updates.\n+ Using Redux library.\n+ Handling async calls via Redux-Thunk + Redux Saga.\n+ Adding unit testing support.\n+ Implementing Lazy Loading.\n+ ...\n\n## To get started:  \n1. Install [NodeJS](http://www.nodejs.org)  \n2. Download this repo\n5. Open the command line of your choice and cd to the root directory of this repo on your machine  \n6. `npm install` - Installs packages\n7. `npm start` - Builds the project and launch a lite web server (webpack-dev-server).\n8. Navigate to [http://localhost:8080/](http://localhost:8080/) if your browser doesn't open automatically.\n\n# samples\n\n## 00 Boiler plate\n\nBundling + npm start based on webpack.\n\n## 01 Hello React\n\nHello world, simples react render sample.\n\n## 02 Components\n\nCreating a common header and about page react components.\n\n\n## 03 Navigation\n\nCreating a \"members\" page, adding navigation using react-router.\n\n\n## 04 Display data\n\nCreate a read only list component (table \u003e\u003e tr \u003e\u003e td), reading list of members\nfrom a fake api and dumping it into component state.\n\n## 05 Presentational Components\n\nBreaking the list component into two: list and row compomenent, member row\nentity passed via props.\n\n## 06 Handling asynchronous calls\n\nMembers fake api replaced with async call to api github to retrieve list of\nmembers of a given team.\n\n## 07 Forms\n\nIn this sample we will add a link in the members page that will navigate to a\n\"new member page\". This new page will display a form where you have to enter\nthe avatar url, login and id of a new member (just supossing we can edit that info).\n\n## 08 ParamNavigation  + Validations\n\nEdit a given member, here we learn how to add params to a navigation link and\nhow to obtain them from a component.\n\nValidation performed so far:\n\n* Login: required, must be a string (at least length 3).\n\n## 09 Redux\n\nAdded Redux support, isolated state into Redux reducers, implement load, save,\nbasic validation cycle. This sample uses the fake api, in following samples\nwe will call async operations and fitting them into Redux architecture.\n\n## 10 SpinnerAsync\n\nDisplay a busy indicator when an ajax request is in progress.\n\nTo have a global count of promises gong on we are using [reat-promise-tracker](https://github.com/Lemoncode/react-promise-tracker) and to display a cool spinner [react-spinner](https://github.com/davidhu2000/react-spinners)\n\n## 11 Testing reducers\n\nSample updated using Jest.\n\n\n## 12 Testing actions\n\nSample updated using Jest.\n\n\n## 13 Testing components (Containers and Presentationals)\n\nPending update Jest + Enzyme\n\n## 14 Replacing Redux Thunk with Redux Saga\n\nPending update\n\n## 15 Lazy Loading and React-Router\n\nPending update\n\n## 16 Add custom middlewares\n\nPending update\n\n## 17 Add support for ReactHotloader and ReduxDev Tools.\n\nPending update\n\n# About Lemoncode\n\nWe are a team of long-term experienced freelance developers, established as a group in 2010.\nWe specialize in Front End technologies and .NET. [Click here](http://lemoncode.net/services/en/#en-home) to get more info about us. \n\nFor the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frcdexta%2Freact-typescript-samples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frcdexta%2Freact-typescript-samples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frcdexta%2Freact-typescript-samples/lists"}