Migrate Android webview to React-Native-WebviewLoop inside React JSXWhat is the difference between using constructor vs getInitialState in React / React Native?Programmatically navigate using react routerHow to use React Native launch options parameter for RCTRootViewWhat is the difference between React Native and React?Rendering react-native components within native android view (UI component)Does React Native compile JavaScript into Java for Android?How to import react native project in android studioPass data from Android Native to React NativeUnable to Integrate React-Native in Android App

Anatomically Correct Strange Women In Ponds Distributing Swords

Is a stroke of luck acceptable after a series of unfavorable events?

Is there a problem with hiding "forgot password" until it's needed?

Risk of infection at the gym?

Method to test if a number is a perfect power?

Was Spock the First Vulcan in Starfleet?

How many times can American Tourist re-enter UK in same 6 month period?

How do scammers retract money, while you can’t?

How did Arya survive the stabbing?

Two monoidal structures and copowering

How to draw lines on a tikz-cd diagram

You cannot touch me, but I can touch you, who am I?

Pole-zeros of a real-valued causal FIR system

How to Reset Passwords on Multiple Websites Easily?

Balance Issues for a Custom Sorcerer Variant

How to pronounce the slash sign

Failed to fetch jessie backports repository

Do the temporary hit points from Reckless Abandon stack if I make multiple attacks on my turn?

Is exact Kanji stroke length important?

Opposite of a diet

How do I extract a value from a time formatted value in excel?

How to run a prison with the smallest amount of guards?

Tiptoe or tiphoof? Adjusting words to better fit fantasy races

What is the opposite of 'gravitas'?



Migrate Android webview to React-Native-Webview


Loop inside React JSXWhat is the difference between using constructor vs getInitialState in React / React Native?Programmatically navigate using react routerHow to use React Native launch options parameter for RCTRootViewWhat is the difference between React Native and React?Rendering react-native components within native android view (UI component)Does React Native compile JavaScript into Java for Android?How to import react native project in android studioPass data from Android Native to React NativeUnable to Integrate React-Native in Android App













2















I have a Hybrid Android App which uses Android WebView for rendering the Web Pages.



I have Wiziwig Editor (which is written in HTML, javascript, and css). I am using Webkit Interface for communicating between Java and JavaScript



I want to integrate React Native in my Editor. Previously I was using JavaScript models and JS functions for implementing various functionalities in the WiziWig Editor and manipulating DOM.



But its UX is not fast and appealing. Moreover, I had integrated the Twitter BloodHound Engine in Editor. Whenever the user types in the Editor the typeahead list of BloodHound Engine lags.



I am thinking of using the React Native in my Editor. With React Native I can also use the Android Native components for showing messages and other things instead of the JavaScript Models. There are also other possibilities of improvement with React Native.



I built a demo app in which, I am able to communicate between Java and Javascript code using React Native Modules.



Question



My WiziWig has so much Code already written in HTML, CSS, and plain JavaScript. In order to convert my code to React Native and using Native components for UI, it would take a lot of time.



Is there a way in which I can use my old code base in React Native and then I slowly move the code to the React Native using JSX and components.



I have seen There is Render function in React Native for Rendering the html content. But I have to write the plain JS code in JSX. Is there a fast way to do it. Because my file has already 4495 lines of Code.



Thanks in advance










share|improve this question




























    2















    I have a Hybrid Android App which uses Android WebView for rendering the Web Pages.



    I have Wiziwig Editor (which is written in HTML, javascript, and css). I am using Webkit Interface for communicating between Java and JavaScript



    I want to integrate React Native in my Editor. Previously I was using JavaScript models and JS functions for implementing various functionalities in the WiziWig Editor and manipulating DOM.



    But its UX is not fast and appealing. Moreover, I had integrated the Twitter BloodHound Engine in Editor. Whenever the user types in the Editor the typeahead list of BloodHound Engine lags.



    I am thinking of using the React Native in my Editor. With React Native I can also use the Android Native components for showing messages and other things instead of the JavaScript Models. There are also other possibilities of improvement with React Native.



    I built a demo app in which, I am able to communicate between Java and Javascript code using React Native Modules.



    Question



    My WiziWig has so much Code already written in HTML, CSS, and plain JavaScript. In order to convert my code to React Native and using Native components for UI, it would take a lot of time.



    Is there a way in which I can use my old code base in React Native and then I slowly move the code to the React Native using JSX and components.



    I have seen There is Render function in React Native for Rendering the html content. But I have to write the plain JS code in JSX. Is there a fast way to do it. Because my file has already 4495 lines of Code.



    Thanks in advance










    share|improve this question


























      2












      2








      2


      1






      I have a Hybrid Android App which uses Android WebView for rendering the Web Pages.



      I have Wiziwig Editor (which is written in HTML, javascript, and css). I am using Webkit Interface for communicating between Java and JavaScript



      I want to integrate React Native in my Editor. Previously I was using JavaScript models and JS functions for implementing various functionalities in the WiziWig Editor and manipulating DOM.



      But its UX is not fast and appealing. Moreover, I had integrated the Twitter BloodHound Engine in Editor. Whenever the user types in the Editor the typeahead list of BloodHound Engine lags.



      I am thinking of using the React Native in my Editor. With React Native I can also use the Android Native components for showing messages and other things instead of the JavaScript Models. There are also other possibilities of improvement with React Native.



      I built a demo app in which, I am able to communicate between Java and Javascript code using React Native Modules.



      Question



      My WiziWig has so much Code already written in HTML, CSS, and plain JavaScript. In order to convert my code to React Native and using Native components for UI, it would take a lot of time.



      Is there a way in which I can use my old code base in React Native and then I slowly move the code to the React Native using JSX and components.



      I have seen There is Render function in React Native for Rendering the html content. But I have to write the plain JS code in JSX. Is there a fast way to do it. Because my file has already 4495 lines of Code.



      Thanks in advance










      share|improve this question
















      I have a Hybrid Android App which uses Android WebView for rendering the Web Pages.



      I have Wiziwig Editor (which is written in HTML, javascript, and css). I am using Webkit Interface for communicating between Java and JavaScript



      I want to integrate React Native in my Editor. Previously I was using JavaScript models and JS functions for implementing various functionalities in the WiziWig Editor and manipulating DOM.



      But its UX is not fast and appealing. Moreover, I had integrated the Twitter BloodHound Engine in Editor. Whenever the user types in the Editor the typeahead list of BloodHound Engine lags.



      I am thinking of using the React Native in my Editor. With React Native I can also use the Android Native components for showing messages and other things instead of the JavaScript Models. There are also other possibilities of improvement with React Native.



      I built a demo app in which, I am able to communicate between Java and Javascript code using React Native Modules.



      Question



      My WiziWig has so much Code already written in HTML, CSS, and plain JavaScript. In order to convert my code to React Native and using Native components for UI, it would take a lot of time.



      Is there a way in which I can use my old code base in React Native and then I slowly move the code to the React Native using JSX and components.



      I have seen There is Render function in React Native for Rendering the html content. But I have to write the plain JS code in JSX. Is there a fast way to do it. Because my file has already 4495 lines of Code.



      Thanks in advance







      reactjs react-native-android hybrid-mobile-app mobile-webkit react-native-bridge






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Mar 8 at 6:12







      Vivek Sharma

















      asked Mar 7 at 12:13









      Vivek SharmaVivek Sharma

      266




      266






















          0






          active

          oldest

          votes











          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55043524%2fmigrate-android-webview-to-react-native-webview%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55043524%2fmigrate-android-webview-to-react-native-webview%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          AWS Lex not identifying response if by a variable The 2019 Stack Overflow Developer Survey Results Are In Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) The Ask Question Wizard is Live! Data science time! April 2019 and salary with experienceEnforcing custom enumeration in AWS LEX for slot valuesHow to give response based on user response in Amazon Lex?Intercepting AWS Lambda Response to a AWS Lex QueryLex chat bot error: Reached second execution of fulfillment lambda on the same utteranceamazon lex showing invalid responseLambda response send back to Lex slot?Response card in Amazon lexAmazon Lex - Lambda response return HTML to botHow can I solve 424 (Failed Dependency) (python) obtained from Amazon lex?

          Алба-Юлія

          Захаров Федір Захарович