thinkmill/react-conf-app

React Conf 2017 Companion App - built with React Native

React Conf 2017

The companion app for React Conf 2017 in Santa Clara, California. Powered by React Native, and built in Sydney by Thinkmill.

Find it on the iOS App Store here!

Find it on Google Play here!

Get a live schedule, information about the talks and speakers, and easily tweet or share talks as they happen.

About the App

We're open sourcing this app so everyone can see how we built it, and contribute to making it better.

There will be design tweaks and updates as we lead up to the conference - we'll also be publishing the final Sketch files when they're ready.

PRs and feedback are welcome, let us know what you think!

And for those of you who will be attending, we hope you enjoy the app, and we'll see you there.

Getting Started

To run the app, clone this repo then:

iOS

1. Use yarn to install the dependencies.
2. Open the project in XCode and click the run button. You should be good to go!

Android

The Android build requires a Google Maps API key for the map component. You can get one here.

Once you have an API key, you'll need to add it to the build. We use Android's string handling to get it into the app. Create a file in android/app/src/main/res/values called google_maps_api_key.xml with these contents:

<resources>
    <string name="google_maps_api_key">[Your Google Maps API Key Here]</string>
</resources>

Then:

1. Use yarn to install the dependencies.
2. Either use react-native run-android or open the project in the android directory in Android Studio and click the run button.

Support / Contributing

If you have any trouble with the app, please open an issue to let us know!

Even better, help us improve it by forking and submitting a Pull Request.

Other Conferences?

We'd love to hear from anyone who wants to fork this app and customise it for other conferences. We've got some ideas about how to make it easier that we'd be happy to talk about if there's interest.

Credits

Thinkmill set aside some project time to build this app because we wanted to hack on a fresh React Native project, try some new things and we're excited about the conference.

The following people made it happen:

• Boris Bozic - Design
• Jed Watson - Concept and Architecture
• Joss Mackison - UI
• Kevin Brown - Programming

Also thanks to James Kyle for his review & contributions.

We've incorporated some cool tech including:

• Code Push
• Jest
• Flow
• Prettier

See package.json for the full set of react native packages we used.

License

MIT Licensed. Copyright (c) Thinkmill Pty Ltd 2017.

react-conf-app's Issues

Directions links do not work

When clicking on a directions link (either callout or link) it does not work on Android.

"Application app has not been registered" error message on android

Getting the following when starting the app on android

Timezone problem

The app is considering my phone timezone instead of the one the React Conf is on.
So the schedule is marking lots of items as already happened, which is not true.

Error:Configuration with name 'default' not found.

When I run

react-native run-android
in my cmd, I met a problem:

Incremental java compilation is an incubating feature.

FAILURE: Build failed with an exception.

• What went wrong:
  A problem occurred configuring project ':app'.

Could not resolve all dependencies for configuration ':app:_debugApk'.
Configuration with name 'default' not found.

Does anybody has the same problem ?

Use absolute path

Please see facebook/react-native#3099 (comment)

Fix share drawer

On android we get undefined is not an object (evaluating 'RCTActionSheetManager.showShareActionSheetWithOptions').

Probably need to integrate an Android specific library for sharing.

Fix Avatar clipping on Keynote

The Keynote speakers are clipped on Android. I believe this has to do with the box model behaving differently on android. We need to fix it (probably with Platform specific code) so they're nice clean circles.

Transition animation glitch

There's a slight transition animation glitch when viewing the info page.
From experience, it seems to be an Xcode 8 + iOS 10 combo thing.

The two errors from Xcode are pasted below.

ERROR /BuildRoot/Library/Caches/com.apple.xbs/Sources/VectorKit_Sim/VectorKit-1230.32.8.29.9/GeoGL/GeoGL/GLCoreContext.cpp 1764: WARNING: Output of vertex shader 'v_gradient' not read by fragment shader

ERROR /BuildRoot/Library/Caches/com.apple.xbs/Sources/VectorKit_Sim/VectorKit-1230.32.8.29.9/GeoGL/GeoGL/GLCoreContext.cpp 1763: InfoLog SolidRibbonShader:

Rumour has it that these two errors are only present in the simulator or debug builds, but not so in the production/release builds. ¯_(ツ)_/¯

Modal component crashes app on android

You can replicate this crash by going to About -> Code of Conduct, or selecting a talk, then tapping on the speaker's name.

This happens in both debug and release configurations.

Navigate with react-navigation

would you find it feasible add react-navigation?

How did you do the background pattern on <Break /> component

How this was done?

Altho the project is open sourced (huge thanks to you guys) the exponent version differs from this source, this source doesnt have that pattern
Is it an image background? Or linear-gradient?

Unable to compile sourcecode

Hi!

I would like to take your application as a starting point developing
my own mobile app (kind of hello world on steroids:), but I'm unable to compile it.

I tried with both android studio (2.3), and with react native script:
./node_modules/.bin/react-native run-android after installing with npm -i

It is basically a full circle, it errors out with SDK version too low, it requires 23.0.3,
after it requires 25.0.0. Then the final error is(react-native command line):

> Could not resolve all dependencies for configuration ':app:_debugApk'.
> A problem occurred configuring project ':react-native-smart-splash-screen'.
  > The SDK Build Tools revision (23.0.3) is too low for project ':react-native-smart-splash-screen'. Minimum required is 25.0.0

In Android Studio it is installed
(File -> settings->Appearance & behaviour -> System settings -> Android SDK->SDK Tools),

• 23.0.3
• 25.0.0
• 25.0.2

In Android Studio the error is:

Error:Failed to find Build Tools revision 23.0.3
<a href="install.build.tools">Install Build Tools 23.0.3 and sync project</a>

If I remove 25.0.0, then the error is:

 Gradle sync failed: Failed to find Build Tools revision 25.0.0
			Consult IDE log for more details (Help | Show Log)

In the last week I installed and reinstalled android studio all the sdk versions, I used up (on my mobile net:), more then 36GiB of data, still no luck. One try takes more then an hour, I'm on a bit slow connection (4mbit down/2mbit up).

I'm on ubuntu 16.10 by the way.

Could you please tell me if the project is buildable, and if so what version of android studio you used?

Sorry for the offtopic.

IOS only?

Are you submitting to Google play?

Black screen on iPhone 7

Downloaded from appstore, getting black screen [with status bar] on launch [after Splash screen].
iPhone 7,

edit: oops think this is the app from 2015

Finish implementing react-native-smart-splash-screen for Android

This will ease the transition into the app.

Instructions: https://github.com/react-native-component/react-native-smart-splash-screen

Need to show a next button at the bottom of the talks.

On iOS we can use bouncy scroll to let the user navigate to the next talk. Android doesn't have this feature. We need to have a next button on Android only.