React hooks & context

I’d love to be able to use react hooks in react-blessed.

It’s an RFC, now, but looks like it will probably solidify into mainline react, soon. In order to test, I installed react@16.7.0-alpha.2.

As it is, I get this error:

Invariant Violation: Hooks can only be called inside the body of a function component.

with this code:

import React, { useState, useEffect } from 'react'
import fetch from 'node-fetch'

function App () {
  const [posts, setPosts] = useState([])
  useEffect(async () => {
    const items = await fetch(
      'https://jsonplaceholder.typicode.com/posts'
    ).then(r => r.json())
    setPosts(items.map(i => i.title))
  })

  return (
    <list items={posts} />
  )
}

To verify that the hooks work, etc, here is a similar thing in a sandbox, in react-dom.

[Yomguithereal]

Hello @konsumer. I agree it would be nice to have hooks support. Unfortunately I am not even sure the current codebase is able to work with react@16 since a lot of changes were made to the reconciler logic. I have not much time to work on this but will of course consider any PR.

[konsumer]

Ah, I got it. needed mouse for buttons to work. Ok, ready for review.