Skip to content

Instantly share code, notes, and snippets.

View rhernandog's full-sized avatar
🐯

Rodrigo Hernando rhernandog

🐯
18 followers · 0 following
View GitHub Profile
@rhernandog
rhernandog / regiones-provincias-comunas.json
Last active October 14, 2021 14:40
Archivo en formato JSON con las regiones de Chile, sus provincias y las respectivas comunas de cada provincia.
[
{
"region": "Arica y Parinacota",
"region_number": "XV",
"region_iso_3166_2": "CL-AP",
"provincias": [
{
"name": "Arica",
"comunas": [
{
@rhernandog
rhernandog / index.jsx
Last active December 17, 2020 14:53
React & Recompose withProps - A simple example of using recompose's withProps
// styles for this are based on Bootstrap 3.3.7
import React, { Component } from "react";
import ReactDOM from "react-dom";
import { withProps } from "recompose";
const users = [
{ "name": "Homer Jay", "status": "pending" },
@rhernandog
rhernandog / regiones-comunas.json
Last active December 9, 2020 04:02
Archivo en formato JSON con las regiones y sus respectivas provincias y comunas.
[
{
"region": "Arica y Parinacota",
"region_number": "XV",
"region_iso_3166_2": "CL-AP",
"provincias": [
"Arica",
"Parinacota"
],
"comunas": [
@rhernandog
rhernandog / queries.js
Last active August 14, 2020 01:15
Client side queries file
import { gql } from "@apollo/client";
export const ALL_USERS = gql`
query AllUsers ($searchUserInput: SearchUserInput) {
allUsers (input: $searchUserInput) {
id
name
}
}
`;
@rhernandog
rhernandog / Users.js
Created August 14, 2020 01:10
Implementation in the client side
const Users = () => {
const [users, setUsers] = useState([]);
const [nameSearch, setSearchUserInput] = useState("ad");
const [userTypeFilter, setUserTypeFilter] = useState("all");
const [fetchUsers, { loading, error, data }] = useLazyQuery(ALL_USERS, {
variables: {
input: {
name: nameSearch,
userType: userTypeFilter
}
@rhernandog
rhernandog / colors-array.js
Created December 31, 2017 15:36
Array of web safe colors by HEX code
const colors = [
"#F0F8FF",
"#FAEBD7",
"#00FFFF",
"#7FFFD4",
"#F0FFFF",
"#F5F5DC",
"#FFE4C4",
"#000000",
"#FFEBCD",
@rhernandog
rhernandog / color-groups-array.js
Created December 31, 2017 15:40
Array of web safe colors ordered in groups: https://www.w3schools.com/colors/colors_groups.asp
const colorGroups = [
// PINK
"#FFC0CB",
"#FFB6C1",
"#FF69B4",
"#FF1493",
"#DB7093",
"#C71585",
// PURPLE
"#E6E6FA",
@rhernandog
rhernandog / class-toggle.js
Last active January 7, 2018 16:19
Vanilla class toggle function
// this function assumes that the target is a DOM element
function classToggle(element, name) {
var target = element.target;
var classEx = new RegExp(" " + name + "|" + name + " ", "g");
if (target.classList) {
// there's support for the class list API
if (target.classList.contains(name)) {
target.classList.remove(name);
} else {
@rhernandog
rhernandog / color-groups.json
Created December 30, 2017 20:50
Color groups as described here: https://www.w3schools.com/colors/colors_groups.asp
{
"colorGroups" : [
{
"groupName": "Pink",
"colors": [
{"name": "Pink", "color": "#FFC0CB"},
{"name": "LightPink", "color": "#FFB6C1"},
{"name": "HotPink", "color": "#FF69B4"},
{"name": "DeepPink", "color": "#FF1493"},
{"name": "PaleVioletRed", "color": "#DB7093"},
@rhernandog
rhernandog / color-groups.js
Created December 30, 2017 20:49
Color groups as described here: https://www.w3schools.com/colors/colors_groups.asp
export const colorGroups = [
{name: "Pink", color: "#FFC0CB"},
{name: "LightPink", color: "#FFB6C1"},
{name: "HotPink", color: "#FF69B4"},
{name: "DeepPink", color: "#FF1493"},
{name: "PaleVioletRed", color: "#DB7093"},
{name: "MediumVioletRed", color: "#C71585"},
{name: "Lavender", color: "#E6E6FA"},
{name: "Thistle", color: "#D8BFD8"},