Ebru Gulec ebrugulec

## react-component-nm-github-pages12.js
 "scripts": {
    ...
    "build": "webpack --mode production",
    "deploy": "gh-pages -d examples/dist",
    "publish-demo": "npm run build && npm run deploy"
  },

## react-component-nm-github-pages11.js
# .npmignore

src
examples
.babelrc
.gitignore
webpack.config.js

## react-component-nm-github-pages10.js
"scripts": {
    ...
    "prepublishOnly": "npm run transpile"
  },

## react-component-nm-github-pages10.js
"main": "dist/index.js",
  "scripts": {
    ...
    "transpile": "babel src -d dist --copy-files"
  },

## react-component-nm-github-pages8.js
npm i babel-cli -D

## react-component-nm-github-pages7.js
{
  "presets": ["env", "react"]
}

## react-component-nm-github-pages6.js
/*** webpack.config.js ***/
const path = require('path');
const HtmlWebpackPlugin = require("html-webpack-plugin");
const htmlWebpackPlugin = new HtmlWebpackPlugin({
    template: path.join(__dirname, "examples/src/index.html"),
    filename: "./index.html"
});
module.exports = {
    entry: path.join(__dirname, "examples/src/index.js"),
    module: {

## react-component-nm-github-pages5.js
/***  examples/src/index.js ***/
import React from 'react';
import { render} from 'react-dom';
import ReactRateComponent from '../../src';

const App = () => (
    <ReactRateComponent />
);
render(<App />, document.getElementById("root"));

## react-component-nm-github-pages4.js
/*** examples/src/index.html ***/
<html>
<head>
    <title>React Rate Component</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" type="image/png" href="/favicon.png"/>
</head>
<body>
    <noscript>

## react-component-nm-github-pages3.js
/*** src/index.js   ***/
import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types';
/*** import './styles.css'; ***/

function ReactRateComponent(props){
    return(
      ...
    )
}
	"scripts": {
	...
	"build": "webpack --mode production",
	"deploy": "gh-pages -d examples/dist",
	"publish-demo": "npm run build && npm run deploy"
	},
	"main": "dist/index.js",
	"scripts": {
	...
	"transpile": "babel src -d dist --copy-files"
	},
	/* webpack.config.js */
	const path = require('path');
	const HtmlWebpackPlugin = require("html-webpack-plugin");
	const htmlWebpackPlugin = new HtmlWebpackPlugin({
	template: path.join(__dirname, "examples/src/index.html"),
	filename: "./index.html"
	});
	module.exports = {
	entry: path.join(__dirname, "examples/src/index.js"),
	module: {
	/* examples/src/index.js */
	import React from 'react';
	import { render} from 'react-dom';
	import ReactRateComponent from '../../src';

	const App = () => (
	<ReactRateComponent />
	);
	render(<App />, document.getElementById("root"));
	/* examples/src/index.html */
	<html>
	<head>
	<title>React Rate Component</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
	</head>
	<body>
	<noscript>
	/* src/index.js */
	import React, { useState, useEffect } from 'react';
	import PropTypes from 'prop-types';
	/* import './styles.css'; */

	function ReactRateComponent(props){
	return(
	...
	)
	}