ivanstnsk

<div className="card">
  <img className="card-img-top" src={data?.viewer.avatarUrl} alt="Card image" />
  <div className="card-body">
    <h4 className="card-title">{data?.viewer.name}</h4>
    <p className="font-weight-light">@{data?.viewer.login}</p>
    <p className="card-text">{data?.viewer.bio}</p>
    <a href="https://github.com/ivanstnsk" className="btn btn-primary">See Profile</a>
  </div>
</div>

ivanstnsk

const { createServer } = require('http');
const { execute, subscribe } = require('graphql');
const { SubscriptionServer } = require('subscriptions-transport-ws');
const { makeExecutableSchema } = require('@graphql-tools/schema');
const { ApolloServer, gql } = require('apollo-server-express');
const { MockList } = require('@graphql-tools/mock');
const { ApolloServerPluginLandingPageGraphQLPlayground } = require('apollo-server-core');
const express = require('express');

ivanstnsk

// Requires extra step: install the package apollo-server-core

const { ApolloServer, gql } = require('apollo-server');
const { ApolloServerPluginLandingPageGraphQLPlayground } = require('apollo-server-core');
const typeDefs = gql`
  type Query {
    totalDays: Int!
  }
`;

ivanstnsk

#!/bin/bash

COLOR_OK='\033[1;32m'
COLOR_HEADING='\033[0;36m'
COLOR_ERROR='\033[0;31m'
NC='\033[0m'

# Set your project directory
APP_REPO_DIR=~/dev/project-dir

ivanstnsk

import { useCallback } from 'react';
import { BackHandler } from 'react-native';
import { useFocusEffect } from '@react-navigation/native';

export const useAndroidBackNavigationEffect = (callback: any): void => {
  useFocusEffect(
    useCallback(() => {
      const onBackPress = () => {
        if (callback) {
          callback();

ivanstnsk

import { useEffect, useState } from 'react';
import { PermissionsAndroid } from 'react-native';


type THook = [boolean, boolean];

interface PermissionsAndroidResponse {
  [key: string]: string;
}

ivanstnsk

import { useEffect, useState, useRef } from 'react';


type THook<T extends HTMLElement> = [
  React.RefObject<T>,
  number,
];

export const useMouseScroll = <T extends HTMLElement>(): THook<T> => {
  const [scrollY, setScrollY] = useState<number>(0);

ivanstnsk

import { useEffect, useState } from 'react';


type TWindowSize = [number, number];

type THook = TWindowSize;

export const useWindowResize = (): THook => {
  const initSize: TWindowSize = [
    window.innerWidth,

ivanstnsk

import { useEffect, useState, useRef } from 'react';


type THook<T extends HTMLElement> = [
  React.RefObject<T>,
  boolean,
];

export const useMouseHover = <T extends HTMLElement>(): THook<T> => {
  const [hovered, setHovered] = useState(false);

ivanstnsk

export const delay = (timeMs: number): Promise<void> => {
  return new Promise((resolve) => {
    setTimeout(resolve, timeMs);
  });
};

// await delay(2000);