{"id":19701413,"url":"https://github.com/frontendmasters/pure-react-state-management","last_synced_at":"2025-10-27T00:13:55.212Z","repository":{"id":55142940,"uuid":"232422468","full_name":"FrontendMasters/pure-react-state-management","owner":"FrontendMasters","description":"Pure React State Management course documentation","archived":false,"fork":false,"pushed_at":"2020-07-08T11:17:29.000Z","size":6,"stargazers_count":134,"open_issues_count":1,"forks_count":66,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-01-10T10:58:15.835Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"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/FrontendMasters.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":"2020-01-07T21:39:49.000Z","updated_at":"2024-08-18T18:50:21.000Z","dependencies_parsed_at":"2022-08-14T13:20:30.071Z","dependency_job_id":null,"html_url":"https://github.com/FrontendMasters/pure-react-state-management","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrontendMasters%2Fpure-react-state-management","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrontendMasters%2Fpure-react-state-management/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrontendMasters%2Fpure-react-state-management/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrontendMasters%2Fpure-react-state-management/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FrontendMasters","download_url":"https://codeload.github.com/FrontendMasters/pure-react-state-management/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241014927,"owners_count":19894325,"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-11T21:08:49.722Z","updated_at":"2025-10-27T00:13:50.190Z","avatar_url":"https://github.com/FrontendMasters.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pure React State Management\n\nHere is everything you need to get rocking and rolling for the Pure React State Management course.\n\n## Install\n\nInstall these tools in your browser of choice. I'll be using Chrome during the workshop.\n\n- [React Developer Tools](https://github.com/facebook/react-devtools)\n\n## Slides\n\nYou can find the slides [here](https://speakerdeck.com/stevekinney/react-state).\n\n## Respositories\n\nMake sure to run `npm install` in each repository.\n\n- [Simple Counter](https://github.com/stevekinney/simple-counter-react-state)\n- [Grudge List](https://github.com/stevekinney/grudges-react-state)\n- [Star Wars Characters](https://github.com/stevekinney/star-wars-characters-react-state)\n- [Awesome Unicorn Startup Sign Up](https://github.com/stevekinney/user-signup-react-state)\n\n### Just for Reference\n\n- [Kanbananza](https://github.com/stevekinney/kanbananza-react-state)\n\n## APIs\n\nWe'll be using the following APIs in this workshop:\n\n- [Star Wars Characters](https://star-was-character-search.glitch.me/) ([Source](https://glitch.com/~star-was-character-search))\n- [Tweet Stream](https://tweet-stream.glitch.me/)\n\n## Code Sandbox Example Implementations\n\n### Simple Counter: Class-Based State\n\n- [Simple Counter (boilerplate)](https://codesandbox.io/s/github/stevekinney/simple-counter-react-state/blob/master?module=%2Fsrc%2FCounter.js)\n- [Simple Counter (adds increment, decrement, and reset)](https://codesandbox.io/s/simple-counter-adds-increment-decrement-reset-rlrc3?module=%2Fsrc%2FCounter.js)\n- [Simple Counter (setState function and callback)](https://codesandbox.io/s/simple-counter-setstate-function-and-callback-irm1x?module=%2Fsrc%2FCounter.js)\n- [Simple Counter (adds localStorage support, exercise starter for syncing document.title)](https://codesandbox.io/s/simple-counter-adds-localstorage-support-exercise-starter-for-syncing-documenttitle-wxubb?module=%2Fsrc%2FCounter.js)\n- [Simple Counter (syncing document.title solution)](https://codesandbox.io/s/simple-counter-syncing-documenttitle-solution-in6r9?module=%2Fsrc%2FCounter.js)\n\n### Simple Counter: Hooks State\n\n- [Simple Counter (refactor to use hooks)](https://codesandbox.io/s/simple-counter-refactored-to-use-hooks-ndwcr?module=%2Fsrc%2FCounter.js)\n- [Simple Countner (set value with a function)](https://codesandbox.io/s/simple-counter-set-value-with-a-function-gxshy?module=%2Fsrc%2FCounter.js)\n- [Simple Countner (update document.title with useEffect)](https://codesandbox.io/s/simple-counter-update-documenttitle-with-useeffect-hjedr?module=%2Fsrc%2FCounter.js)\n- [Simple Counter (useEffect local storage exercise)](https://codesandbox.io/s/simple-counter-useeffect-local-storage-exercise-64x3e?module=%2Fsrc%2FCounter.js)\n- [Simple Counter (useEffect local storage solution)](https://codesandbox.io/s/simple-counter-useeffect-local-storage-solution-m854x?module=%2Fsrc%2FCounter.js)\n- [Simple Counter (useLocalStorage custom hook)](https://codesandbox.io/s/simple-counter-uselocalstorage-custom-hook-hxvnm?module=%2Fsrc%2FCounter.js)\n- [Simple Counter (useRef)](https://codesandbox.io/s/simple-counter-useref-x7x8p?module=%2Fsrc%2FCounter.js)\n\n### Other Projects\n\n- [Grudge List](https://codesandbox.io/s/github/stevekinney/grudges-react-state)\n- [Star Wars Characters](https://codesandbox.io/s/github/stevekinney/star-wars-characters-react-state)\n- [useAjax Hook](https://codesandbox.io/s/29vhg)\n- [Asynchronous State](https://codesandbox.io/s/6z2rkmx6k)\n- [Asynchronous State (with Hooks)](https://codesandbox.io/s/zx54l1kzpl)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrontendmasters%2Fpure-react-state-management","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrontendmasters%2Fpure-react-state-management","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrontendmasters%2Fpure-react-state-management/lists"}