Carl Vitullo vcarl

## README.md

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                vcarl
                / README.md
            
            
              Last active
              October 3, 2020 03:46
            
              
                Gatsby i18n page generation
              
          
    This also assumes constants of
exports.defaultLocale = "en";
exports.supportedLanguages = ["en"];

translatedLocales coming from createI18nPages.js is important, and needs behavior for how to display missing translations in the frontend as well. It's how we know what other pages exist so we can put them in the sitemap as alternates (which was kind of a pain, had to totally take over output from the plugin) as well as listing them in <head> as <link rel="alternate"> tags
createI18nPages is where the real page generation happens. The gist is, make a primary page, then make /:locale/:url pages for all available translations. each page needs an array of translations, and reqs were to show the default translation if none was available

  
## userTimingMiddleware.js
const userTiming = () => (next) => (action) => {
  if (performance.mark === undefined) return next(action);
  performance.mark(`${action.type}_start`);
  const result = next(action);
  performance.mark(`${action.type}_end`);
  performance.measure(
    `${action.type}`,
    `${action.type}_start`,
    `${action.type}_end`,
  );

## keybase.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                vcarl
                / keybase.md
            
            
              Created
              June 26, 2018 20:29
            
          
    Keybase proof

I hereby claim:

I am vcarl on github.
I am vcarl (https://keybase.io/vcarl) on keybase.
I have a public key ASDlWlpXqRlQBdfwuc6TB0DKpDQdXtlKgT97d7lQCv_v8wo

To claim this, I am signing this object:

  
## questions-for-your-interviewer.md

      
              1 file
            
          
              34 forks
            
          
              9 comments
            
          
              283 stars
            
          
                vcarl
                / questions-for-your-interviewer.md
            
            
              Last active
              August 8, 2024 01:51
            
          
    I bundled these up into groups and wrote some thoughts about why I ask them!
If these helped you, I'd love to hear about it!! I'm on twitter @vcarl_ or send me an email carl.vitullo@gmail.com
Onboarding and the workplace

https://blog.vcarl.com/interview-questions-onboarding-workplace/

How long will it take to deploy my first change? To become productive? To understand the codebase?
What kind of equipment will I be provided? Will the company pay/reimburse me if I want something specific?


## 1foreward-and-intro.md

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                vcarl
                / 1foreward-and-intro.md
            
            
              Last active
              January 10, 2018 01:40
            
          
    “Honesty in small things is not a small thing.”
This is a book about humble concerns whose value is nonetheless far from small.
We can accept for granted that responsible professionals give some time to thinking and planning at the outset of a project.
I think this is one of the base assumptions the book makes about its readers. If your routine is to hop directly into code without a thought for the overall design, you may try to change that habit.

Total Productive Maintenance


## gist:76ca26f5c40b3ecfc5e4e22aec81bbd4
const ToHoc = (Component) => {
  return (Wrapped) => {
    class GeneratedHOC extends React.Component {
      render() {
        return (
          <Component render={args => <Wrapped {...this.props} {...args} /> } />
        );
      }
    }
  }

## managing.md

      
              1 file
            
          
              0 forks
            
          
              1 comment
            
          
              3 stars
            
          
                vcarl
                / managing.md
            
            
              Last active
              July 30, 2018 06:34
            
          
    Adding manpower to a late software project makes it later.
Development managers often win their management roles primarily from having been stellar coders while displaying a modicum of people skills.
Programming teams can tell management that the product is one week from being functionally complete every week for the months.
A program can produce the desired results and be so poorly designed and/or executed that it cannot realistically be enhanced or maintained.
For too many managers (especially less technical managers, such as CEOs or CFOs) prototypes appear to be “done.”

  
## router.js
import Restify from 'restify';
import SyncRoute from './sync-route';

const server = Restify.createServer({
  name: 'SyncRoutingDemo'
});
server.use(Restify.bodyParser());

SyncRoute(server, {
  verb: 'post',

## package.json
{
  "name": "jstest",
  "version": "1.0.0",
  "description": "",
  "main": "src/index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",

## visible-hoc.cjsx
define (require) ->
  _ = require('lodash')
  React = require('react')
  ReactDOM = require('react-dom')

  # Modified from http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
  isElementInViewport = (el) ->
    rect = el.getBoundingClientRect();

    (
	const userTiming = () => (next) => (action) => {
	if (performance.mark === undefined) return next(action);
	performance.mark(`${action.type}_start`);
	const result = next(action);
	performance.mark(`${action.type}_end`);
	performance.measure(
	`${action.type}`,
	`${action.type}_start`,
	`${action.type}_end`,
	);
	const ToHoc = (Component) => {
	return (Wrapped) => {
	class GeneratedHOC extends React.Component {
	render() {
	return (
	<Component render={args => <Wrapped {...this.props} {...args} /> } />
	);
	}
	}
	}
	import Restify from 'restify';
	import SyncRoute from './sync-route';

	const server = Restify.createServer({
	name: 'SyncRoutingDemo'
	});
	server.use(Restify.bodyParser());

	SyncRoute(server, {
	verb: 'post',
	{
	"name": "jstest",
	"version": "1.0.0",
	"description": "",
	"main": "src/index.js",
	"scripts": {
	"test": "echo \"Error: no test specified\" && exit 1"
	},
	"keywords": [],
	"author": "",
	define (require) ->
	_ = require('lodash')
	React = require('react')
	ReactDOM = require('react-dom')

	# Modified from http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
	isElementInViewport = (el) ->
	rect = el.getBoundingClientRect();

	(