Introducing react-native-webview-quilljs

Introduction

In the process of finding a text editor capable of creating richly styled text for one of my projects, I stumbled upon Quill.js, “… a modern rich text editor built for compatibility and extensibility”. Based on this statement, it seemed perfect for my needs. I also came across react-quill, a React Quill.js component, which wraps vanilla Quill.js for use in React web applications.

Issues

To note, there is one issue I continue to encounter in using WebViews to wrap React components or even vanilla JS; the wrapped item must be loaded. This is not an instantaneous process, and can take several seconds in some cases. This component shows an activity indicator during the loading process. However, it would be very desirous to preload or stage the component in some way that it is immediately available for use when called upon. Hopefully, someone reading this has some suggestions that they can post in the comments.

Conclusion

I hope whoever uses this component finds it useful, and I would love to hear back from you if you do. I’d also like to hear back from you if you can suggest any improvements.

--

--

Freelance software developer and 21 year military vet. I build for the web, mobile, and server with React, React Native, and AWS & node. https://www.reggie3.com

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Reginald Johnson

Reginald Johnson

495 Followers

Freelance software developer and 21 year military vet. I build for the web, mobile, and server with React, React Native, and AWS & node. https://www.reggie3.com