Esteban Campos stvmachine

React Native

styled-components has a ReactNative mode that works exactly the same, except you import the things from styled-components/native:

import styled from 'styled-components/native';

const StyledView = styled.View`
  background-color: papayawhip;

Conventional Commit Messages

See how a minor change to your commit message style can make a difference. Examples

Have a look at CLI util git-conventional-commits to ensure this conventions and generate changelogs

Commit Formats

Default

Here we use Homebrew to install rbenv:

brew update; and brew install rbenv ruby-build
Add ~/.rbenv/shims to your PATH
Include the contents of completions/rbenv.fish in your Fish config.
Run rbenv install 2.2.2 and rbenv rehash
Run rbenv global 2.2.2

Now you can run gem install bundler and bundle install within your Ruby project.

Brew Bundle Brewfile Tips

Copyright & License

Unless otherwise noted (either in this file or in a file's copyright section) the contents of this gist are Copyright ©️2020 by Christopher Allen, and are shared under spdx:Creative Commons Attribution Share Alike 4.0 International (CC-BY-SA-4.) open-source license.

Sponsor

If you more tips and advice like these, you can become a monthly patron on my GitHub Sponsor Page for as little as $5 a month; and your contributions will be multipled, as GitHub is matching the first $5,000! This gist is all about Homebrew, so if you like it you can support it by donating to them or becoming one of their Github Sponsors.

	// Special thanks to @stef7 https://github.com/stef7
	import { useEffect, useLayoutEffect } from 'react';

	const isInBrowser = (): boolean => typeof window !== 'undefined';

	/**
	* {@link useLayoutEffect} that does not show warning when server-side rendering.
	* @see https://medium.com/@alexandereardon/uselayouteffect-and-ssr-192986cdcf7a
	*/
	export const useIsomorphicLayoutEffect: typeof useLayoutEffect = isInBrowser()

	import React, { FunctionComponent } from 'react';
	import { TouchableWithoutFeedback } from 'react-native-gesture-handler';
	import Animated, {
	Easing, Extrapolate, interpolate, useAnimatedStyle, useDerivedValue,
	useSharedValue, withTiming
	} from 'react-native-reanimated';

	type Props = {
	scaleTo: number;
	disabled: boolean;

	(async function generateReplies(document) {
	// https://conventionalcomments.org/#labels
	const LABEL = {
	praise: "praise",
	nitpick: "nitpick",
	suggestion: "suggestion",
	issue: "issue",
	question: "question",
	thought: "thought",
	chore: "chore",

	#!/usr/bin/env zsh

	sudo rm -f /usr/bin/node
	sudo rm -f /usr/bin/npm
	sudo ln -s $(which node) /usr/bin/
	sudo ln -s $(which npm) /usr/bin/

	#!/bin/bash

	BOOTING="Booting "
	if [ $# -eq 0 ]
	then
	SIMULATOR=$(xcrun simctl list \| grep Booted \| cut -d$'\n' -f1 \| cut -d "(" -f2 \| cut -d ")" -f1)
	if [ ! -z "$SIMULATOR" ]; then
	SIMULATORNAME=$(xcrun instruments -s \| grep $SIMULATOR \| cut -d "[" -f1)
	BOOTING="Rebooting $SIMULATORNAME"
	fi


	name: Expo CI CD

	on:
	push :
	branches : [release]

	jobs:
	Build-for-android:
	runs-on: macos-latest