Nils Hartmann nilshartmann

## gist:fb68c34a461d922cd86c
<!DOCTYPE html>
<html>
  <head>
    <script src="./react-0.13.3.min.js"></script>
    <script src="./browser.min.js"></script>
  </head>
  <body>
    <div id="mount"></div>
  </body>

## add_bb.sh
# Creates a private BitBucket repository with one call from bash
# --------------------------------------------------------------------------------
#
# Uses the BitBucket REST API to create a new private, non-forkable repository
# for the local Git repository your currently staying in.
# The content of your local repository gets pushed after the repository is created.
#
# Prequisites:
# - you must have curl installed
# - your local repo must not have a remote already connect to a bitbucket repo

## main.jsx
import React from 'react';
import ReactDOM from 'react-dom';

class Input extends React.Component {
    constructor() {
        super();
        this.state = {
            greeting: ''
        }
    }

## hello-async.js
class Hello {
  async greet() {
    return new Promise(res => {
      setTimeout(() => res("Hallo Welt"), 1000);
    });
  }
}

const hello = new Hello();
(async () => {

## WithApolloBug.tsx
import * as React from "react";
import * as ReactDOM from "react-dom";

import { ApolloClient } from "apollo-client";
import { HttpLink } from "apollo-link-http";
import { InMemoryCache } from "apollo-cache-inmemory";

import { ApolloProvider, withApollo } from "react-apollo";

const apolloClient = new ApolloClient({

## README.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nilshartmann
                / README.md
            
            
              Created
              April 30, 2018 16:14
            
              
                Transform Apollo GraphQL Query Types
              
          
    Currently when using apollo-codegen to generate TypeScript types for query definitions (ts-modern target),
the generated types are called as the query name. So if you have a GetUserQuery your basetype is called GetUserQuery.

But in fact the type does not desribe the actual query, but the outcome, the result of the query, so it would be better
if the type would have been named like UserQueryResult.
There is an issue in apollo-codegen where this issue is discussed: apollographql/apollo-tooling#315
But as there is currently no progress I wrote a little codemod (using jscodeshift)
that renames the types after they have been generated. You can find the transform.js script below.

  
## Color-Scheme-Generators.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nilshartmann
                / Color-Scheme-Generators.md
            
            
              Created
              October 24, 2018 07:42
            
          
    Color Scheme Generators

Web


khroma The AI color tool for designers
coolors The super fast color schemes generator
paletton The Color Scheme Designer
colormind The ai powered color scheme generator
picular Google, but for colors
adobe colors Adobe Color CC


## graphql-links.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nilshartmann
                / graphql-links.md
            
            
              Created
              November 12, 2019 08:13
            
              
                GraphQL Links
              
          
The GitHub GraphQL API Ankündigung und Begründung für die GitHub GraphQL API


https://developer.github.com/v4/guides/ - Allgemeine GraphQL API Doku von Github


Mutations in der GitHi API Hier seht ihr zumindest, wie die API aussieht (leider keine Begründung, warum sie so aussieht)


GraphQL Best Practices - leider recht abstrakt


Pagination - Paginierung in GraphQL. Mein Tipp ist, dass man in der Regel sich die Sache vereinfachen kann, wenn man statt eines Cursors eine "gewohnte" Seiten-basierte Paginierung verwendet. Trotzdem ist der Artikel eine gute Inspiration.


Öffentliche GraphQL APIs - Eine Liste mit öffentlichen GraphQL APIs, hier könnt ihr Euch "inspirieren" lassen


[Mein Talk](https://n


## Wrapper.jsx
class SprottyWrapper {


  componentDidMount() {
    // Diagramm erzeugen, wie in multicore.ts (hier stark gekürzt:)

    this.processor = ...;


    const modelSource = container.get<LocalModelSource>(TYPES.ModelSource);

## download-google-fonts.sh
@@ -1,32 +0,0 @@
#! /bin/bash

DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" >/dev/null 2>&1 && pwd )"

URL="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap"


http -p b "${URL}">${DIR}/fonts.css
	<!DOCTYPE html>
	<html>
	<head>
	<script src="./react-0.13.3.min.js"></script>
	<script src="./browser.min.js"></script>
	</head>
	<body>
	<div id="mount"></div>
	</body>
	# Creates a private BitBucket repository with one call from bash
	# --------------------------------------------------------------------------------
	#
	# Uses the BitBucket REST API to create a new private, non-forkable repository
	# for the local Git repository your currently staying in.
	# The content of your local repository gets pushed after the repository is created.
	#
	# Prequisites:
	# - you must have curl installed
	# - your local repo must not have a remote already connect to a bitbucket repo
	import React from 'react';
	import ReactDOM from 'react-dom';

	class Input extends React.Component {
	constructor() {
	super();
	this.state = {
	greeting: ''
	}
	}
	class Hello {
	async greet() {
	return new Promise(res => {
	setTimeout(() => res("Hallo Welt"), 1000);
	});
	}
	}

	const hello = new Hello();
	(async () => {
	import * as React from "react";
	import * as ReactDOM from "react-dom";

	import { ApolloClient } from "apollo-client";
	import { HttpLink } from "apollo-link-http";
	import { InMemoryCache } from "apollo-cache-inmemory";

	import { ApolloProvider, withApollo } from "react-apollo";

	const apolloClient = new ApolloClient({
	class SprottyWrapper {


	componentDidMount() {
	// Diagramm erzeugen, wie in multicore.ts (hier stark gekürzt:)

	this.processor = ...;


	const modelSource = container.get<LocalModelSource>(TYPES.ModelSource);
	@@ -1,32 +0,0 @@
	#! /bin/bash

	DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" >/dev/null 2>&1 && pwd )"

	URL="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap"


	http -p b "${URL}">${DIR}/fonts.css