{"id":22403366,"url":"https://github.com/springload/redux-form-exercise","last_synced_at":"2026-04-18T04:32:25.433Z","repository":{"id":66138720,"uuid":"80681898","full_name":"springload/redux-form-exercise","owner":"springload","description":"Exercises to understand better redux-form, how it works and how to use it.","archived":false,"fork":false,"pushed_at":"2017-05-24T05:31:35.000Z","size":439,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-02-01T06:25:38.559Z","etag":null,"topics":["exercise","learn","learning-exercise","react","redux","redux-form","tutorial"],"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/springload.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":"2017-02-02T01:15:22.000Z","updated_at":"2017-06-17T20:16:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"6a7378ee-064a-42c8-9cec-a9eba9da1e28","html_url":"https://github.com/springload/redux-form-exercise","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/springload%2Fredux-form-exercise","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springload%2Fredux-form-exercise/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springload%2Fredux-form-exercise/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springload%2Fredux-form-exercise/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/springload","download_url":"https://codeload.github.com/springload/redux-form-exercise/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245760935,"owners_count":20667893,"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":["exercise","learn","learning-exercise","react","redux","redux-form","tutorial"],"created_at":"2024-12-05T09:16:56.510Z","updated_at":"2026-04-18T04:32:20.384Z","avatar_url":"https://github.com/springload.png","language":"JavaScript","readme":"# redux-form-exercise\nExercises to understand better redux-form, how it works and how to use it.\n\n**If you like this repo and/or learnt something from it, please give us a star :) Thanks!**\n\n## Get started\n\n### Prerequisites\n\nThis project uses [nvm](https://github.com/creationix/nvm). \n\nYou need to have it installed on your machine.\n\nI highly recommend that you have a look (if you haven't already) to the [`redux-form` documentation](http://redux-form.com/6.5.0/docs/GettingStarted.md/)\n\n### Install\n\nTo clone the project on your machine, install the required dependencies and run the server, follow these commands:\n\n```sh\n$ git clone git@github.com:springload/redux-form-exercise.git\n\n$ cd redux-form-exercise\n\n# Install the correct version of Node/NPM with nvm\n$ nvm install\n\n# Then, install all project dependencies.\n$ npm install\n\n# Then run the server\n$ npm run start\n\n# Open your browser to http://localhost:3000\n```\n\n### Debugging\n\nI highly recommend that you install the [Redux extension for Chrome](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en)\n\nIt looks like this: \n\n![alt Extension image](./readme/extension.png)\n\nAnd it will help you a lot to debug and understand what's going with your code.\n\n## Redux (Reminder)\n\n### with images\n\n![alt Redux image](./readme/redux3.png)\n\nSource https://www.reddit.com/r/webdev/comments/4r1947/i_am_working_on_a_reactredux_video_tutorial/\n\n![alt Redux image](./readme/redux1.jpg)\n\nSource http://staltz.com/unidirectional-user-interface-architectures.html\n\n![alt Redux image](./readme/redux2.png)\n\nSource http://blog.tighten.co/react-101-using-redux\n\n\n### with words\n\nDon't be afraid by these images if you find them complicated.\nRedux just needs to be tested and you will pick it up.\n\nBasically, a Redux cycle works like this:\n- A user clicks on a button on the UI (for instance)\n- This button dispatches an action\n- This action will be managed by a reducer which is listening for one or many actions\n- This reducer will update the store state\n- The new store is then passed to the component which rerenders with the new value\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspringload%2Fredux-form-exercise","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspringload%2Fredux-form-exercise","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspringload%2Fredux-form-exercise/lists"}