Android or React Native?

  • I am a proficient iOS/Swift developer and I am keen to develop an app on the Android platform.
  • I am also a realist and I know that the time available to me is limited.
  • Q : Will my time be better spent learning React-Native – or – Android Java/Kotlin?

I’m a proficient iOS / Swift developer and I want to have a go at developing on the Android platform. How should I do that?
Continue reading “Android or React Native?”

We had a great time speaking with @naoufal about #ReactNative on the latest episode #JavaScript

  • In this episode, we’re joined by Naoufal Kadhom, a Software Engineer from Netflix who’s also just released a payment library for React Native.
  • In the episode, we’ll be discussing React Native and what it’s like to leverage it for Android and iOS applications.

In this episode, we’re joined by Naoufal Kadhom, a Software Engineer from Netflix who’s also just released a payment library for React Native. In the episode, we’ll be discussing React Native and what it’s like to leverage it for Android and iOS applications.
Continue reading “We had a great time speaking with @naoufal about #ReactNative on the latest episode #JavaScript”

Getting Started with Expo React Native and Styled Components using a Netflix Clone example

  • For me it opens it up in Sublime Text Editor, but since I prefer to use WebStorm, I just manually find where the project was created and open the project using WebStorm.Your initial project structure should look something like this:Lets create the basic outline of this project, I like to structure my project by putting everything in a ‘src’ folder and then splitting it up from there.Create a ‘src’ folder and create a ‘components’ directory with a ‘common’, ‘navigation’, and ‘screens’ subdirectories.
  • I also use this file to store any other common styling attributes such as font sizes, and padding/margin lengths.You will also need to grab some images and put them in your /assets directory or you can use the ones that I picked out in here: grab the Netflix logo icon and put it under assets/icons directory: project directory structure should look something like this:I like to make my imports look clean, so I would recommend that you install the babel plugin `babel-plugin-module-alias`.
  • babelrc file, (located in your root project directory) you will need to add the module-resolver field and since we’re having all our files in the /src directory, you need to set the root to src .
  • babelrc file should look like this:Now lets install react-navigation and styled-components by going into the terminal and navigating to the root project directory, and type in `npm install react-navigation — save“npm install Constants and Dummy DataIn our constants/styles.
  • js like so:In your we can now use our HomeScreen and ShowDetailsScreen in the StackNavigator config, like so:Now lets go back to our App.js file, and create a DrawerNavigator with the HomeStackNavigator as it’s initial route in the drawerRouterConfigNow hopefully if everything works, you should be able to load up the iOS simulator and you should see something like this:All the code is has been a really great tool to bootstrap my react native projects and I highly recommend it to anyone that wants to quickly get started with React Native.

In your /src/components/navigation/home-stack-navigator.js , we can now use our HomeScreen and ShowDetailsScreen in the StackNavigator config, like so: Now lets go back to our App.js file, and create…
Continue reading “Getting Started with Expo React Native and Styled Components using a Netflix Clone example”

Getting Started with Expo React Native and Styled Components using a Netflix Clone example

  • For me it opens it up in Sublime Text Editor, but since I prefer to use WebStorm, I just manually find where the project was created and open the project using WebStorm.Your initial project structure should look something like this:Lets create the basic outline of this project, I like to structure my project by putting everything in a ‘src’ folder and then splitting it up from there.Create a ‘src’ folder and create a ‘components’ directory with a ‘common’, ‘navigation’, and ‘screens’ subdirectories.
  • I also use this file to store any other common styling attributes such as font sizes, and padding/margin lengths.You will also need to grab some images and put them in your /assets directory or you can use the ones that I picked out in here: grab the Netflix logo icon and put it under assets/icons directory: project directory structure should look something like this:I like to make my imports look clean, so I would recommend that you install the babel plugin `babel-plugin-module-alias`.
  • babelrc file, (located in your root project directory) you will need to add the module-resolver field and since we’re having all our files in the /src directory, you need to set the root to src .
  • babelrc file should look like this:Now lets install react-navigation and styled-components by going into the terminal and navigating to the root project directory, and type in `npm install react-navigation — save“npm install Constants and Dummy DataIn our constants/styles.
  • js like so:In your we can now use our HomeScreen and ShowDetailsScreen in the StackNavigator config, like so:Now lets go back to our App.js file, and create a DrawerNavigator with the HomeStackNavigator as it’s initial route in the drawerRouterConfigNow hopefully if everything works, you should be able to load up the iOS simulator and you should see something like this:All the code is has been a really great tool to bootstrap my react native projects and I highly recommend it to anyone that wants to quickly get started with React Native.

In your /src/components/navigation/home-stack-navigator.js , we can now use our HomeScreen and ShowDetailsScreen in the StackNavigator config, like so: Now lets go back to our App.js file, and create…
Continue reading “Getting Started with Expo React Native and Styled Components using a Netflix Clone example”

Expo SDK v19.0.0 is now available – Exposition

Expo SDK v19.0.0 is now available – Exposition  #reactjs #reactnative @expo_io

  • JavaScriptCore on Android gets a big updateThe version of JavaScriptCore (JSC) built into upstream React Native is currently (r174650) three years old and missing many features that are available on iOS already, such as native async/await support, ES6 Symbols, and native TypedArray (which works efficiently with Expo Graphics).
  • A friendly reminder: you should probably use your device most of the time.Access QR scanner from in-app menu on iOSWhen you shake your device to open the developer menu when you have a project open, it now includes an option to let you jump to the QR scanner screen.Set up Universal Links for expo.ioNavigating to will open the app directly into Expo if it is installed now.Developer toolsEnabled –non-interactive for exp login.
  • We will be adding a guide to the Expo documentation for this shortly.Customize permissions required by Android standalone appsA common request from developers building Android apps with Expo is the ability to customize which permissions are requested at install-time.
  • App developers should respect this and only request the minimal permissions that the app requires.In Expo SDK 19 you can select the permissions using app.json, see the full documentation.BugfixesIt’s hard to document all of the small fixes that go into each release, but here are some of the highlights.General fixesContacts API is more uniform on iOS and AndroidAPI server and XDE agree about username formatting requirementsDocumentation search is fixed on mobileAndroid standalone app names can now contain ‘’, ‘’, ‘’, “‘“, ‘“‘Audio fixes- When preparing a Recording, you can pass an optional settings dictionary to customize the format / extension / bitrate / quality / encoding, et cetera.
  • Upgrading your appHere’s how to upgrade your app to Expo SDK 19.0.0 from 18.0.0:Close XDE or your exp CLI serverIn app.json (formerly exp.json), change sdkVersion to “19.0.0”In package.json, change these dependencies:- react-native to expo to “^19.0.0”- react did not change from SDK 18- jest-expo to “~19.0.0” (if you use it)- sentry-expo to “~1.6.0” (if you use it)Delete your project’s node_modules directory and run npm installagain (or use yarn, we love yarn)Reopen your project in XDE and press “Restart” to clear the packager cache, or run exp start -c if you use use exp.Update the Expo app on your phones from the App Store / Play Store.

I am pleased to announce the release of Expo SDK v19.0.0. It is based off the recently released React Native 0.46, “June”. Our previous SDK, v18.0.0, is based off 0.45, “May”. The version of…
Continue reading “Expo SDK v19.0.0 is now available – Exposition”

first react native conference, chain react, in portland in one week 😎

  • An app for the Chain React Conference in Portland, Oregon on July 10 and 11, 2017 – check the conference out at This app is a fork of the original, you can find the source at scanning this QR code with Expo using your mobile device, the experience loads immediately.
  • Enter your e-mail or phone number below and you will get a link to open the experience for your mobile device.
  • Typing inside of Expo will also open this experience.

An app for the Chain React Conference in Portland, Oregon on July 10 and 11, 2017 – check the conference out at https://infinite.red/ChainRe…
Continue reading “first react native conference, chain react, in portland in one week 😎”