https://github.com/kcreate/deferedcontainerlist
Defer rendering of props changes
https://github.com/kcreate/deferedcontainerlist
Last synced: 4 months ago
JSON representation
Defer rendering of props changes
- Host: GitHub
- URL: https://github.com/kcreate/deferedcontainerlist
- Owner: KCreate
- License: mit
- Created: 2016-05-09T21:30:50.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-05-17T09:08:52.000Z (over 9 years ago)
- Last Synced: 2025-03-26T13:49:37.191Z (11 months ago)
- Language: JavaScript
- Size: 3.21 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React: DeferedContainerList
Utility component that allows you to defer the rendering of child components. Useful for transitions between pages that might reuse the same components.
# How do i use it?
Install it (Instructions below) and import the component in your app. Also check out the examples inside the examples folder.
# Installation
```bash
npm install deferedcontainerlist -S
```
Then you can just use it as a regular React component.
# Usage Example
Below is a little app i threw together to demonstrate a possible use case for this library.
# Code Example
[Live Demo](https://jsfiddle.net/fj4zv2tn/15/)
```js
import React form 'react';
import { render } from 'react-dom';
import DeferedContainerList from 'deferedcontainerlist';
render(
{/* Nodes go here */}
);
```
# Important
If your child component has it's own className, this won't work. DeferedContainerList just passes another className prop to your component so you need to add it manually. Something like that:
```javascript
class SomeComponent extends Component {
render() {
return (
/* ... */
);
}
}
```
# License
[MIT](https://github.com/KCreate/DeferedContainerList/blob/master/LICENSE)