54

Our react-native experiences at crewmeister

Embed Size (px)

Citation preview

Page 1: Our react-native experiences at crewmeister
Page 2: Our react-native experiences at crewmeister

@WolframKriesing, Code Terminator Or-alikes

Page 3: Our react-native experiences at crewmeister
Page 4: Our react-native experiences at crewmeister
Page 5: Our react-native experiences at crewmeister

we are hiring!!!

Page 6: Our react-native experiences at crewmeister

what?

Page 7: Our react-native experiences at crewmeister
Page 8: Our react-native experiences at crewmeister
Page 9: Our react-native experiences at crewmeister

#kidding :)

what, now? really!

Page 10: Our react-native experiences at crewmeister

time tracking

time accounting

vacation planning

Page 11: Our react-native experiences at crewmeister

https://www.flickr.com/photos/tracyhunter/104459256 https://www.flickr.com/photos/peterpearson/2215299880 https://www.flickr.com/photos/streetsmitty/15231081875

Our Customers<50 employees

Page 12: Our react-native experiences at crewmeister

they do enterprise

Page 13: Our react-native experiences at crewmeister

A(pp) bit of history

Page 14: Our react-native experiences at crewmeister

time

Page 15: Our react-native experiences at crewmeister

time tracking

1. fast2. lie-fi safe3. easy to use

Page 16: Our react-native experiences at crewmeister

not working working in break

Page 17: Our react-native experiences at crewmeister

https://www.flickr.com/photos/cubagallery/5729758898

Background work + offline

Page 18: Our react-native experiences at crewmeister

Let’s get started

Page 19: Our react-native experiences at crewmeister

>npminstallreact-native-cli

>react-nativeinitminiApp

Page 20: Our react-native experiences at crewmeister

„Consider installing yarn to make

this faster: yarnpkg.com" ;)

Page 21: Our react-native experiences at crewmeister

>npminstallreact-native-cli

>react-nativeinitminiApp

>react-nativerun-ios

Page 22: Our react-native experiences at crewmeister

3089 lines later

~1min waiting

Page 23: Our react-native experiences at crewmeister
Page 24: Our react-native experiences at crewmeister
Page 25: Our react-native experiences at crewmeister
Page 26: Our react-native experiences at crewmeister
Page 27: Our react-native experiences at crewmeister

Shift+Cmd+H+HCmd+DCmd+R

Most used shortcuts

Page 28: Our react-native experiences at crewmeister

dev experience

Page 29: Our react-native experiences at crewmeister

Cmd+D

Page 30: Our react-native experiences at crewmeister

you need a device (or simulator)

Page 31: Our react-native experiences at crewmeister

>react-nativerun-ios

>react-nativerun-android

Page 32: Our react-native experiences at crewmeister

https://www.genymotion.com/

Page 33: Our react-native experiences at crewmeister

react-native AND babel

https://www.flickr.com/photos/101464333@N07/9733214002

Page 34: Our react-native experiences at crewmeister

smallest common denominator

Page 35: Our react-native experiences at crewmeister

not stage-0 as you know it!

Page 36: Our react-native experiences at crewmeister
Page 37: Our react-native experiences at crewmeister

https://github.com/facebook/react-native/issues/4844#issuecomment-204035720

Page 38: Our react-native experiences at crewmeister

ES6 dependency

Page 39: Our react-native experiences at crewmeister

./src/test-setup.js

Page 40: Our react-native experiences at crewmeister

mocha--compilersjs:babel-register--require=./test-setup.js

Page 41: Our react-native experiences at crewmeister

device specific?

Page 42: Our react-native experiences at crewmeister
Page 43: Our react-native experiences at crewmeister

Android iOS

Page 44: Our react-native experiences at crewmeister

https://www.flickr.com/photos/31135424@N07/4878595504

Geolocation

Page 45: Our react-native experiences at crewmeister
Page 46: Our react-native experiences at crewmeister

https://www.flickr.com/photos/st3f4n/143623967

mobile is

Page 47: Our react-native experiences at crewmeister

+

+

Page 48: Our react-native experiences at crewmeister

https://www.flickr.com/photos/derelllicht/264546918

ship

Page 49: Our react-native experiences at crewmeister

# ./fastlane/Fastfile

desc "Submit a new Beta Build to Apple TestFlight" desc "This will also make sure the profile is up to date" lane :beta do match(type: 'appstore') gym( scheme: "miniapp", project: "./ios/miniapp.xcodeproj" ) pilot(username: „[email protected]") end

Page 50: Our react-native experiences at crewmeister
Page 51: Our react-native experiences at crewmeister
Page 52: Our react-native experiences at crewmeister

DEPSDIET

Page 53: Our react-native experiences at crewmeister

#react-nativetalk-[x]deploying,fastlane-[x]iOStestflight-[x]androidbetaversion(alpha,beta,production)-[x]buildvianpmscripts-[x]fastlanepushesallthewayintotheappstore,justneedtoclickandreleaseit-[x]androidbuildsjustneedtobeuploaded-[]testsrunpurelyinnode,makesiteasytoseparatereactandJS-[x]simulators-[x]babelrcremovalscript-[x]devicespecific:thegroupselector,isjustdifferentnativeUI-[]sync+asyncarchitecture-[]offlinecapability-[x]debuggingwithchrome,evenontherealdevice-[]adbcanbeasaviour-[]errorreportingiskindapainful-[x]GPSonmobileisnofun-[x]usetherndocs-[x]theAPI-[x]thecomponents-[]aslittlenumberofdependenciesaspossible

Page 54: Our react-native experiences at crewmeister

we are hiring!!!

contact me@wolframkriesing

[email protected]