Create an embeddable widget using React

javascript reactjs widget embeddable babelify
demluckycharms picture demluckycharms · Jan 11, 2018 · Viewed 10.3k times · Source

I have a small form component built using React that I want to make into an embeddable widget for use on other pages. I believe I heard Babelify can help accomplish this, but I'm honestly drawing a blank on how to get this working. I used Babelify to create a bundle.js of the form component, but sticking that on to a blank HTML page using <script src='bundle.js'></script> didn't do anything. So clearly I am either misunderstanding something or am just...totally lost.

Answer

mouthzipper picture mouthzipper · Jan 11, 2018

Created an embeddable widget with react by following this tutorial http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6

Related questions

Embeddable JavaScript widget with React

Is it possible to create an embeddable JavaScript widget using the React JavaScript library, where: the React library is "embedded" within the widget the version of the embedded React library can be different from the React library on the page …

Read More
Loop inside React JSX

I'm trying to do something like the following in React JSX (where ObjectRow is a separate component): <tbody> for (var i=0; i < numrows; i++) { <ObjectRow/> } </tbody> I realize and understand why this isn't …

Read More
"SyntaxError: Unexpected token < in JSON at position 0"

In a React app component which handles Facebook-like content feeds, I am running into an error: Feed.js:94 undefined "parsererror" "SyntaxError: Unexpected token < in JSON at position 0 I ran into a similar error which turned out to be a …

Read More