gauravtiwari

// A simple counter example
// The setup will be more complicated in modern apps built using React

const incrementNode = document.getElementById('increment');
const decrementNode = document.getElementById('decrement');
const inputNode = document.getElementById('counter');

const counter = {
  initialize() {
    incrementNode.addEventListener('click', (event) => {

gauravtiwari

/* global window */

const popup = (url) => {
  const windowArea = {
    width: Math.floor(window.outerWidth * 0.8),
    height: Math.floor(window.outerHeight * 0.5),
  };

  if (windowArea.width < 1000) { windowArea.width = 1000; }
  if (windowArea.height < 630) { windowArea.height = 630; }

gauravtiwari

source 'https://rubygems.org'
ruby '2.2.6'
gem 'rails', '~> 5.1.x'
gem 'sprockets', '~> 4.x'

gauravtiwari

heroku create 

heroku addons:create heroku-postgresql:hobby-dev
git push heroku master

gauravtiwari

// Note: You must restart bin/webpack-watcher for changes to take effect

var path = require('path');
var glob = require('glob');
var extname = require('path-complete-extname');
var distPath = process.env.WEBPACK_DIST_PATH;

if (distPath === undefined) {
  distPath = 'packs'
}

gauravtiwari

// Initialize the counter code when DOM is ready
import './style.sass';
import counter from './counter';

document.addEventListener('DOMContentLoaded', () => {
  counter.initialize();
});

gauravtiwari

$grey: #f2f2f2

.counter-wrapper
  max-width: 500px
  margin: 100px auto
  padding: 10px
  border: 1px solid $grey

  form

gauravtiwari

// Require or import the counter module
import '../counter';

gauravtiwari

// Initialize the counter code when DOM is ready
import counter from './counter';

document.addEventListener('DOMContentLoaded', () => {
  counter.initialize();
});

gauravtiwari

// Note: You must restart bin/webpack-watcher for changes to take effect

var webpack = require('webpack')
var merge   = require('webpack-merge')

var sharedConfig = require('./shared.js')

module.exports = merge(sharedConfig.config, {
  output: { filename: '[name]-[hash].js' },