glennreyes

{
  "data": {
    "viewer": {
      "id": "clmrvzzlx000008l6e8a4de9o",
      "name": "Glenn",
      "posts": [
        {
          "id": "clmrw16zi000108l619ctafwt",
          "message": "I'm excited you're here at the awesome GraphQL Workshop!"
        },

glennreyes

import type { ComponentPropsWithoutRef, ElementType } from 'react';

type H1Props<TElementType extends ElementType> = Omit<ComponentPropsWithoutRef<TElementType>, 'className'> & {
  as?: Extract<TElementType, 'h1' | 'h2' | 'h3' | 'h4'>;
};

export function H1<TElementType extends ElementType>({ as, ...props }: H1Props<TElementType>) {
  const Component = as ?? 'h1';

  return <Component className="text-5xl font-extrabold tracking-tight" {...props} />;

glennreyes

GraphQL for JavaScript developers

In this workshop we will dive into GraphQL and build a complete GraphQL backend in JavaScript. This workshop is targeted to engineers who want to learn to build a complete GraphQL server.

Topics covered

• Fundamentals & GraphQL core concepts
• Setting up the GraphQL Server
• Exploring the GraphQL API
• Working with the SDL (Schema Defintion Language)

glennreyes

React and GraphQL – From zero to production

In this workshop we will build a Twitter Lite React app with a GraphQL backend. This workshop is targeted to engineers who want to learn to build a complete and full stack React app with GraphQL.

Topics covered

• Fundamentals & GraphQL core concepts
• Setting up the GraphQL Server
• Exploring the GraphQL API
• Setting up the GraphQL Client

glennreyes

const say = (str) => {
  let result = str;

  const next = (nextStr) => {
    if (!nextStr) return result

    result += ` ${nextStr}`;

    return next
  }

glennreyes

import { gql } from 'apollo-tag';

const ArticleQuery = gql`
  query ArticleQuery {
    articles {
      id
      title
    }
  }
`;

glennreyes

unbindall
bind "TAB" "+showscores"
bind "ESCAPE" "cancelselect"
bind "SPACE" "+jump"
bind "," "buyammo1"
bind "." "buyammo2"
bind "0" "slot10"
bind "3" "slot3"
bind "4" "slot4"
bind "5" "slot5"

glennreyes

lsof -t -i tcp:4000 | xargs kill

glennreyes

module.exports = {  
  plugins: [
    new webpack.optimize.LimitChunkCountPlugin({
      maxChunks: 1,
    }),
  ],
};

glennreyes

module.exports = {
  modify: (config, { target }) => {
    if (target === 'node') {
      return {
        ...config,
        plugins: [
          ...config.plugins,
          new webpack.optimize.LimitChunkCountPlugin({
            maxChunks: 1,
          }),