BTMPL

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { StyleSheet, View, Alert } from 'react-native';
import Spinner from 'react-native-loading-spinner-overlay';

import {
  Container,
  Content,
  Icon,

BTMPL

import React from "react";
import { render } from "react-dom";
import PropTypes from "prop-types";

class TweetForm extends React.Component {

    state = {
        text: ''
    }

BTMPL

import React from "react";
import { render } from "react-dom";
import PropTypes from "prop-types";

class TweetForm extends React.Component {

    setRef = (el) => {
        this.textArea = el;
    }

BTMPL

diff --git a/video_browser/src/components/video_detail.js b/video_browser/src/components/video_detail.js
index cb767d5..75ec611 100644
--- a/video_browser/src/components/video_detail.js
+++ b/video_browser/src/components/video_detail.js
@@ -1,12 +1,12 @@
 import React from "react";

-const VideoDetail = ({ video }) => {
+const VideoDetail = ({ video, autoplay = false }) => {
   if (!video) {

BTMPL

var path = require("path");
var ExtractTextPlugin = require("extract-text-webpack-plugin");

const ETP = new ExtractTextPlugin({
  allChunks: true
});

module.exports = [
  {
    test: /\.js$/,

BTMPL

Compile with:

webpack --config vendor.webpack.config.js
webpack --config app.webpack.config.js

Use with the following index.html

BTMPL

const input = [
  'racecar',
  'racecarff',
  'abbccc',
  'a',
  'aabb',
  'cabc',
];

input.forEach(word => {

BTMPL

@gutter: 8px;

.Row {

  display: flex;
  max-width: 1170px;
  margin: 0 auto;
  flex-wrap: wrap;

  @media screen and (max-width: 640px) {

BTMPL

// assuming this.state = { value: 0 }
this.setState({
  value: 1
});
console.log(this.state.value); // 0

BTMPL

function test(params) {
  return {
    type: 'TEST',
    payload: params
  }
}

const metaizeThis = (fn) => {
  fn._meta = {};
  fn.addMeta = function(meta) {