ReactNative support about redraft

[lokiuz]

Didn't have a chance to test it myself yet as I only played around with RN a bit, but it should work just fine. Redraft itself doesn't have any React specific code/dependencies.

Might be a good idea to test it and add some info to readme.

[mxstbr]

Running into the first issue:

How can I make sure that redraft never returns just a string? In ReactNative you have to wrap every string in a Text component.

This is what my renderer look like so far:

import React from 'react';
import Text from '../components/Text';

const renderer = {
  blocks: {
    unstyled: (children, { keys }) =>
      children.map((child, index) => (
        <Text key={keys[index] || index}>{child}</Text>
      )),
    'header-one': (children, { keys }) =>
      children.map((child, index) => (
        <Text type="title1" key={keys[index] || index}>{child}</Text>
      )),
    'header-two': (children, { keys }) =>
      children.map((child, index) => (
        <Text type="title2" key={keys[index] || index}>{child}</Text>
      )),
  },
};

[mxstbr]

Worked around this for now by doing

const filterStrings = (array) => {
  const items = [];
  array.forEach(item => {
    if (typeof item === 'string') return;
    if (Array.isArray(item)) return items.push(filterStrings(item));

    items.push(item);
  })

  return items;
}

filterStrings(redraft(state, renderer));

The solution to this could be an option to wrap each unknown type in an unstyled block maybe? That would work for our use case.

[lokiuz]

If I understand this correctly your raw contains a block that doesn't have a corresponding renderer which results in the block being returned as a string.

Falling back to unstyled might be an option, or possibly allow to define a custom fallback type.

[mxstbr]

Yesss, that is perfect! Did you release the blockFallback option already?

[lokiuz]

I just did 0.10.0 release as this changes the default behavior. Should I close this for now?

[mxstbr]

Sounds good!