Wojciech Bilicki wojciech-bilicki

## esnextbin.md

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                wojciech-bilicki
                / esnextbin.md
            
            
              Last active
              August 13, 2016 11:16
            
              
                esnextbin sketch
              
          
    made with esnextbin

  
## index.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Marvel</title>
</head>

<body>
  <div id="app"></div>

## index.js
var topBarTitle = function(props) {
  return React.createElement('p', { style: props.style }, props.title);
};

var topBar = function() {
  return React.createElement(
    'div',
    { style: { color: 'red' } },
    React.createElement(topBarTitle, {
      title: 'SpiderMan Hero',

## .babelrc
{
  "extends": ["airbnb", "prettier", "prettier/react"],
  "plugins": ["prettier"],
  "parserOptions": {
    "ecmaVersion": 2016,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },

## index.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Marvel</title>
</head>

<body>
  <div id="app"></div>

## .babelrc
{
  "presets": [
    "react",
    [
      "env",
      {
        "targets": {
          "browsers": "last 2 versions"
        },
        "loose": true,

## webpack.config.js
const path = require('path');

module.exports = {
  context: __dirname,
  entry: './js/App.js',
  devtool: 'source-map',
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js'
  },

## App.jsx
import React from 'react';

const App = () => <div>Super Hero Team</div>;

ReactDOM.render(React.createElement(App), document.getElementById('app'));

## App.jsx
import React from 'react';
import ReactDOM from 'react-dom';

const App = () =>
  <div>
    <header>Super Hero Team!!!</header>
    <div>Content</div>
  </div>;

ReactDOM.render(React.createElement(App), document.getElementById('app'));

## TopBar.jsx
import React from 'react';

const TopBar = () =>
  <header>
    <span>Super Hero Team</span>
  </header>;

export default TopBar;
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>Marvel</title>
	</head>

	<body>
	<div id="app"></div>
	var topBarTitle = function(props) {
	return React.createElement('p', { style: props.style }, props.title);
	};

	var topBar = function() {
	return React.createElement(
	'div',
	{ style: { color: 'red' } },
	React.createElement(topBarTitle, {
	title: 'SpiderMan Hero',
	{
	"extends": ["airbnb", "prettier", "prettier/react"],
	"plugins": ["prettier"],
	"parserOptions": {
	"ecmaVersion": 2016,
	"sourceType": "module",
	"ecmaFeatures": {
	"jsx": true
	}
	},
	{
	"presets": [
	"react",
	[
	"env",
	{
	"targets": {
	"browsers": "last 2 versions"
	},
	"loose": true,
	const path = require('path');

	module.exports = {
	context: __dirname,
	entry: './js/App.js',
	devtool: 'source-map',
	output: {
	path: path.join(__dirname, 'public'),
	filename: 'bundle.js'
	},
	import React from 'react';

	const App = () => <div>Super Hero Team</div>;

	ReactDOM.render(React.createElement(App), document.getElementById('app'));
	import React from 'react';
	import ReactDOM from 'react-dom';

	const App = () =>
	<div>
	<header>Super Hero Team!!!</header>
	<div>Content</div>
	</div>;

	ReactDOM.render(React.createElement(App), document.getElementById('app'));
	import React from 'react';

	const TopBar = () =>
	<header>
	<span>Super Hero Team</span>
	</header>;

	export default TopBar;