rxgx

Meet Ryan Gasparini. He's a Frontend Developer, Interface Designer, and Software Engineer from Portland, OR.

Mechanical execution, creative thinking

Early in life, Ryan Gasparini had a dream to design automobiles. As a child he made various drawings of cars and trucks on napkins, placemats, and notebooks. In high school, he elected to take classes in manual and computer-aided drafting. His passion and skill for drawing and drafting earned him many regional awards in Mechanical Drawing.

After graduation, he enrolled in university to pursue a degree in mechanical engineering. Unfortunately, not having any experience in the matter, he failed the shop and material classes. Surprisingly, though, when it came to computer programming, he was a natural. It was ultimately a C programming class that influenced him to change his career path.

Aside from drafting, Ryan spent many afternoons in the high school computer lab. He spent the majority of that time learning how to build a snowboarding page on Geocities. T

rxgx

<?xml version="1.0"?>
<bindings>
	<!-- MAPPINGS -->
	<mapping name="LeftX_Axis" type="Axis" >
        <button id="IK_Pad_LeftAxisX" />
        <button id="IK_A" val="-1.0" overridableUI="left"/>
        <button id="IK_D" val="1.0" overridableUI="right"/>
    </mapping>
	
    <mapping name="LeftY_Axis" type="Axis" >

rxgx

How to incrementally introduce functionality to micro-service-based deployments:

• add new thing to data source (if needed)
• use new thing to backend
• use new thing in client
• remove old thing in client
• remove old thing from backend (as all client nodes have upgraded)
• remove old thing from database (if data source changed, as all backend nodes have upgraded)

How to incrementally introduce functionality to environment-based deployments:

rxgx

Merge Filter Branch

Single path

Source: http://st-on-it.blogspot.com/2010/01/how-to-move-folders-between-git.html

First, I created a freshly cloned directory of the source repository to have a safe place to reset and retry if needed.

git clone git@github.com/rxgx/bathtub-pizza.git ingredient-sausage

rxgx

Reference

• Jenkins - Deployment API Integration Example
• Jenkins - Github Plugin
• Jenkins - Branch API Plugin
• Jenkins - Pull Request Builder
• GitHub Deployments API
• Groovy vs Jenkins Groovy

Issues

rxgx

version: 2.1

orbs:
  codecov: codecov/codecov@1.0.5

executors:
  nodejs:
    docker:
      - image: circleci/node:10.16
    working_directory: ~/json-calendar

rxgx

GraphQL as a Gateway Architecture Flow

Objectives

• Create a promotion based deployment flow for clients, instances of graphs, and backend resolvers.
• Each node in this network has the potential to be live but only those which are tested and reliable are production-worthy.
• Data and the metal are always guaranteed to be the latest usable pieces of the platform.

Flow

rxgx

import React from 'react';
import { useQuery, QueryHookOptions } from '@apollo/react-hooks';
import ErrorBoundary from 'components/ErrorBoundary';
import PagePreloader from 'components/PagePreloader';
import getVendors from 'pages/Admin/queries/getVendors';
import VendorListTable from './VendorListTable';
	
const options: QueryHookOptions = {
  fetchPolicy: 'no-cache',
  variables: { isCorporate: true },

rxgx

import { GraphQLClient } from 'graphql-request';
import authn from 'clients/authn';
import config from 'config';

const accessToken = authn.getToken('access_token');
const idToken = authn.getToken('id_token');

const graphQLClient = new GraphQLClient(config.apiGatewayUrl, {
  headers: {
    Authorization: accessToken,

rxgx

SPA Authentication

Objective: How best to authenticate a SPA application?

Links

• 🔒 Auth0 Single Page App SDK
• 📃 useAuth – the simplest way to add authentication to your React app
• GitHub: useAuth