Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ericclemmons/react-resolver
Async rendering & data-fetching for universal React applications.
https://github.com/ericclemmons/react-resolver
Last synced: 3 days ago
JSON representation
Async rendering & data-fetching for universal React applications.
- Host: GitHub
- URL: https://github.com/ericclemmons/react-resolver
- Owner: ericclemmons
- License: other
- Created: 2015-01-29T16:15:48.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2022-04-01T11:03:21.000Z (almost 3 years ago)
- Last Synced: 2024-04-23T16:20:44.224Z (9 months ago)
- Language: JavaScript
- Homepage: https://ericclemmons.github.io/react-resolver
- Size: 2.62 MB
- Stars: 1,651
- Watchers: 27
- Forks: 52
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-components-all - react-resolver - Async rendering & data-fetching for universal React applications. (Uncategorized / Uncategorized)
- awesome-react-components - react-resolver - Async rendering & data-fetching for universal React applications. (Code Design / Props from server)
- awesome-react - react-resolver - Isomorphic library to recursively lazy-load data for React components
- awesome-list - react-resolver - Async rendering & data-fetching for universal React applications. (Code Design / Props from server)
- awesome-react-components - react-resolver - Async rendering & data-fetching for universal React applications. (Code Design / Props from server)
- awesome-react-components - react-resolver - Async rendering & data-fetching for universal React applications. (Code Design / Props from server)
README
# React Resolver  [](https://github.com/ericclemmons/react-resolver/issues) [](https://travis-ci.org/ericclemmons/react-resolver) [](https://david-dm.org/ericclemmons/react-resolver#info=dependencies)
> Async-rendering & data-fetching for universal React applications.
React Resolver lets you **define data requirements _per-component_**
and will **handle the nested, async rendering on both the server & client for you.**
For example, the following will load & provide `this.props.user` for the
`UserProfile` component:
```js
import { resolve } from "react-resolver";
@resolve("user", function(props) {
return http.get(`/api/users/${props.params.userId}`);
})
class UserProfile extends React.Component {
render() {
const { user } = this.props;
...
}
}
```
This is the equivalent to asynchronously loading `user` and providing it to
the component as if it were provided directly:
```xml
```
This makes components _pure_, _stateless_, and _easy to test_ as a result.
[](http://www.reactiflux.com)
[](https://gitter.im/ericclemmons/react-resolver?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
- - -
### Installation
_For environments that don't have native `Promise` support,
install [ES6 Promise](https://github.com/jakearchibald/es6-promise)._
```shell
$ npm install --save react-resolver
```
_For React v0.13 support, install [v2.x.x](https://github.com/ericclemmons/react-resolver/tree/v2.0.5)._
```shell
$ npm install --save react-resolver@2
```
## Documentation
Complete documentation can be found here:
>
- [Introduction](/docs/introduction)
- [Getting Started](/docs/getting-started)
- - -
## Development
If you'd like to contribute to this project, all you need to do is clone
this project and run:
```shell
$ npm install
$ npm test
```
## [Contributors](https://github.com/ericclemmons/react-resolver/graphs/contributors)
- [Eric Clemmons](mailto:[email protected]>) ([@ericclemmons][twitter])
- [Kier Borromeo](https://github.com/srph)
- [Dustan Kasten](https://github.com/iamdustan)
- [Adrian Philipp](https://github.com/adri)
- [Daniel Lo Nigro](https://github.com/Daniel15)
- [Daniel Chao](https://github.com/bioball)
- [Frederick Fogerty](https://github.com/frederickfogerty)
- [Josh Perez](https://github.com/goatslacker)
## [License][license]
> Internet Systems Consortium license
> ===================================
>
> Copyright (c) 2015 Eric Clemmons
>
> Permission to use, copy, modify, and/or distribute this software for any purpose
> with or without fee is hereby granted, provided that the above copyright notice
> and this permission notice appear in all copies.
>
> THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
> REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
> FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
> INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
> OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
> TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
> THIS SOFTWARE.
## Collaboration
If you have questions or issues, please [open an issue][issue]!
[1]: https://github.com/ericclemmons/react-resolver/blob/v1/README.md
[2]: https://github.com/ericclemmons/react-resolver/blob/v2/README.md
[changelog]: https://github.com/ericclemmons/react-resolver/blob/master/CHANGELOG.md
[demo]: https://cdn.rawgit.com/ericclemmons/react-resolver/master/examples/stargazers/public/index.html
[issue]: https://github.com/ericclemmons/react-resolver/issues/new
[license]: https://github.com/ericclemmons/react-resolver/blob/master/LICENSE
[twitter]: https://twitter.com/ericclemmons/
[upcoming]: https://github.com/ericclemmons/react-resolver/blob/master/CHANGELOG.md#upcoming