Skip to content

Instantly share code, notes, and snippets.

Last active January 26, 2024 11:25
Star You must be signed in to star a gist
Save gaearon/6668a1f6986742109c00a581ce704605 to your computer and use it in GitHub Desktop.
Add React in One Minute
<!DOCTYPE html>
<meta charset="UTF-8" />
<title>Add React in One Minute</title>
<h2>Add React in One Minute</h2>
<p>This page demonstrates using React with no build tooling.</p>
<p>React is loaded as a script tag.</p>
<!-- We will put our React component inside this div. -->
<div id="like_button_container"></div>
<!-- Load React. -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<script src="" crossorigin></script>
<script src="" crossorigin></script>
<!-- Load our React component. -->
<script src="like_button.js"></script>
'use strict';
const e = React.createElement;
class LikeButton extends React.Component {
constructor(props) {
this.state = { liked: false };
render() {
if (this.state.liked) {
return 'You liked this.';
return e(
{ onClick: () => this.setState({ liked: true }) },
const domContainer = document.querySelector('#like_button_container');
const root = ReactDOM.createRoot(domContainer);
Copy link

shegy28 commented Jan 9, 2023

Really helpful thanks alot

Copy link

shegy28 commented Jan 9, 2023

Is it possible to implement the same logic , but for an react-native application ?

yes I think so

Copy link

exezick commented Feb 9, 2023

I have a question guys, what if I created another component and I want to call it or import it inside like_button.js how to do that?

Copy link

jo777750 commented Feb 9, 2023 via email

Copy link

exezick commented Feb 9, 2023

I tried to import a component using react cdn but I cand import it, I posted the problem in stack overflow.

Copy link

MAB015 commented Feb 28, 2023


Copy link


Copy link

onigetoc commented Sep 7, 2023

jsfiddle demo but without the js url component but direct inside the javascript:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment