{"id":26491696,"url":"https://github.com/danielc92/react-tutorial-traversy","last_synced_at":"2026-04-13T16:02:15.708Z","repository":{"id":55357380,"uuid":"189795854","full_name":"danielc92/react-tutorial-traversy","owner":"danielc92","description":"Attempting to learn fundamentals of React. Following tutorial from Traversy's channel.","archived":false,"fork":false,"pushed_at":"2022-12-10T17:59:01.000Z","size":1200,"stargazers_count":0,"open_issues_count":6,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-20T08:50:36.555Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://danielc92.github.io/react-tutorial-traversy/","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/danielc92.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":"2019-06-02T02:17:11.000Z","updated_at":"2019-06-05T08:11:39.000Z","dependencies_parsed_at":"2023-01-26T05:15:13.796Z","dependency_job_id":null,"html_url":"https://github.com/danielc92/react-tutorial-traversy","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/danielc92/react-tutorial-traversy","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielc92%2Freact-tutorial-traversy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielc92%2Freact-tutorial-traversy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielc92%2Freact-tutorial-traversy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielc92%2Freact-tutorial-traversy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/danielc92","download_url":"https://codeload.github.com/danielc92/react-tutorial-traversy/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielc92%2Freact-tutorial-traversy/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31759540,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T15:25:13.801Z","status":"ssl_error","status_checked_at":"2026-04-13T15:25:09.162Z","response_time":93,"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":"2025-03-20T08:50:14.222Z","updated_at":"2026-04-13T16:02:15.676Z","avatar_url":"https://github.com/danielc92.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React JS Crash Course - 2019\nThis repo will go through travery media's React tutorial updated for 2019. This tutorial uses mainly classed based `React.Component`s. It includes themes such as;\n- Creating new class based `React.Component`s\n- Rendering React Components\n- Passing props between `React.Component`s\n- Passing functions between `React.Component`s\n- Conditionally setting className and style with functions\n- Altering the state from 'down the tree' (without the Context API)\n- Handling form events \n- Using `React.Fragment`s\n- Updating state with `setState` (deleting, inserting and updating *todos*)\n- `Route` and `BrowserRouter` from `react-router-dom`\n\n### Available Scripts\n\nIn the project directory, you can run:\n\n##### `npm start`\n\nRuns the app in the development mode.\u003cbr\u003e\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\u003cbr\u003e\nYou will also see any lint errors in the console.\n\n##### `npm test`\n\nLaunches the test runner in the interactive watch mode.\u003cbr\u003e\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n##### `npm run build`\n\nBuilds the app for production to the `build` folder.\u003cbr\u003e\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\u003cbr\u003e\nYour app is ready to be deployed!\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n# Deploy Process (Github Pages)\n**Install gh-pages**\n```sh\nnpm install gh-pages --save-dev\n```\n**Edit `package.json`**\n```\n# Add the homepage\n\"homepage\": \"https://danielc92.github.io/react-tutorial-traversy\"\n# Add predeploy and deploy to scripts\n\"scripts\": {\n\"start\": \"react-scripts start\",\n\"predeploy\": \"npm run build\",\n\"deploy\": \"gh-pages -d build\",\n...\n```\n**Make sure router is correct\nChange any `BrowserRouter` to `HashRouter` in main `App.js`\n\n**Deploy**\n```sh\n# This will build and deploy to a new branch called gh-pages\n# Modify the hosting source in settings from master branch to gh-pages\nnpm run deploy\n```\n\n# Sources\n- [React JS Crash Course - 2019](https://www.youtube.com/watch?v=sBws8MSXN7A)\n- [Deploy React to gh-pages Guide](https://www.youtube.com/watch?v=4NapRkCazks)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielc92%2Freact-tutorial-traversy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanielc92%2Freact-tutorial-traversy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielc92%2Freact-tutorial-traversy/lists"}