itelo

import React from 'react';
import {storiesOf} from '@storybook/react-native';
import Button from './Button';

storiesOf('Button', module)
  .add('default button', () => <Button>Hello Storybook</Button>)
  .add('button with prop color = red', () => (
    <Button color="red">Hello Storybook</Button>
  ));

itelo

import React from 'react';
import {
  StyleSheet,
  TouchableOpacity,
  Text,
  TouchableOpacityProps,
} from 'react-native';

const styles = StyleSheet.create({
  button: {

itelo

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      require.resolve('babel-plugin-module-resolver'),
      {
        alias: {
          '@mycooluilib/assets': './src/assets',
          '@mycooluilib/components': './src/components',
          '@mycooluilib/utils': './src/utils',

itelo

// Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)

itelo

Machine({
  id: 'authentication',
  initial: 'unauthorized',
  context: {
    user: null,
    error: null,
  },
  states: {
    unauthorized: {
      on: {

itelo

async function starting() {
  print.info(`creating a react project`)
}

module.exports = {
  name: 'init',
  alias: ['init'],
  run: async (toolbox: GluegunToolbox) => {
    /**
     * initing global/local variables

itelo

function copyTemplateToAppDirectory(tmpDir: string, appDirectory: string) {
  return async (
    chainData: ExtractPromiseGeneric<ReturnType<typeof getNpmPackageUrl>>
  ) => {
    print.info(`copying template to ${appDirectory}`);

    await fse.copy(`${tmpDir}/template`, appDirectory, {
      overwrite: false,
      errorOnExist: true
    });

itelo

import * as hyperquest from 'hyperquest'
import { unpack } from 'tar-pack'

function extractStream(stream, dest) {
  return new Promise((resolve, reject) => {
    stream.pipe(
      unpack(dest, err => {
        if (err) {
          reject(err)
        } else {

itelo

import { execSync } from 'child_process'

async function getNpmPackageUrl(
  npmTemplatePackageName: ExtractPromiseGeneric<
    ReturnType<ReturnType<typeof getNpmTemplatePackageName>>
  >
) {
  return {
    npmTemplatePackageName,
    urlNpmPackage: execSync(`npm v ${npmTemplatePackageName} dist.tarball`)

itelo

function getNpmTemplatePackageName(templateName: string) {
  return async () => {
    if (templateName) {
      return `cra-clone-${templateName}-template`;
    }

    return 'cra-clone-template';
  }
}