{"id":20661499,"url":"https://github.com/deepsyx/reflux-preload-store-data","last_synced_at":"2026-05-08T02:12:09.742Z","repository":{"id":77119207,"uuid":"64346493","full_name":"deepsyx/reflux-preload-store-data","owner":"deepsyx","description":"[ES6] Render components when all data stores are loaded","archived":false,"fork":false,"pushed_at":"2016-07-27T22:46:53.000Z","size":2,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-17T12:17:28.424Z","etag":null,"topics":["babel","es6","javascript","react","reflux"],"latest_commit_sha":null,"homepage":"","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/deepsyx.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":"2016-07-27T22:43:13.000Z","updated_at":"2017-08-29T12:13:50.000Z","dependencies_parsed_at":"2023-03-12T00:07:53.656Z","dependency_job_id":null,"html_url":"https://github.com/deepsyx/reflux-preload-store-data","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/deepsyx%2Freflux-preload-store-data","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepsyx%2Freflux-preload-store-data/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepsyx%2Freflux-preload-store-data/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepsyx%2Freflux-preload-store-data/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deepsyx","download_url":"https://codeload.github.com/deepsyx/reflux-preload-store-data/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242793032,"owners_count":20185949,"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":["babel","es6","javascript","react","reflux"],"created_at":"2024-11-16T19:09:52.374Z","updated_at":"2026-05-08T02:12:04.699Z","avatar_url":"https://github.com/deepsyx.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[Reflux] Render components when all data stores are loaded\n=============\n\nHere is an example of high-order react component, which will diplay a loading animation until all stores are loaded. This is useful when you directly open a react page, that depends on asynchronously loaded data. For example if you have an user authentication and an action that loads user images, you might want to render the component when both request are completed.\n\nIn this example I'm exporting the react component like this:\n\n    export default loadStores({\n\t    images: GalleryStore // load GalleryStore as images props\n    }, ImageList);\n\nSo the ImageList component won't be rendered unless the GalleryStore's loaded property equals `true`. You can also add multiple stores in the firt parameter of loadStores. I've provided a simplified loadStore component named `loadStores.jsx` and a more complex version of it, which uses a fadeOut animation when the loading is done, named `loadStores_FADE_ANIMATION.jsx`. The stores are passed to the wrapped component as props (the prop key of each store equals to the key provided in the first parameter).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeepsyx%2Freflux-preload-store-data","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeepsyx%2Freflux-preload-store-data","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeepsyx%2Freflux-preload-store-data/lists"}