shoutem / school

A new React Native app every 2 weeks. With tutorial :)

Shoutem React Native School

A new React Native app every 2 weeks.

You can watch our code walkthrough videos on YouTube.

Or read the detailed tutorial articles on school.shoutem.com.

So far we've built:

• React Native 101: Build Your first RN app

• Imgur Client with React Native and MobX

• Lunch recommendation app

• Chat app with Firebase and Redux

• Serverless Firebase push notifications

• Live preview instagram filters

• SoundCloud streaming app, part 1

• SoundCloud streaming app, part 2

school's Issues

The application won't display anything only the spinner

I have built the project but only the spinner comes appears.

This is my package.json

{
"name": "GMLocations",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"@shoutem/ui": "shoutem/ui#242/head",
"query-string": "^5.0.0",
"react": "16.0.0-alpha.12",
"react-native": "0.46.4",
"react-native-linear-gradient": "^2.1.0",
"react-native-maps": "^0.15.3",
"react-native-vector-icons": "^4.2.0"
},
"devDependencies": {
"babel-jest": "20.0.3",
"babel-preset-react-native": "2.1.0",
"jest": "20.0.4",
"react-test-renderer": "16.0.0-alpha.12"
},
"jest": {
"preset": "react-native"
}
}

build Failed

Installing build/Build/Products/Debug-iphonesimulator/ChatApp.app
An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=2):
Failed to install the requested application
An application bundle was not found at the provided path.
Provide a valid path to the desired application bundle.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/ChatApp.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

For react-native run-ios

Had been try remove module modules, build with Xcode, Nothing seems work

Maybe have to fork it to make it into workable state

tell reader how to install react-native-cli

it would be cool if the companion blog post would tell the reader how to install the react-native-cli node module in the Step 0: Setup and boilerplate section right before the code block that first uses the react-native command

found the install command buried a bit in the react native docs http://facebook.github.io/react-native/docs/getting-started.html#the-react-native-cli

npm install -g react-native-cli

(CryptoDataVizApp) Error: Couldn't find preset "latest" relative to directory

Got this error after cloning CryptoDataVizApp project and trying to run it in iOS simulator:
error: bundling: Error: Couldn't find preset "latest" relative to directory "/shoutem/school/CryptoDataVizApp/node_modules/better-fetch"
I think it's related to babel config, tho I'm not an expert.

Unable to resolve module `_stream_writable`

Hello,

I am trying to implement chat with Firebase following your code in "ChatAppFirebaseFunctions" but after installing all required packages
"firebase-admin": "^4.1.2",
"firebase-functions": "^1.0.2",

I am getting this following issue
"Unable to resolve module _stream_writable from /Users/user/Sites/peace-with-food/app/PeaceWithFood/node_modules/firebase-admin/lib/database/database.js: Module does not exist in the module map"

Can you please suggest how can I solve this issue?

liveinstagram

react-native run-android

• What went wrong:
  A problem occurred evaluating project ':react-native-share'.

Could not find method compileOnly() for arguments [com.facebook.react:react-native:+] on object of type org.gradle.api.internal.art
ifacts.dsl.dependencies.DefaultDependencyHandler.

The width of the surface isn't getting on the screen LiveInstagram

I am getting this. The code is from LiveInstagram. Please help!

First

Just here for the first time