{"id":21012284,"url":"https://github.com/codebanesr/react-fundamentals","last_synced_at":"2025-03-13T16:16:37.118Z","repository":{"id":120253845,"uuid":"131606169","full_name":"codebanesr/react-fundamentals","owner":"codebanesr","description":null,"archived":false,"fork":false,"pushed_at":"2018-05-01T19:48:36.000Z","size":272,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-20T11:29:11.146Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/codebanesr.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}},"created_at":"2018-04-30T14:30:47.000Z","updated_at":"2018-05-01T19:48:38.000Z","dependencies_parsed_at":"2023-07-27T17:23:34.393Z","dependency_job_id":null,"html_url":"https://github.com/codebanesr/react-fundamentals","commit_stats":null,"previous_names":["codebanesr/react-fundamentals"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebanesr%2Freact-fundamentals","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebanesr%2Freact-fundamentals/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebanesr%2Freact-fundamentals/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebanesr%2Freact-fundamentals/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codebanesr","download_url":"https://codeload.github.com/codebanesr/react-fundamentals/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243437965,"owners_count":20290864,"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":[],"created_at":"2024-11-19T09:36:07.555Z","updated_at":"2025-03-13T16:16:37.096Z","avatar_url":"https://github.com/codebanesr.png","language":"JavaScript","readme":"    How it works\n-------------------------\nindex.js and index.html are very closely related\nwe have a div element called \u003croot\u003e where we are rendering our router\n\n\u003cRouter path=\"/\" component={App}\u003e\n    //all child components here which makes App as the layout component i.e whatever\n    is put in App component will appear on all pages\n    \u003cIndexRoute component={HomeComponent} /\u003e   //no path required here since it                                                   //matches nothing\n\n    \u003cRoute=\"about\" component={AboutComponent}/\u003e  //dont do \"/about\" that matches                                                    //Router path already above\n    \n\u003cRouter\u003e\n\n\n\n    so what are we rendering on root div of index.html\n------------------------------------------------------------\nTwo things - 1st is app component and the second one is any other path that matches\nif nothing appears after \"/\" then IndexRoute will display HomeComponent\n\nif about matches then app component + this.props.child will display AboutComponent and so on\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebanesr%2Freact-fundamentals","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodebanesr%2Freact-fundamentals","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebanesr%2Freact-fundamentals/lists"}