KEMBAR78
Building native mobile Apps with ReactNative | PDF
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.
What it looks like?
How it feels?
https://github.com/wwayne/react-native-nba-app
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.
Is it ready for production?
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.
React is the *view*, what can I use as a Model?
Demo Time :D

Building native mobile Apps with ReactNative

  • 1.
  • 2.
    What’s ReactNative? A frameworkfor 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.
  • 3.
  • 4.
  • 5.
    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.
  • 6.
    Is it readyfor production?
  • 7.
    Can I useit 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.
  • 8.
    React is the*view*, what can I use as a Model?
  • 9.