#### Nothing to see here ...
Quite so. This package allows you to bring React's high-level component abstraction to Node or wherever you need it. Why not manage your REST endpoints like routes on the client, users as components with mount/unmount lifecycles, self-contained separation of concern, and clean side effects? Suspense for requests, etc.
You can try a small demo here: https://codesandbox.io/s/react-nil-mvpry
#### How does it work?
The following renders a logical component without a view, it renders nothing, but it has a real lifecycle and is managed by React regardless.
```jsx
import { useState, useEffect } from 'react'
import { render } from 'react-nil'
function Foo() {
const [active, set] = useState(false)
useEffect(() => void setInterval(() => set((a) => !a), 1000), [])
// false, true, ...
console.log(active)
}
render()
```
We can take this further by rendering made-up elements that get returned as a reactive JSON tree from `render`.
You can take a snapshot for testing via `React.act` which will wait for effects and suspense to finish.
```tsx
import { useState, useEffect, act } from 'react'
import { render } from 'react-nil'
declare module 'react' {
namespace JSX {
interface IntrinsicElements {
timestamp: Record
}
}
}
function Test() {
const [value, setValue] = useState(-1)
useEffect(() => setValue(Date.now()), [])
return
}
const container = await act(async () => render())
// { type: 'timestamp', props: { value: number }, children: [] }
console.log(container.head)
```
---
_Source: https://npm.io/package/react-nil · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
