Skip to content

Instantly share code, notes, and snippets.

View balazimichal's full-sized avatar

R2HC0D balazimichal

1 follower · 0 following
  • Bialystok, Poland
View GitHub Profile
@balazimichal
balazimichal / react-connect-map-state-to-props
Created July 21, 2018 06:58
import React from 'react';
import { connect } from 'react-redux';
const ExpenseList = (props) => (
<div>
<h1>Expense List</h1>
{props.expenses.length}
{props.filters.text}
</div>
);
@balazimichal
balazimichal / react-higher-order-component-authentication
Created July 21, 2018 06:33
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/babel-standalone@6.15.0/babel.min.js"></script>
</head>
<body>
@balazimichal
balazimichal / react-todo-search
Created July 9, 2018 10:11
React simple one page app with search.
@balazimichal
balazimichal / gist:52b22128c4b65a1d5f7a2db25645dff8
Last active July 8, 2018 19:16
react-simple-count
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)
}
@balazimichal
balazimichal / gist:d37eed34ad30711171ae3f66ad6a9ed5
Created June 21, 2018 19:11
vue-car-counter
<!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>
@balazimichal
balazimichal / gist:18d6b4ddd6d6bda8c2a38d2ba22c48db
Created June 21, 2018 18:06
vue-simple-counter
<!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>
@balazimichal
balazimichal / react-car-counter
Last active July 9, 2018 07:53
<!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/babel-standalone@6.15.0/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/babel-standalone@6.15.0/babel.min.js"></script>
</head>
@balazimichal
balazimichal / gist:15b1bd01bb7db4284af5c84b305e2358
Created April 13, 2018 09:29
React-playground-timer
<!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/babel-standalone@6.15.0/babel.min.js"></script>
</head>
<body>