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

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

itelo

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

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

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

const styles = StyleSheet.create({
  button: {

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 {AppRegistry} from 'react-native';
import {getStorybookUI, configure} from '@storybook/react-native';
import {loadStories} from './storyLoader';
import './rn-addons';

// import stories
configure(() => {
  loadStories();
}, module);

itelo

import React from 'react';
import {render} from 'react-native-testing-library';
import Button from './Button';

describe('<Button />', () => {
  it('testing color default', () => {
    const view = render(<Button>Hello Testing Library</Button>);

    expect(view.toJSON()?.props.style.backgroundColor).toBe('blue');
  });

itelo

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "jsx": "react",                        /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
    "declaration": true,                   /* Generates corresponding '.d.ts' file. */
    "sourceMap": true,                     /* Generates corresponding '.map' file. */
    "outDir": "./build",                   /* Redirect output structure to the directory. */
    "noEmit": false,                       /* Do not emit outputs. */
    "skipLibCheck": true                           

itelo

/**
 * @format
 */

import {AppRegistry} from 'react-native';
import App from './storybook';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);