vovkasm

Directory structure

vovkasm

funciton MyComp() {
  return (
    <View style={{ flexDirection: 'row', borderColor: 'blue', borderWidth: StyleSheet.hairlineWidth }}>
      <View style={{ width: 100, height: 100, backgroundColor: 'green' }} />
      <Text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultricies finibus elementum.</Text>
    </View>
  )
}

vovkasm

Increment without transaction
before incrementCounter cnt=0
after incrementCounter cnt=1
reaction computed=1
reaction cnt=1
Two increments with transaction
before incrementCounter cnt=1
after incrementCounter cnt=2
Current immediate value in transaction cnt=2
before incrementCounter cnt=2

vovkasm

MyProject

Prereqs

• java, ant
• Xcode
• ruby

Install deps

vovkasm

// android/app/build.gradle
// ... some RN stuff

apply plugin: 'com.google.gms.google-services'

dependencies {
    implementation fileTree(dir: "libs", include: ["*.jar"])
    implementation "com.android.support:appcompat-v7:${rootProject.supportLibVersion}"
    implementation "com.android.support:cardview-v7:${rootProject.supportLibVersion}"
    implementation "com.android.support:customtabs:${rootProject.supportLibVersion}"

vovkasm

mport 'jest'

import { clock } from 'testing/setupFakeTimers'
import { TestController as Ctrl } from 'testing/testController'

import React from 'react'
import Renderer, { act } from 'react-test-renderer'

beforeEach(() => {
  // simplifyed code

vovkasm

# ios/podspecs/RNFirebase.podspec
require 'json'
package = JSON.parse(File.read(File.join(__dir__, '../../node_modules/react-native-firebase/package.json')))

Pod::Spec.new do |s|
  s.name                = "RNFirebase"
  s.version             = package["version"]
  s.summary             = package["description"]
  s.description         = <<-DESC
                            A well tested feature rich Firebase implementation for React Native, supporting iOS & Android.

vovkasm

declare module '*.png' {
  import { ImageRequireSource } from 'react-native'
  const content: ImageRequireSource
  export default content
}

declare module 'react-native/Libraries/Components/TextInput/TextInputState' {
  export function blurTextInput(textFieldID?: number): void
  export function currentlyFocusedField(): number | null
  export function focusTextInput(textFieldID?: number): void

vovkasm

# Uncomment the next line to define a global platform for your project
platform :ios, '9.0'

target 'Sample' do
  project 'Sample', {
    'Debug' => :debug,
    'Staging' => :release,
    'Production' => :release,
  }

vovkasm

// tslint:disable:object-literal-sort-keys

import React from 'react'
import { GestureResponderEvent, LayoutRectangle, NativeTouchEvent, UIManager } from 'react-native'

// HACK
import { blurTextInput, currentlyFocusedField, isTextInput } from 'App/lib/extendedTextState'

/**
 * Touchable states.