I am currently working on a React Native project that uses TypeScript as the programming language. I am familiar with using Emmet in my text editor for web development and would like to know if it is possible to enable similar functionality for React Native development with TypeScript.
I have managed to make Emmet work for normal react but not react native because it isn't normal JSX.
Are there any specific plugins or configurations that I need to be aware of to enable Emmet support for React Native development with TypeScript?
Related
I did like to find out how I can use next js as the web with react native as the developer used mono repo concept
I imported this library https://github.com/THCLab/oca.js-form-core in my React Native project but I get an error when instantiating const ocaJs = new OcaJs({});:
Error: Automatic publicPath is not supported in this browser, js engine: hermes
The library is Node.js compatible (there is an example in the Github repository). However, it is packaged (npm) with webpack and I believe that the React Native project uses this package for import. That's the problem (i think - i'm a beginner in React Native). There are references to the DOM added by webpack. Is there any way to force the use of the Node.js build instead?
Have you tried specifying the publicPath explicitly as discussed in the answers to this question?
In general however, because React Native does not contain all the Core Node JS Modules, many libraries which are compatible with Node.js require polyfills to work in React Native. You can attempt to make a polyfill yourself by following a guide such as this. I have experienced mixed results with such methods, but I am far from an expert. From my experience, trying to create a polyfill can be a time consuming venture to pursue, and I would recommend first exploring whether or not a React Native library exists which can help you accomplish your objective.
My company have a javascript library that contains all the core logic of our web app (written with React). This library is built using typescript and compiled down to es2015.
When adding this library to our react native app we've encountered a weird behaviour where the code works fine when running the app with the debug version but doesn't work when running release builds.
We don't understand why this issue is happening especially because we aren't writing any code in this library that we wouldn't write in the app. And we also tried to copy the code from the library to our app and it worked fine.
What can be the reason for that?
Well, this might be a silly question but I want to clarify the reason.
React-Native imports nodeJS libraries, so I think it is possible to use reactJS library as well though reactJS includes pure html components.
Can react native recognize reactJS components including html?
react library actually does not have anything related to Browser DOM HTML. Anything related to it separated into react-dom package. React Native does not and cannot use this library, because you don't have DOM underneath a react native application. However you can use most of the code/functionality you wrote for your mobile app in the browser, if you install necessary transpiling library. This is possible because react native defines some primitive components that can be ported to almost any platform.
If you still want to use just HTML to render inside react native, you may use WebView for it.
Usually libraries built specifically for other platforms will not work with React Native. Examples include react-select which is built for the web and specifically targets react-dom, and rimraf which is built for Node.js and interacts with your computer file system. Other libraries like lodash use only JavaScript language features and work in any environment. You will gain a sense for this over time, but until then the easiest way to find out is to try it yourself. You can remove packages using npm uninstall if it turns out that it does not work in React Native.
-- source: React native official docs
I develop apps in React Native, I need to build my own libraries and to reuse them in multiple React Native projects.
With React Native I couldn’t link a library from outside the project, so I can't simply link my library to all my React Native apps.
What is the right way to do that?
I need to have a development environment to develop and test my library, but I need also to import my library in all the projects I need.