vinayakhumberi

jest.mock('react-redux', () => ({
  connect: (mapStateToProps, mapDispatchToProps) => (reactComponent) => ({
    mapStateToProps,
    mapDispatchToProps: (dispatch = mockDispatch, ownProps) => mapDispatchToProps(dispatch, ownProps),
    reactComponent,
    mockDispatch: jest.fn((action) => action)
  }),
  Provider: ({children}) => children
}));

vinayakhumberi

<script>
(function(d, script) {
    script = d.createElement('script');
    script.type = 'text/javascript';
    script.async = true;
    script.onload = function(){
        // remote script has loaded
    };
    script.src = 'http://www.google-analytics.com/ga.js';
    d.getElementsByTagName('head')[0].appendChild(script);

vinayakhumberi

//Before </body> tag
<script>
        var xhr = new XMLHttpRequest();
        xhr.open("get", "cookbook.js", true);
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4) {
                if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304) {
                    var script = document.createElement("script");
                    script.type = "text/javascript";
                    script.text = xhr.responseText;

vinayakhumberi

import Loadable from 'react-loadable';

export const ContactUs = Loadable({
  loader: () => import('./source/pages/ContactUs/ContactUs'),
  loading: () => LoadingPage
});
export const HomePage = Loadable({
  loader: () => import('./source/pages/Home/HomePage'),
  loading: () => LoadingPage
});

vinayakhumberi

import React, { Suspense } from 'react';

const OtherComponent = React.lazy(() => import('./OtherComponent'));

function MyComponent() {
  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <OtherComponent />
      </Suspense>

vinayakhumberi

const path = require('path');

module.exports = {
  entry: './path/to/my/entry/file.js',
  output: {
    filename: '[name].bundle.[contenthash].js'
  },
  optimization: {
    splitChunks: {
      cacheGroups: {

vinayakhumberi

const path = require('path');

module.exports = {
  entry: './path/to/my/entry/file.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].bundle.[contenthash].js',
  },
  optimization: {
    splitChunks: {

vinayakhumberi

// Your default webpacl config
const path = require('path');

module.exports = {
  entry: './path/to/my/entry/file.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'main-webpack.bundle.js'
  }
};

vinayakhumberi

<div>
  <pre id="result"></pre>
</div>

vinayakhumberi

<RoutingRules>
    <RoutingRule>
        <Condition>
            <KeyPrefixEquals/>
            <HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals>
        </Condition>
        <Redirect>
            <Protocol>https</Protocol>
            <HostName>__YOUR_API_HOSTNAME_HERE__</HostName>
            <ReplaceKeyPrefixWith>prod/resize?key=</ReplaceKeyPrefixWith>