How to publish full React app as an npm Package - reactjs

How can I publish my react app as an NPM package?
I have a task that My react app should work in any other app like angular or vue apps.
I tried a alibrary that convert my react component to a web component and it did work on angular and vue apps. But It's only signle components
How can I Push all the components as one single package as a web component so when someone install it he will use only one tag to run my app?
and is React SDK related to this?

Related

Embedding a react native inside Cordova App

we want to build new functionality in React Native but the main app is cordova app.
current production app created in cordova. but is it possible to call production cordova app to React Native app?
example: cordova app->Footer menu button click-> trigger/invoke the React Native screens
is it possible to embedding a react native inside existing cordova app?.
we have an app build using cordova. However, the client is not happy about the performance. so we like to build new screens in react-native and we thought about combining the current state of the app, embedding a react native inside cordova app. Does this make any sense?

How to export React Native components created in storybook for it to be used in actual app?

I understand we can create and test React Native Components in isolation in Storybook. But how do we export/publish the components to integrate in our app?
In React -
I used react-docgen that will allow me to create and document components as a standalone project
Then I will build and publish my doc app as a package to npm registry and npm install as dependency in my app to import those components
How do we do same in Storybook with React Native? Should I -
copy files/code of tested components in my actual app?
export everything just in stories folder and build and publish as package and install as dependency in my app?
Install storybook in my actual app? But I guess that's not an option as storybook is supposed to be run as standalone app in itself
May be I am missing something obvious as no tutorial/article/doc talk about how to consume the created Components in final apps? Can someone please shed some light? Thank you.
Ok, someone finally said this in a tutorial-
Once you find the component and the state that you want, you can see the source code you need to place in your application to get the exact same functionality
So, after all it will act simply like a UI library documentation from where you need to copy code from example and cannot add stories as dependency to your project.

How to integrate a shopify site into react native app

Hi am new to react native. Could you please any one help me . How to build an app shopify site in to react native.
react native npm am refer this site to install that module in react native app and use like that usage only but i cannot get result.
So any one please help me to resolve this solution . How to integrate a shopify site in to react native to build a mobile app

How to create a React app without webpack and Create-react-app

without using webpack and create-react-app how to create a React app
i would like to use following in my react application
1.redux
2.react routing
You can simply copy the cdn and implement your component to the project. That is if you have already a web page and you want to implement a few components with reactJs. Check this page has your answer.
https://reactjs.org/docs/add-react-to-a-website.html

integrating react project into another react project

I am very new to react. I grabbed the petclinic project from github (https://github.com/spring-petclinic/spring-petclinic-reactjs) to run it and understand how react works. I want to add plugins to this project (plugins are other react projects as I understand), The plugin I want to add is a datatable (https://github.com/rishabhbits038/react-tabelify) which is another react project. My question is how to integrate one react project inside the other. in jquery it is direct, just including the .js file in the project but in react it does not seem that obvious.
From inside the petclinic project, run
npm install react-tabelify
and import the component you want use as:
import Tabelify from 'react-tabelify';
should work, as the second library is registered with npm

Resources