JofArnold

concat:
  json:
    src: ['source/files/here.json']
    dest: 'output/files/here.js'
    options:
      banner: "(function(namespace){\n'use strict'\nnamespace.json={};\n"
      footer: "\n})(YOURNAMESPACEHERE)"
      process: (src,filepath) ->
        arr = filepath.split '/'
        filename = arr[arr.length-1]

JofArnold

/*
You have a component called MyComponent.jsx and a decidated "locally scoped"
scss file called MyComponent.scss.

For one of the HTML nodes you wish to add a clearfix using something like:
*/

...:after {
  clear: both;
  content: ".";

JofArnold

The problem with SASS mixins*

1. mixins with SASS can balloon your css files quickly.
2. mixins stop it being clear where stuff came from (can't search for class names for instance).

WARNING: The below is pseudo-code as I'm too lazy to double-check the APIs, output etc:

@mixin flexThing {
  color: red;

JofArnold

import React, { Component } from "react";
import PropTypes from "prop-types";
import styled from "styled-components";

const dimsFromProps = ({ size, strokeWidth, value }) => {
  const halfsize = size * 0.5;
  const radius = halfsize - strokeWidth * 0.5;
  const circumference = 2 * Math.PI * radius;
  const strokeVal = value * circumference / 100;
  const dashVal = strokeVal + " " + circumference;

JofArnold

// Untested code, but hopefully it gives you an idea.
// Ping me @jofarnold on Twitter if you get stuck

import React, { Component } from "react";
import Downshift from "downshift";
import PropTypes from "prop-types";

function nodeFromItem(id, items) {
  return items.find(({ uuid }) => uuid === id);
}

JofArnold

import React from "react";
import { Route, Link } from "react-router-dom";
/**
 * A <Link> wrapper with support for both active and inactive classNames. Useful for tachyons
 * and similar functional css approaches.
 * Same API as React Router but with option of sending through a child as a function so you
 * can pass isActive down to it. Example: showing an icon when a nav link is highlighted.
 * Stolen from here, pretty much: https://github.com/ReactTraining/react-router/blob/9662a48fbc5de97f820608349ab37b4af5dba896/packages/react-router-dom/modules/NavLink.js
 */
const NavLink = ({

JofArnold

//  Created by react-native-create-bridge

// import RCTBridgeModule
#if __has_include(<React/RCTBridgeModule.h>)
#import <React/RCTBridgeModule.h>
#elif __has_include(“RCTBridgeModule.h”)
#import “RCTBridgeModule.h”
#else
#import “React/RCTBridgeModule.h” // Required when used as a Pod in a Swift project
#endif

JofArnold

# --------------------------------------------------------------------------------
#
# About
#
# Here is a useful Fastfile for delivering a multiple varients (targets) of an app
# to, ultimately, Testflight.
# The project is called "cione" and has two schemes and two targets called
# "cione" and "citwo".

JofArnold

/**
 *Submitted for verification at Etherscan.io on 2021-04-22
*/

// File: @openzeppelin/contracts/utils/Context.sol

// SPDX-License-Identifier: MIT

pragma solidity >=0.6.0 <0.8.0;

JofArnold

/**
 *Submitted for verification at Etherscan.io on 2021-08-27
*/

// SPDX-License-Identifier: MIT

pragma solidity ^0.8.0;

/**
 * @dev Interface of the ERC165 standard, as defined in the