tonycaputome

/*
 * Your program must print string with the number of years and months and the total number of days between the dates.
 * Dates are provided in dd.mm.yyyy format.
 * You are not allowed to plug in JS libraries such as moment.js or date-fns directly into the code. All code need to be written in this file.
 *
 * Result must be shown as a string in years, months and total days. If years or months are 0, then it should not be displayed in the output.
 *
 * Example:
 * Input: ['01.01.2000', '01.01.2016']
 * Output:

tonycaputome

​

tonycaputome

import React, { forwardRef } from 'react'
import styled from 'styled-components'
import css, { get } from '@styled-system/css'
import {
    system,
    compose,
    space,
    color,
    typography,
    layout,

tonycaputome

import axios from 'axios';

class Service {
  constructor() {
    let service = axios.create({
      headers: {csrf: 'token'}
    });
    service.interceptors.response.use(this.handleSuccess, this.handleError);
    this.service = service;
  }

tonycaputome

VSCode - ESLint, Prettier & Airbnb Setup

1. Install ESLint & Prettier extensions for VSCode

Optional - Set format on save and any global prettier options

2. Install Packages

npm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node

tonycaputome

ls -al ~/.ssh

#
# generate ssh key
#
ssh-keygen -t rsa -C "email@work_mail.com" -f "id_rsa_work_user1"

#
#Adding the new SSH key to the corresponding GitHub account
#

tonycaputome

Setup an enviroment to allow multiple ssh keys

Create a SSH key

Create a new SSH key

Add the new key to your GitHub/BitBucket account

Change your git project configuration

tonycaputome

VSCode Shortcuts

List of helpful shortcuts for faster coding

If you have any other helpful shortcuts, feel free to add in the comments of this gist :)

Official List of all commands

• Windows
• Mac

tonycaputome

Credit to
https://medium.com/javascript-in-plain-english/react-controlled-forms-with-hooks-538762aab935

import React, { ChangeEvent, FormEvent, useReducer } from "react";

const useForm = (initialState: any) => {
  const reducer = (
    state: typeof initialState,
    payload: { field: string; value: string }
  ) => {

tonycaputome

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version