{"payload":{"pageCount":2,"repositories":[{"type":"Public","name":"react-redux-example","owner":"the-road-to-learn-react","isFork":false,"description":"React Redux Example","topicNames":["react","redux","create-react-app","reactjs","react-redux","react-redux-demo"],"topicsNotShown":0,"allTopics":["react","redux","create-react-app","reactjs","react-redux","react-redux-demo"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":1,"issueCount":0,"starsCount":64,"forksCount":27,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-03-20T21:17:49.490Z"}},{"type":"Public","name":"react-hooks-introduction","owner":"the-road-to-learn-react","isFork":false,"description":"Introduction to React Hooks for function components (released in React 16.7.)","topicNames":["react","reactjs","react-hooks","function-components","react-hook"],"topicsNotShown":0,"allTopics":["react","reactjs","react-hooks","function-components","react-hook"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":2,"issueCount":3,"starsCount":258,"forksCount":64,"license":null,"participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-07-24T10:08:53.453Z"}},{"type":"Public","name":"use-custom-element","owner":"the-road-to-learn-react","isFork":false,"description":"Custom hook to bridge Custom Elements (Web Components) to React.","topicNames":["react","web-component","reactjs","web-components","custom-elements","custom-element","react-hooks","react-hook"],"topicsNotShown":0,"allTopics":["react","web-component","reactjs","web-components","custom-elements","custom-element","react-hooks","react-hook"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":6,"issueCount":4,"starsCount":91,"forksCount":7,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-05-11T12:03:37.363Z"}},{"type":"Public","name":"react-router-6-examples","owner":"the-road-to-learn-react","isFork":false,"description":"","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":58,"forksCount":34,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-04-20T09:22:02.007Z"}},{"type":"Public","name":"use-state-with-callback","owner":"the-road-to-learn-react","isFork":false,"description":"Custom hook to include a callback function for useState.","topicNames":["react","reactjs","callback","react-hooks","react-hook","react-use-state-callback"],"topicsNotShown":0,"allTopics":["react","reactjs","callback","react-hooks","react-hook","react-use-state-callback"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":6,"starsCount":276,"forksCount":36,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-04-14T21:07:50.316Z"}},{"type":"Public","name":"react-with-redux-philosophy","owner":"the-road-to-learn-react","isFork":false,"description":"React state management with Redux philosophy.","topicNames":["react","reactjs","react-hooks","usestate","usecontext","usereducer"],"topicsNotShown":0,"allTopics":["react","reactjs","react-hooks","usestate","usecontext","usereducer"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":2,"issueCount":1,"starsCount":44,"forksCount":10,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2021-08-31T08:31:29.103Z"}},{"type":"Public","name":"react-usereducer-middleware","owner":"the-road-to-learn-react","isFork":false,"description":"React's useReducer Hook with Middleware (and Afterware)","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":7,"forksCount":1,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2021-03-23T08:31:35.482Z"}},{"type":"Public","name":"react-asynchronous-request-setstate-unmounted-component","owner":"the-road-to-learn-react","isFork":false,"description":"Example of preventing to set state on unmounted React Components","topicNames":["react","asynchronous","reactjs","setstate"],"topicsNotShown":0,"allTopics":["react","asynchronous","reactjs","setstate"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":3,"issueCount":0,"starsCount":13,"forksCount":7,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-12-28T22:37:06.863Z"}},{"type":"Public","name":"react-children-as-a-function-example","owner":"the-road-to-learn-react","isFork":false,"description":"An example implementation of React's children as a function for implementing a currency converter","topicNames":["react","reactjs","render-prop","render-props"],"topicsNotShown":0,"allTopics":["react","reactjs","render-prop","render-props"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":1,"issueCount":0,"starsCount":25,"forksCount":9,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-10-01T07:23:56.299Z"}},{"type":"Public","name":"react-mock-data","owner":"the-road-to-learn-react","isFork":false,"description":"How to mock data in React with a fake API","topicNames":["react-mock-api"],"topicsNotShown":0,"allTopics":["react-mock-api"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":13,"forksCount":2,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-09-06T13:40:13.834Z"}},{"type":"Public","name":"react-autosave-example","owner":"the-road-to-learn-react","isFork":false,"description":"Autosave on a Form for React by Example","topicNames":["react-autosave"],"topicsNotShown":0,"allTopics":["react-autosave"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":17,"forksCount":3,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-09-06T12:55:12.650Z"}},{"type":"Public","name":"hackernews-client","owner":"the-road-to-learn-react","isFork":false,"description":"The Source Code for \"The Road to learn React\" E-Book","topicNames":["react","create-react-app","reactjs"],"topicsNotShown":0,"allTopics":["react","create-react-app","reactjs"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":2,"issueCount":0,"starsCount":423,"forksCount":95,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:34:37.549Z"}},{"type":"Public","name":"use-combined-reducers","owner":"the-road-to-learn-react","isFork":false,"description":"Custom hook to combine all useReducer hooks for one global state container.","topicNames":["react","redux","state-management","use-reducer","use-combined-reducers"],"topicsNotShown":0,"allTopics":["react","redux","state-management","use-reducer","use-combined-reducers"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":5,"issueCount":3,"starsCount":76,"forksCount":9,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:33:44.520Z"}},{"type":"Public","name":"react-testing-jest-enzyme","owner":"the-road-to-learn-react","isFork":false,"description":"A solid test setup for React components with Jest and Enzyme in a React + Webpack application.","topicNames":["jest","react-testing","jest-tests","react-jest","jest-snapshots","jest-test"],"topicsNotShown":0,"allTopics":["jest","react-testing","jest-tests","react-jest","jest-snapshots","jest-test"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":1,"issueCount":6,"starsCount":34,"forksCount":7,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:33:32.881Z"}},{"type":"Public","name":"react-range","owner":"the-road-to-learn-react","isFork":false,"description":"React Range Component by Example","topicNames":["react-rangeslider","react-range-slider-component","react-range"],"topicsNotShown":0,"allTopics":["react-rangeslider","react-range-slider-component","react-range"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":2,"issueCount":0,"starsCount":0,"forksCount":3,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:33:11.081Z"}},{"type":"Public","name":"react-slider","owner":"the-road-to-learn-react","isFork":false,"description":"React Slider Component by Example","topicNames":["react-slider","react-slider-component","react-rangeslider","react-range-slider-component"],"topicsNotShown":0,"allTopics":["react-slider","react-slider-component","react-rangeslider","react-range-slider-component"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":2,"issueCount":0,"starsCount":8,"forksCount":2,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:33:01.124Z"}},{"type":"Public","name":"react-prevent-rerender-component","owner":"the-road-to-learn-react","isFork":false,"description":"Showcasing when and how to prevent a rerender of a component in React","topicNames":["react","reactjs","shouldcomponentupdate","purecomponent"],"topicsNotShown":0,"allTopics":["react","reactjs","shouldcomponentupdate","purecomponent"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":2,"issueCount":1,"starsCount":14,"forksCount":4,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:32:51.738Z"}},{"type":"Public","name":"react-intersection-observer-api-example","owner":"the-road-to-learn-react","isFork":false,"description":"Showcasing of the Intersection Observer API in React with createRef()","topicNames":["react","reactjs","intersection-observer","intersectionobserver","intersectionobserver-api","createref"],"topicsNotShown":0,"allTopics":["react","reactjs","intersection-observer","intersectionobserver","intersectionobserver-api","createref"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":4,"issueCount":1,"starsCount":13,"forksCount":6,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:32:41.862Z"}},{"type":"Public","name":"react-styled-components-example","owner":"the-road-to-learn-react","isFork":false,"description":"React Styled Components Example","topicNames":["react","styled-components","create-react-app","reactjs"],"topicsNotShown":0,"allTopics":["react","styled-components","create-react-app","reactjs"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":1,"issueCount":1,"starsCount":34,"forksCount":6,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:32:29.520Z"}},{"type":"Public","name":"react-update-item-in-list","owner":"the-road-to-learn-react","isFork":false,"description":"Update an Item in a List in React","topicNames":["react","reactjs","react-state","react-list","react-usestate","react-usereducer"],"topicsNotShown":0,"allTopics":["react","reactjs","react-state","react-list","react-usestate","react-usereducer"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":2,"forksCount":4,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:32:08.227Z"}},{"type":"Public","name":"react-add-item-to-list","owner":"the-road-to-learn-react","isFork":false,"description":"Add an Item to a List in React","topicNames":["react","reactjs","react-state","react-list","react-usestate","react-usereducer"],"topicsNotShown":0,"allTopics":["react","reactjs","react-state","react-list","react-usestate","react-usereducer"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":5,"forksCount":10,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:31:59.078Z"}},{"type":"Public","name":"react-remove-item-from-list","owner":"the-road-to-learn-react","isFork":false,"description":"Remove an Item from List in React","topicNames":["react","reactjs","react-state","react-list","react-usestate","react-usereducer"],"topicsNotShown":0,"allTopics":["react","reactjs","react-state","react-list","react-usestate","react-usereducer"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":5,"forksCount":2,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:31:48.205Z"}},{"type":"Public","name":"react-alternative-class-component-syntax","owner":"the-road-to-learn-react","isFork":false,"description":"An alternative/future way of React Class Component with Class Field Declarations","topicNames":["react","reactjs","javascript-class","es6-classes","class-properties"],"topicsNotShown":0,"allTopics":["react","reactjs","javascript-class","es6-classes","class-properties"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":1,"starsCount":59,"forksCount":9,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:31:38.667Z"}},{"type":"Public","name":"react-derive-state-props","owner":"the-road-to-learn-react","isFork":false,"description":"How to derive state from props in React","topicNames":["react","react-js","react-state"],"topicsNotShown":0,"allTopics":["react","react-js","react-state"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":4,"forksCount":2,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:31:27.975Z"}},{"type":"Public","name":"react-computed-properties","owner":"the-road-to-learn-react","isFork":false,"description":"Computed Properties in React","topicNames":["react","reactjs","react-state-management","react-state","react-computed-properties"],"topicsNotShown":0,"allTopics":["react","reactjs","react-state-management","react-state","react-computed-properties"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":5,"forksCount":1,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:31:17.667Z"}},{"type":"Public","name":"create-react-app-with-sass","owner":"the-road-to-learn-react","isFork":false,"description":"Showcasing on how to use SASS in create-react-app","topicNames":["sass","create-react-app"],"topicsNotShown":0,"allTopics":["sass","create-react-app"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":1,"issueCount":1,"starsCount":10,"forksCount":8,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:31:05.202Z"}},{"type":"Public","name":"react-ref-example","owner":"the-road-to-learn-react","isFork":false,"description":"How to use ref in React as exmaple","topicNames":["react","reactjs","react-ref"],"topicsNotShown":0,"allTopics":["react","reactjs","react-ref"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":2,"forksCount":2,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:30:44.100Z"}},{"type":"Public","name":"use-data-api","owner":"the-road-to-learn-react","isFork":false,"description":"Custom hook for React Components to fetch data from an API.","topicNames":["react","reactjs","react-fetch","react-data"],"topicsNotShown":0,"allTopics":["react","reactjs","react-fetch","react-data"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":1,"starsCount":242,"forksCount":20,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:29:44.099Z"}},{"type":"Public","name":"react-usestate-hook","owner":"the-road-to-learn-react","isFork":false,"description":"Showcasing how state management in React works with the useState hook.","topicNames":["react","reactjs","state","react-state-management","react-state","usestate"],"topicsNotShown":0,"allTopics":["react","reactjs","state","react-state-management","react-state","usestate"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":1,"issueCount":0,"starsCount":5,"forksCount":3,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:29:33.868Z"}},{"type":"Public","name":"react-reusable-components","owner":"the-road-to-learn-react","isFork":false,"description":"Showcasing how reusable components can be made reusable in React.","topicNames":["react","reactjs","reusable-components","reusable-component","function-component"],"topicsNotShown":0,"allTopics":["react","reactjs","reusable-components","reusable-component","function-component"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":1,"issueCount":0,"starsCount":8,"forksCount":1,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-06-12T08:29:24.325Z"}}],"repositoryCount":56,"userInfo":null,"searchable":true,"definitions":[],"typeFilters":[{"id":"all","text":"All"},{"id":"public","text":"Public"},{"id":"source","text":"Sources"},{"id":"fork","text":"Forks"},{"id":"archived","text":"Archived"},{"id":"template","text":"Templates"}],"compactMode":false},"title":"Repositories"}