Skip to content

Instantly share code, notes, and snippets.

View YoneMoreno's full-sized avatar

YoneMoreno

10 followers · 0 following
View GitHub Profile
@YoneMoreno
YoneMoreno / TakingInputFromTheUser.js
Created October 29, 2017 16:57
Samerbuna Learning React Clip First Component
const Card = (props)=> {
return (
<div style={{margin: '1em'}}>
<img width="75" src={props.avatar_url} />
<div style={{display: 'inline-block', marginLeft:10}}>
<div style={{fontSize: '1.25em', fontWeight: 'bold'}}>{props.name}</div>
<div>{props.company}</div>
</div>
</div>
);
@YoneMoreno
YoneMoreno / AcceptingAnAnswer.js
Created October 30, 2017 08:07
Samer Buna Getting started react
const Stars = (props) => {
/*
let stars = [];
for(let i=0; i<numberOfStars; i++){
stars.push(<i key={i} className="fa fa-star"></i>);
}
*/
return (
<div className="col-5">
@YoneMoreno
YoneMoreno / ReusableComponents.js
Created October 29, 2017 15:32
Samerbuna Learning React Clip First Component
class Button extends React.Component {
handleClick = () => {
this.props.onClickFunction(this.props.incrementValue);
};
render() {
return (
<button onClick={this.handleClick}>
@YoneMoreno
YoneMoreno / BuildAGitHubCardComponent.js
Created October 29, 2017 16:10
Samerbuna Learning React Clip First Component
const Card = (props)=> {
return (
<div style={{margin: '1em'}}>
<img width="75" src={props.avatar_url} />
<div style={{display: 'inline-block', marginLeft:10}}>
<div style={{fontSize: '1.25em', fontWeight: 'bold'}}>{props.name}</div>
<div>{props.company}</div>
</div>
</div>
);
@YoneMoreno
YoneMoreno / FinalMathGameWIthReact.js
Last active November 8, 2017 20:26
Samer Buna Getting Started with React
//A function to check if n is reachable which whatever pair's sum in arr
//Esta función está creadar por Samer Buna, el resto del código es mío siguiendo su curso en
// https://app.pluralsight.com/library/courses/react-js-getting-started/table-of-contents
//Instructions execute it on https://jscomplete.com/repl/
var possibleCombinationSum = function(arr, n) {
if (arr.indexOf(n) >= 0) { return true; }
if (arr[0] > n) { return false; }
if (arr[arr.length - 1] > n) {
arr.pop();
return possibleCombinationSum(arr, n);
@YoneMoreno
YoneMoreno / index.html
Created November 6, 2017 11:57
Indice HTML5
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<header>
<nav> //elementos de la abrra superior Mi Perfil, Evenetos</nav>
</header>
<main> //Contenido principal para el motor de búsqueda
@YoneMoreno
YoneMoreno / Repo.js
Created November 6, 2017 10:53
Creating a singleton both in plain JS and using node commonJS cache behavior https://app.pluralsight.com/player?course=javascript-practical-design-patterns&author=jonathan-mills&name=javascript-practical-design-patterns-m3&clip=14&mode=live
var repo = function(){
var called = 0;
var save = function (task){
called++;
console.log('Saving ' + task +
' Called ' + called + ' times');
}
console.log('newing up task repo');
@YoneMoreno
YoneMoreno / main2.js
Last active November 6, 2017 07:56
Factory pattern with cache in js Node https://app.pluralsight.com/player?course=javascript-practical-design-patterns&author=jonathan-mills&name=javascript-practical-design-patterns-m3&clip=12&mode=live and Factory pattern using a forEach loop ;=)
var Task = require('./task');
var repoFactory = require('./repoFactorywCache');
var task1 = new Task(repoFactory.getRepo('task').get(1));
var task2 = new Task(repoFactory.getRepo('task').get(2));
var user = repoFactory.getRepo('user').get(1);
var project = repoFactory.getRepo('project').get(1);
task1.user = user;
@YoneMoreno
YoneMoreno / main.js
Created November 6, 2017 06:52
Module Pattern learning design patterns https://app.pluralsight.com/player?course=javascript-practical-design-patterns&author=jonathan-mills&name=javascript-practical-design-patterns-m3&clip=9&mode=live
var Task = require('./task');
var Repo = require('./taskRepository');
var task1 = new Task(Repo.get(1));
var task2 = new Task({name: 'create a demo for modules'});
var task3 = new Task({name: 'create a demo for singletons'});
var task4 = new Task({name: 'create a demo for prototypes'});
task1.complete();
@YoneMoreno
YoneMoreno / mainConstructorPattern.js
Last active November 5, 2017 13:46
Usingconstructor pattern in Node https://app.pluralsight.com/player?course=javascript-practical-design-patterns&author=jonathan-mills&name=javascript-practical-design-patterns-m3&clip=5&mode=live
var Task = require('./taskConstructorPattern');
var task1 = new Task('create a demo for constructors');
var task2 = new Task('create a demo for modules');
var task3 = new Task('create a demo for singletons');
var task4 = new Task('create a demo for prototypes');
task1.complete();
task2.save();
task3.save();