ArunMichaelDsouza

// Child.jsx
class Child extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <button 
                type="button" 
                onClick={ this.props.updateParent }

ArunMichaelDsouza

class Modal extends Component {
   constructor(props) {
        super(props);
   }
   
    render() {
        const node = document.getElementById(‘modal’);
        return ReactDOM.createPortal(this.props.children, node);
    }
}

ArunMichaelDsouza

class Info extends Component {
   constructor(props) {
        super(props);
   }
   
    render() {
        return <Modal><Text text=“This is the text” /></Modal>;
    }
}

ArunMichaelDsouza

class Child extends Component {
    constructor(props) {
        super(props);

        this.state = {
            error: false
        };
        this.handleClick = this.handleClick.bind(this);
    }

ArunMichaelDsouza

/* Demo webpack config for a production build
This setup can be further combined with tree-shaking and async code splitting for best results */

const path = require('path'),
    webpack = require('webpack'),
    buildPath = '../public/assets/js/builds/',
    ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = [{

ArunMichaelDsouza

module.exports = {
	entry: './js/src/app.js',
	output: {
		filename: './js/build/bundle.js'
	},
	module: {
		loaders: [
			{
				test: /\.jsx?$/,
                loader: 'babel',

ArunMichaelDsouza

import React, { Component } from 'react';
import { Field, reduxForm } from 'redux-form';
import { connect } from 'react-redux';
import * as actions from '../../actions';

const form = reduxForm({
  form: 'ReduxFormTutorial',
  validate
});

ArunMichaelDsouza

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');

module.exports = {
  context: __dirname,
  devtool: debug ? "inline-sourcemap" : null,
  entry: "./js/scripts.js",
  output: {
    path: __dirname + "/js",
    filename: "scripts.min.js"

ArunMichaelDsouza

ArunMichaelDsouza

<!-- Inject via regular symbol -->
<% content_for :css do %>
   <%= stylesheet_link_tag "shop" -%>
<% end %>

<!-- Inject via controller symbol 
<%= stylesheet_link_tag params[:controller] %>