building native mobile apps with reactnative

9

Click here to load reader

Upload: samuel-barbosa

Post on 12-Apr-2017

254 views

Category:

Mobile


2 download

TRANSCRIPT

Page 1: Building native mobile Apps with ReactNative

Building native mobile Apps with ReactNative

Page 2: Building native mobile Apps with ReactNative

What’s ReactNative?

A framework for building native apps using React.

So, what’s React? A JavaScript library to build User Interfaces.

ReactJS was built to rewrite the buddy list of facebook.com chat,

then it was used to built instagram.com feed.

Built in 2013.

Page 3: Building native mobile Apps with ReactNative

What it looks like?

Page 4: Building native mobile Apps with ReactNative

How it feels?

https://github.com/wwayne/react-native-nba-app

Page 5: Building native mobile Apps with ReactNative

Pros & Cons● It uses JavaScript, very widespread and

mature programming language. Friendly for beginners.

● Live reload, no compile times

● Declarative interface with JSX and flexible styles, Flexbox. Ensures that elements behave predictably in different screen sizes and display devices.

● Very strong and active community

● It doesn’t try to be a superhero. Learn once, write everywhere

● It uses JavaScript, weak type system.

● Maybe not stable yet. Had problem with react init.

● It’s an abstraction, it *can* be between you and the native platform sometimes.

Page 6: Building native mobile Apps with ReactNative

Is it ready for production?

Page 7: Building native mobile Apps with ReactNative

Can I use it with existing tools?

You can use Atom (Nuclide) or any other text editor. (XCode needed for iOS)

You can mix native and ReactNative without problems.

If you need to write a custome module or view you can bridge it with ReactNative.

Existing integration with Realm, Crashlytics, TestFairy, Parse, WebRTC, Fastlane, etc.

Page 8: Building native mobile Apps with ReactNative

React is the *view*, what can I use as a Model?

Page 9: Building native mobile Apps with ReactNative

Demo Time :D