dhruv-m-patel

Apollo GraphQL

• Apollo GrpahQL allows a simplified way of building a server with GraphQL. It also allows you do the data binding in various technical stacks using Apollo packages on client side applications.
• GraphQL follows schema first design requiring to think of data in terms of graphs
• In a graph, nodes represent objects, where as arrows (edges) represent relationships

Part 1: Basics of full-stack development with Apollo GraphQL

GraphQL Schema:

dhruv-m-patel

// What would be the outcome of this statement?
const [a, b] = [10, 20];

dhruv-m-patel

{
  "New Component Boilerplate": {
    "prefix": "component",
    "body": [
      "import React from 'react';",
      "import PropTypes from 'prop-types';",
      "import styles from './$1.module.$2css';",
      "",
      "export default function $1({ $2 }) {",
      "  return (",

dhruv-m-patel

Command to run to fix font blur in VSCode after upgrading to macOS Mojave

defaults write com.microsoft.VSCode.helper CGFontRenderingFontSmoothingDisabled -bool NO

dhruv-m-patel

Say you have 12 commits on a few files for a branch that has not been reviewed yet

Here is a way to make it look like a better, cleaner story:

Step1: Squash commits into single commit

$ git rebase -i HEAD~12 #number of commits you have on your branch
# In editor window, replace all `pick` options for commits with `squash` or `s`
# Hit escape and write `:wq` and hit enter

dhruv-m-patel

[filter "lfs"]
	clean = git-lfs clean -- %f
	smudge = git-lfs smudge -- %f
	required = true
[push]
	default = current
[alias]
	a = add
	cm = commit -m
	co = checkout

dhruv-m-patel

Keybase proof

I hereby claim:

• I am dhruv-m-patel on github.
• I am dhruvpatel (https://keybase.io/dhruvpatel) on keybase.
• I have a public key ASDtrCjDw_Vrkxb4AJDkqGGXuETidn76EHCUDiL-IuUE5wo

To claim this, I am signing this object:

dhruv-m-patel

// Generic abstraction of web storage operations available for local and session storage
function Storage(storage) {
  this.moment = require('moment');
  this.store = storage;
}
Storage.prototype = {
  cache: function(key, value, ttl) {
    if(!value || !this.store) {
      return;
    }

dhruv-m-patel

.simple-pagination {
	display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: .25rem;
}
.simple-pagination li {
  display: inline;
}