Joel Shinness JoelCodes

Web Developer

24 followers · 0 following

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

JoelCodes / app.jsx

Created May 21, 2019 19:35

	import React from 'react';
	import {render} from 'react-dom';
	import {useIncrementer} from './useIncrementer';

	function IncrementerApp(){
	const {count, increment} = useIncrementer();
	return <div>
	<button onClick={increment}>The Button</button>
	<p>The button has been pressed {count} times</p>
	</div>

JoelCodes / app-helpers-articles_helper.rb

Created May 16, 2019 18:21

	module ArticlesHelper
	def published_class(article)
	case article.publish_flag
	when :draft
	"article--draft"
	when :published
	"article--published"
	when :waiting
	"article--waiting"
	end

JoelCodes / Program.cs

Created May 8, 2019 17:59

	∩╗┐using System;
	using System.Collections.Generic;
	using System.Linq;
	using System.Text;
	using System.Threading.Tasks;

	namespace AllAndAny
	{
	class Program
	{

JoelCodes / index.html

Created May 7, 2019 22:18

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	</head>
	<body>
	<input type='text'/>

JoelCodes / app.jsx

Created April 29, 2019 13:27

	import React from 'react';
	import {render} from 'react-dom';

	function useWindowWidth(){
	const [width, setWidth] = React.useState(window.innerWidth);
	React.useEffect(() => {
	function listener(){
	setWidth(window.innerWidth);
	}
	window.addEventListener('resize', listener);

JoelCodes / app.jsx

Created April 29, 2019 13:20

	const root = document.getElementById('react-root');
	const userData = {
	name: 'Joel Shinness',
	email: '[email protected]',
	hobbies: ['Mandolin', 'Sushi', 'Writing Games'],
	imgUrl: 'http://joelshinness.com/assets/img/avatars/avatar.jpg'

	}
	const jsxExpr = <div>
	<h1>

JoelCodes / app.jsx

Created April 29, 2019 13:18

	import React, {Component, useState, useEffect} from 'react';
	import {render} from 'react-dom';

	// This represents getting a name resource from the internet.
	// Quite slowly, might I add.
	function getNameFromAjax(){
	return new Promise((resolve) => {
	setTimeout(() => {
	resolve("Mahmoud");
	}, 5000);

JoelCodes / class-component.jsx

Created April 29, 2019 01:24

	import React from 'react';
	import {render} from 'react-dom';

	// The container component manages state, passing data and actions to a presenter.
	class IncrementerContainer extends React.Component {
	constructor(props){
	super(props);
	this.state = {count: 0};
	this.increment = this.increment.bind(this);
	}

JoelCodes / app.jsx

Created April 29, 2019 00:49

	import React, {useState, useEffect} from 'react';
	import {render} from 'react-dom';

	function CanvasDemo(){
	// The ref maintains a link to the canvas element.
	const canvasRef = React.useRef();

	const [point, setPoint] = React.useState([20, 20]);

	// This draws a rectangle on the canvas

JoelCodes / app.jsx

Created April 29, 2019 00:26

	import React, {useState, useEffect} from 'react';
	import {render} from 'react-dom';

	function Timer({doneNow}){
	const [remainingMilliseconds, setRemainingMilliseconds] = useState(300000);
	useEffect(() => {
	const fiveMinutesFromNow = +(new Date()) + 5 * 1000;
	const intervalIdx = setInterval(() => {
	const diff = fiveMinutesFromNow - new Date();
	if(diff <= 0) {