{"id":18862027,"url":"https://github.com/marco-rosner/handson-react","last_synced_at":"2026-04-09T22:56:45.962Z","repository":{"id":184058584,"uuid":"671235757","full_name":"marco-rosner/handson-react","owner":"marco-rosner","description":"A project to practices ReactJS using React Router, Hooks, Context API, Jest (Testing) and Typescript. Also apply Server Side Rendering (SSR) using Express server","archived":false,"fork":false,"pushed_at":"2024-03-25T19:48:46.000Z","size":601,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-30T20:48:42.161Z","etag":null,"topics":["context-api","expressjs","hooks-api-react","jest","reactjs","ssr","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/marco-rosner.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-07-26T21:23:46.000Z","updated_at":"2024-12-26T18:32:48.000Z","dependencies_parsed_at":"2023-09-06T17:33:27.623Z","dependency_job_id":"55df09fa-61c4-486d-acae-8c30e2fca6c5","html_url":"https://github.com/marco-rosner/handson-react","commit_stats":null,"previous_names":["marco-rosner/handson-react"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marco-rosner%2Fhandson-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marco-rosner%2Fhandson-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marco-rosner%2Fhandson-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marco-rosner%2Fhandson-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/marco-rosner","download_url":"https://codeload.github.com/marco-rosner/handson-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239802769,"owners_count":19699565,"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":["context-api","expressjs","hooks-api-react","jest","reactjs","ssr","typescript"],"created_at":"2024-11-08T04:33:03.438Z","updated_at":"2026-02-09T21:30:17.259Z","avatar_url":"https://github.com/marco-rosner.png","language":"TypeScript","readme":"[![Test workflow](https://github.com/marco-rosner/handson-react/actions/workflows/test-client.yml/badge.svg)](https://github.com/marco-rosner/handson-react/actions/workflows/test-client.yml)  [![Build workflow](https://github.com/marco-rosner/handson-react/actions/workflows/build-server.yml/badge.svg)](https://github.com/marco-rosner/handson-react/actions/workflows/build-server.yml)\n\n# Hands on ReactJS\n\nOn client side, this is a project to practices ReactJS using ReactRouter, Hooks, Context API, Jest (Testing), Typescript based on react create app using typescript template\n\nOn server side, the goal is to apply ServerSide Rendering (SSR) using Vite and Express\n\n## Print\n\nHomeView \n![Home View](./client/handon-react.png?raw=true \"Home View\")\n\n## Client project scripts\n\n### `yarn start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\\\nYou will also see any lint errors in the console.\n\n### `yarn test`\n\nLaunches the test runner in the interactive watch mode.\n\n### `yarn test:covarage`\n\nChecks the test coverage in the project.\n\n### `yarn build`\n\nBuilds the app for production to the `build` folder.\n\n## Server project scripts (Server Side Rendering)\n\n### `yarn dev`\n\nRuns the app in the development mode.  \nOpen [http://localhost:4000](http://localhost:4000) to view it in the browser.\n\nThe page will reload if you make edits.  \nYou will also see any lint errors in the console.\n\n### `yarn start`\n\nRuns the app in the production mode. \n\n### `yarn build`\n\nBuilds the app for production to the `dist` folder.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarco-rosner%2Fhandson-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarco-rosner%2Fhandson-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarco-rosner%2Fhandson-react/lists"}