Farcaster react native experts - what's the best way to do a text area with things like @ mentions (think a Casting input). Are there any serious problems with using a webview?

Senior prompt engineer. Shipped on farcaster: @larrybot, @qdau, @frames, @framesfun, /open-frames, farcasterchannels.com, farcaster.id, @mod, @search, @discove

Technowatermelon. Elder Millenial. Building Farcaster. 

nf.td/varun

I haven't built it out to verify, but I would expect rendering several webviews (e.g. one for each cast in a feed) would be pretty expensive from a CPU/memory perspective, since you're effectively spinning up a dozen little mobile Safari browsers. That would be less of a problem if you're only using it for one view,

but at a minimum it will add some awkwardness to your code, since you'll have native Javascript + Javascript that gets injected into the web view, which will either mean you'll give up type safety, auto-complete, etc. or you'll need to setup a whole separate build process to compile the webview Javascript.

but I think the pattern of parsing the text within the mobile app, then rendering with native components is probably the move. As far as parsing/tokenizing, I would consider doing it yourself from scratch, but there are also some libs out there to assist.

For rich text, we use a library called linkify-it, which assists with the tokenization, then we we join those tokens, wrapping segments with native components (e.g. View, Text, etc.). I'm not a big fan of the linkify-it library, because I think the interface is awkward and unintuitive,