Angelos Chalaris Chalarangelo

💻

Coding...

Full stack engineer, creator of 30secondsofcode.org

Chalarangelo / reducer.js

Last active October 31, 2017 12:34

	const posts = (state = [], action) => {
	let posts = [];
	switch(action.type){
	case VIEW_ALL:
	// TODO: Return all posts
	return posts;
	case SEARCH_POST:
	// TODO: Return posts matched in search
	return posts;
	default:

Chalarangelo / App.jsx

Created October 30, 2017 21:10

	// React and other imports...
	import { connect } from 'react-redux';
	import { viewAll, searchPost } from './actions';

	class App extends Component {
	// Code for our App component...
	}

	// Mapping state to props
	function mapStateToProps(state){

Chalarangelo / App.js

Last active October 31, 2017 12:38

	componentDidMount(){
	fetch("https://jsonbin.io/b/59f721644ef213575c9f6531")
	.then( response => response.json())
	.then( data => { this.setState({posts: data})});
	}

Chalarangelo / render.jsx

Created October 31, 2017 12:43

	let posts = '', postLinks = '';
	if(this.state.posts && this.state.posts.data){
	posts = this.state.posts.data.map(post => {return <Post post={post} key={"post_"+post.id}/>;});
	postLinks = this.state.posts.data.map(post => {return <a href={"#"+post.id} key={"post_link_"+post.id} className="button">{post.title}</a>})
	}

Chalarangelo / App.jsx

Last active October 31, 2017 13:12

	// Import necessary packages...
	class App extends Component {
	// Constructor and methods...

	// Mounting the component causes an action
	componentDidMount(){
	fetch("https://jsonbin.io/b/59f721644ef213575c9f6531")
	.then( response => response.json())
	.then( data => {
	let posts = {

Chalarangelo / reducer.js

Created October 31, 2017 13:18

	const posts = (state = {data: [], selected: []}, action) => {
	let posts = {data: [], selected: []};
	switch(action.type){
	case VIEW_ALL:
	Object.assign(posts.data, state.data);
	posts.selected = [];
	return posts;
	case SEARCH_POST:
	Object.assign(posts.data, state.data);
	let search = new JsSearch.Search('date-added');

Chalarangelo / App.jsx

Created October 31, 2017 13:19

	<input type="search" className="searchBox" onChange={event => {
	if(event.currentTarget.value) this.searchPost(event.currentTarget.value);
	else this.viewAll();
	}}/>

Chalarangelo / card-basic-syntax.json

Created November 6, 2017 12:33

minicss-v2-doc-dump

Chalarangelo / index.json

Created November 29, 2017 12:27

Metadata structure

Chalarangelo / copyToClipboard.js

Created February 20, 2018 10:38

	const copyToClipboard = str => {
	const el = document.createElement('textarea');
	el.value = str;
	document.body.appendChild(el);
	el.select();
	document.execCommand('copy');
	document.body.removeChild(el);
	};