renoirb

From 4a22bd3338241b30edddb0bffab035b0b1ba3a99 Mon Sep 17 00:00:00 2001
From: Renoir Boulanger <hello@renoirboulanger.com>
Date: Fri, 28 Feb 2020 16:37:39 -0500
Subject: [PATCH] Example


diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..239ecff
--- /dev/null

renoirb

"use strict";

/**
 * In order to run on Linux/Unix and Windows, we can't use `#!/usr/bin/env node` at the top.
 *
 * After `rush update`, copy files to the monorepo root.
 * https://gist.github.com/renoirb/b23b2d60fbe1ca25950005bb4056458d#gistcomment-3012183
 */

const path = require("path");

renoirb

{"meta":{"theme":"elegant","lastModified":"2025-04-03T12:22:00","canonical":"http://registry.jsonresume.org/renoirb","alternate":"https//renoirb.github.io/site/resume","source":"https://gist.github.com/renoirb/65fccabc7dea76fea70dccb14077ab0d#gistcomment-3010170","_source":"https://github.com/renoirb/site/blob/2020/content/resume/jsonresume-renoirb.yaml"},"basics":{"name":"Renoir Boulanger","label":"Expert in Front-End Ops, UI Libraries who crafts accessible web experiences with precision","image":"https://secure.gravatar.com/avatar/cbf8c9036c204fe85e15155f9d70faec?size=420","picture":"https://secure.gravatar.com/avatar/cbf8c9036c204fe85e15155f9d70faec?size=420","email":"hello@renoirboulanger.com","url":"https://renoirboulanger.com","website":"https://renoirboulanger.com","summary":"Experienced full-stack developer dedicated to creating framework-agnostic web solutions that excel in Accessibility,\nPerformance, and Code Quality. Strong emphasis on Web Standards, continuous testing, and test-driven development

renoirb

JavaScript utility functions in a bag

Things I've written or seen that are good, but eventually didn't use.

renoirb

/**
 * Copy-Pasta from Vue.js transpiled source (!).
 *
 * NOT TO USE, just to point out cool parts.
 *
 * https://github.com/vuejs/vue/blob/2.6/dist/vue.runtime.esm.js
 */

import {
  extend,

renoirb

// file: hooks/index.js

import render from './render'

// 'render:context'
export default (nuxtConfig) => ({
  render: render(nuxtConfig),
})

renoirb

src=$(shell ls src/*.vue)
out=$(subst src,dist,$(subst .vue,,$(src)))

ifndef OUTPUT
OUTPUT = lib
endif

all: dist/index.js $(out)

renoirb

From f1cf052838fa56c305f57e02f039bea5d957d81f Mon Sep 17 00:00:00 2001
From: Renoir Boulanger <hello@renoirboulanger.com>
Date: Mon, 29 Oct 2018 23:58:40 -0400
Subject: [PATCH] Attempt adding own Vue Apollo

---
 modules/graphql.js             | 73 ++++++++++++++++++++++++++++++++++
 nuxt.config.js                 |  1 +
 package.json                   | 14 +++++--
 plugins/graphql-client.js      | 41 +++++++++++++++++++

renoirb

Vue.js 2 Selective Multi-Select as render tree

Some Vue templates and see how a component gets compiled into a Vue render tree selective-multi-select

renoirb

// const render = Vue.compile('<h1>Hello {{what}}</h1>')
const HelloComponent = Vue.component('greet-component', {template: '<h1>Hello {{what}}</h1>', props: ['what']})
const app = new Vue({template: '<div><greet-component :what="name" /></div>', components: { HelloComponent }, data: {name: 'World'}})
app.$mount()
app.$children[0].$el.textContent // "Hello World"