Skip to content

Instantly share code, notes, and snippets.

View johndavedecano's full-sized avatar
🏠
Working 🇳🇱

John Dave Decano johndavedecano

🏠
Working 🇳🇱
205 followers · 74 following
View GitHub Profile
@johndavedecano
johndavedecano / TimeAgo.jsx
Last active August 22, 2024 16:00
TimeAgo component using date-fns
import React, {Component} from 'react';
import differenceInSeconds from 'date-fns/difference_in_seconds';
import distanceInWordsToNow from 'date-fns/distance_in_words_to_now';
class TimeAgo extends Component {
componentDidMount() {
if (this.props.isLive) {
this.updateTime();
}
@johndavedecano
johndavedecano / index.html
Created March 15, 2017 05:17
React Hello World w/ JSBin // source http://jsbin.com/netuji
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.7.3/immutable.min.js"></script>
<script src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"></script>
<script src="http://fb.me/react-0.13.1.js"></script>
<meta charset="utf-8">
<title>React Hello World w/ JSBin</title>
<style id="jsbin-css">
.imgs-grid {
@johndavedecano
johndavedecano / index.html
Created March 15, 2017 06:38
React Hello World w/ JSBin // source http://jsbin.com/netuji
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.7.3/immutable.min.js"></script>
<script src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"></script>
<script src="http://fb.me/react-0.13.1.js"></script>
<meta charset="utf-8">
<title>React Hello World w/ JSBin</title>
<style id="jsbin-css">
.imgs-grid {
@johndavedecano
johndavedecano / index.html
Created March 15, 2017 07:51
React Hello World w/ JSBin // source http://jsbin.com/netuji
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.7.3/immutable.min.js"></script>
<script src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"></script>
<script src="http://fb.me/react-0.13.1.js"></script>
<meta charset="utf-8">
<title>React Hello World w/ JSBin</title>
<style id="jsbin-css">
.imgs-grid {
@johndavedecano
johndavedecano / requireAuthHOC.js
Created July 19, 2017 14:07
ReactJS Redux Authentication HOC
import React from 'react';
import { connect } from 'react-redux';
export default function requireAuth(WrappedComponent) {
class AuthenticatedComponent extends React.Component {
componentDidMount() {
this.checkAuth(this.props.isLoggedIn);
}
checkAuth(isLoggedIn) {
@johndavedecano
johndavedecano / fizzbuzz.js
Last active October 1, 2017 05:03
EXAMS - FIZZBUZZ
function fizzbuzz(num) {
let returnValue = '';
let isFizz = num % 3 === 0;
let isBuzz = num % 5 === 0;
returnValue = (isFizz ? 'Fizz' : '') + (isBuzz ? 'Buzz' : '');
if (returnValue !== '') {
console.log(returnValue + ' - ' + num);
@johndavedecano
johndavedecano / shotest_sequence.js
Created October 1, 2017 05:28
EXAMS - SHORTEST SEQUENCE
function solution(A) {
let arr = [1];
while (arr[arr.length - 1] < A) {
let prev = arr[arr.length - 1];
let next = prev * 2;
if (next > A) {
prev = arr[arr.length - 2] + 1;
@johndavedecano
johndavedecano / binary_gap.js
Last active October 1, 2017 06:03
EXAMS - Binary Gap
function solution(A) {
const rep = (A >>> 0)
.toString(2)
.split(1)
.filter(x => x !== "")
.sort(function(a, b) {
return b.length - a.length;
});
return rep.length === 0 ? 0 : rep[0].length;
@johndavedecano
johndavedecano / frog_jumps.js
Created October 1, 2017 06:42
EXAMS - FROG JUMPS
function solution(x, y, d) {
const afterFirstJump = (85 - 10);
if (afterFirstJump % d == 0) {
return Math.floor(afterFirstJump / d);
}
return Math.floor(afterFirstJump / d + 1);
}
@johndavedecano
johndavedecano / missing_integer.js
Created October 1, 2017 07:25
EXAMS - Missing Integer
function solution(A) {
var min = 1;
A.sort(function(a,b){
return a - b;
});
for (var i in A) {
if (A[i] > -1 && A[i] === min) {
min++;