Edem Kumodzi edemkumodzi

💭

I may be slow to respond.

Program Manager / Tech Lead / Backend Dev - Ruby [Rails]

edemkumodzi / #reactfornewbies-part4-addbutton.js

Created November 7, 2016 18:40

	import React, {Component} from 'react';
	import {Row, Col, Button} from 'react-bootstrap';
	import FontAwesome from 'react-fontawesome';

	class AddButton extends Component {
	handleClick(){
	this.props.onClick();
	}
	render() {
	return (

edemkumodzi / #reactfornewbies-part4-app-3.js

Created November 7, 2016 18:29

	import React, { Component } from 'react';
	import TaskList from './TaskList.js';
	import Date from './Date.js';
	import Avatar from './Avatar.js';
	import AddButton from './AddButton.js';

	import './App.css';

	class App extends Component {
	constructor(){

edemkumodzi / #reactfornewbies-part4-app-2.js

Created November 7, 2016 13:40

	import React, { Component } from 'react';
	import TaskList from './TaskList.js';
	import Date from './Date.js';
	import Avatar from './Avatar.js';
	import AddButton from './AddButton.js';

	import './App.css';

	class App extends Component {
	constructor(){

edemkumodzi / #reactfornewbies-part4-tasklist-2.js

Created November 7, 2016 13:35

	import React, {Component} from 'react';
	import Task from './Task.js';

	class TaskList extends Component {
	render() {
	return (
	<div>
	{this.props.tasks.map(function(task, index) {
	return <Task
	key={index}

edemkumodzi / #reactfornewbies-part4-tasklist-1.js

Last active November 7, 2016 13:37

	import React, {Component} from 'react';
	import Task from './Task.js';

	class TaskList extends Component {
	render() {
	return (
	<div>
	{tasks.map(function(task, index) {
	return <Task
	key={index}

edemkumodzi / #reactfornewbies-part4-app-1.js

Created November 7, 2016 13:13

	import React, { Component } from 'react';
	import TaskList from './TaskList.js';
	import Date from './Date.js';
	import Avatar from './Avatar.js';
	import AddButton from './AddButton.js';

	import './App.css';

	class App extends Component {
	constructor(){

edemkumodzi / #reactfornewbies-part3-tasklist-2.js

Last active November 6, 2016 19:33

	import React, {Component} from 'react';
	import Task from './Task.js';

	class TaskList extends Component {
	render() {
	var tasks = [
	{
	'time': '12',
	'period': 'AM',
	'activity_title': 'Finish Tutorial Series',

edemkumodzi / #reactfornewbies-part3-tasklist-1.js

Created October 29, 2016 22:26

	import React, { Component } from 'react';
	import Task from './Task.js';

	class TaskList extends Component {
	render() {
	return (
	<div>
	<Task time="12" period="AM" activity_title="Finish Tutorial Series" activity_description="#ReactForNewbies" />
	<Task time="9" period="AM" activity_title="Meeting with Team Leads" activity_description="New Project Kickoff" />
	<Task time="11" period="AM" activity_title="Call Mom" activity_description="Return her call before she kills me" />

edemkumodzi / #reactfornewbies-part3-task.js

Last active October 29, 2016 22:14

	import React, {Component} from 'react';
	import {Row, Col} from 'react-bootstrap';
	import FontAwesome from 'react-fontawesome';

	class Task extends Component {
	render() {
	return (
	<div>
	<Row>
	<Col xs={1}>

edemkumodzi / #reactfornewbies-part3-date.js

Created October 29, 2016 21:43

	import React, {Component} from 'react';
	import Moment from 'moment';

	class Date extends Component {
	render() {
	return (
	<div>
	<h1>{Moment().format('dddd')}</h1>
	<p>{Moment().format('LL')}</p>
	</div>