Giter Site home page Giter Site logo

Comments (5)

anhdle14 avatar anhdle14 commented on June 12, 2024

Experienced this too, are there any hacks or solutions yet?

from react-native-dom.

iamralpht avatar iamralpht commented on June 12, 2024

I did touch domDependencyConfig.json and the error went away. YMMV.

from react-native-dom.

anhdle14 avatar anhdle14 commented on June 12, 2024

That really not fix the issue, because react-native-dom still depends on native-module to be ported to the web.
For the future, we need to somehow do:

  1. react-native link to generate dependencies for the web.
  2. react-native-web to somehow take react-native link to use the web-version instead of native module.

from react-native-dom.

iamralpht avatar iamralpht commented on June 12, 2024

Isn't the list of "native modules" in dom/bootstrap.js equivalent to what react-native link does for the iOS and Android build systems?

from react-native-dom.

anhdle14 avatar anhdle14 commented on June 12, 2024

Haven't got the chance to look into the issue but in short: yes

import { RNDomInstance } from "react-native-dom";
import { name as appName } from "../app.json";

// Path to RN Bundle Entrypoint ================================================
const rnBundlePath = "./entry.bundle?platform=dom&dev=true";

// React Native DOM Runtime Options =============================================
const ReactNativeDomOptions = {
  enableHotReload: false,
  nativeModules: []
};

// App Initialization ============================================================
const app = new RNDomInstance(
  rnBundlePath,
  appName,
  document.body,
  ReactNativeDomOptions
);

app.start();

Haven't try to do index.dom.js to see if we can use react-native-web to do the render with non native modules, and let react-native handle gesture, yoga (flex). That would be a most optimal way for now. I could be wrong, but it is good to try it nonetheless.

from react-native-dom.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.