nilshartmann

package nh.publy.backend.util;

import graphql.ExecutionResult;
import graphql.ExecutionResultImpl;
import graphql.execution.instrumentation.InstrumentationContext;
import graphql.execution.instrumentation.InstrumentationState;
import graphql.execution.instrumentation.SimpleInstrumentation;
import graphql.execution.instrumentation.parameters.InstrumentationExecutionParameters;
import graphql.execution.instrumentation.parameters.InstrumentationFieldFetchParameters;
import graphql.schema.GraphQLFieldDefinition;

nilshartmann

export default undefined;
type Container<T> = {
  consume: (arg: T) => void;
};

// string ist super-type von "hello" 😳
// Entspricht in C# sowas hier:
// public class Event { } // => string
// public class MouseEvent : Event { } // => "hello"
type StringType = string;

nilshartmann

async function loadArticle(articleId) { /* ... */ }
async function loadComments(articleId) { /* ... */ }

async function Page( {articleId} ) {

  // Beide Requests starten parallel
  const articlePromise = loadArticle(articleId);
  const commentsPromise = loadComments(articleId);

  return <React.Suspense fallback={<h1>Please wait, data is loading</h1>}>

nilshartmann

Preparations for React Training

During the workshop, we will complete exercises. To participate, you need to install some necessary tools (if you haven't already).

You can use this guide to check, if your setup works before the workshop. This ensures you have time to resolve any issues, especially if your computer has security restrictions or you lack full administrative access.

Requirements

For Your Laptop/PC

nilshartmann

(function () {
  document.addEventListener("DOMContentLoaded", function () {
    const tooltip = document.createElement("div");
    tooltip.style.position = "absolute";
    //      displayDiv.style.bottom = '20px';
    //      displayDiv.style.left = '20px';
    //      displayDiv.style.transform = 'translateX(-50%)';
    tooltip.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
    tooltip.style.color = "white";
    tooltip.style.padding = "4px 8px";