Skip to content

Instantly share code, notes, and snippets.

View balazimichal's full-sized avatar

R2HC0D balazimichal

  • Bialystok, Poland
View GitHub Profile
import React from 'react';
import { connect } from 'react-redux';
const ExpenseList = (props) => (
<div>
<h1>Expense List</h1>
{props.expenses.length}
{props.filters.text}
</div>
);
import React from 'react'
import ReactDOM from 'react-dom'
const Info = (props) => (
<div>
<h1>Info</h1>
<p>The info is: {props.info}</p>
</div>
);
@balazimichal
balazimichal / react-todo-local-storage
Last active July 9, 2018 11:56
React simple one page app with search and local storage.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>React Todo List</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>
</head>
<body>
@balazimichal
balazimichal / react-todo-search
Created July 9, 2018 10:11
React simple one page app with search.
import React, { Component } from 'react';
import './App.css';
class App extends Component {
constructor(props) {
super(props)
this.addCount = this.addCount.bind(this)
this.deductCount = this.deductCount.bind(this)
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Vue</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Vue</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Car counter</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>
</head>
<body>
@balazimichal
balazimichal / gist:be9fbb664b475f3ef84a56c92c61cd7b
Last active April 13, 2018 09:52
React-playground-counting-cars
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>
</head>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>
</head>
<body>