tylerthebuildor

How many times shouldn't it happen...

-- https://news.ycombinator.com/item?id=11396045

SELECT count(*)
FROM (SELECT id, repo_name, path
        FROM [bigquery-public-data:github_repos.sample_files]
 ) AS F

tylerthebuildor

5 entertaining things you can find with the GitHub Search API

Let's have some command-line fun with curl, [jq][1], and the [new GitHub Search API][2].

Today we're looking for:

• The hottest repositories created in the last week.
• The oldest user accounts with zero followers. (So sad.)
• Issue trends by language.
• Clojure projects defying convention.

tylerthebuildor

command-shift-P > Package > Package Generator: Generate Syntax Theme > mypackage
cd ~/.atom/packages/mypackage
apm login
apm develop mypackage
cd ~/github/mypackage
sudo chown -R username:wheel .

git commit -a -m 'checking everything in'
apm publish --tag v2.5.0 minor

tylerthebuildor

Setup ES6+Babel+JSX Linting with Atom

This sets up Atom to properly lint ES6+Babel+JSX using Airbnb's .eslintrc as a starting point.

Steps

1. Download Atom and get these two packages: Linter and [Linter-ESLint)(https://atom.io/packages/linter-eslint)
2. Run npm install --save-dev eslint-config-airbnb babel-eslint eslint-plugin-react from your project root.
3. Add "extends": "eslint-config-airbnb" to your .eslintrc

tylerthebuildor

# https://github.com/facebook/react-native/issues/4968
# It tries to require the package from home directory
# instead of the project's node_modules directory, and the following wrror appears

# The Fix
watchman watch-del-all
rm -rf node_modules
npm install
npm start -- --reset-cache

tylerthebuildor

import React, {
  Linking,
  StyleSheet,
  WebView,
} from 'react-native';
import SomeHTMLFile from './some-html-file.html

export default class WebViewExt extends React.Component {

  constructor() {

tylerthebuildor

function mixin (behaviour, sharedBehaviour = {}) {
  const instanceKeys = Reflect.ownKeys(behaviour);
  const sharedKeys = Reflect.ownKeys(sharedBehaviour);
  const typeTag = Symbol('isa');

  function _mixin (target) {
    for (let property of instanceKeys)
      Object.defineProperty(target, property, { value: behaviour[property] });
    Object.defineProperty(target, typeTag, { value: true });
    return target;

tylerthebuildor

// Usage: var headers = headersFactory(this.state.token);
// fetch('/api/v1/some-resource', headers('post', data))

function headersFactory(jwtToken) {
  return function(method, data) {
    let header = {
      mode: 'cors',
      method: method,
      headers: {
        'Accept': 'application/json',

tylerthebuildor

#Ionic Publish Android App

This is the process to publish an ionic android app.

1. Make sure you set/increment the version number in config.xml ie 0.0.3.

2. Make sure the android platform has been added

tylerthebuildor

Reduce boilerplate in Redux

• Create actions similar to Flummox.
• Generate action ids.
• Supports actions with promises, and therefore ES7 async.