Introducing Create XP App – Nader Dabit – Medium

Introducing Create XP App  #nodejs #reactnative #react #iosappdevelopment #reactjs #reactjs

  • Introducing Create XP AppCreate XP App is ReactXP project generator that will allow you to build apps that run on iOS, Windows, Android, and the web using a single codebase.Though this is a working project, it is definitely still a work in progress and I will be getting feedback, adding improvements, and adding polish over the next few weeks / months.A few things about ReactXPBuilt on top of React NativeOpen sourced by Microsoft, used in new version of SkypeRecommends the use of TypeScriptTo learn more about ReactXP, check out their repo and their docs.To Install and create an app:Install the clinpm i -g create-xp-app2.
  • Create your projectcreate-xp-app new MyAwesomeProjectTo run on the webRun npm run web-watch (this compiles and watches your TypeScript)npm run web-watch2.
  • Open index.html in your browserTo run on iOS / Android / WindowsRun npm run rn-watchnpm run rn-watch2.
  • Start the packagernpm start // or use haulUse the command line, Xcode or Android Studio to build and deploy the native app code just like you would with any other React Native project.To learn more, contribute, or submit issues check out the repo located here.My Name is Nader Dabit .
  • I am a software consultant trainer the founder of React Native Training where we teach developers at top companies around the world how to quickly get up and running with React Native.

Create XP App is ReactXP project generator that will allow you to build apps that run on iOS, Windows, Android, and the web using a single codebase. Use the command line, Xcode or Android Studio to…
Continue reading “Introducing Create XP App – Nader Dabit – Medium”

Introducing Create React Native App

  • Today we’re announcing Create React Native App: a new tool that makes it significantly easier to get started with a React Native project!
  • With Create React Native App, there’s no need to use Xcode or Android Studio, and you can develop for your iOS device using Linux or Windows.
  • This is accomplished using the Expo app, which loads and runs CRNA projects written in pure JavaScript without compiling any native code.
  • Try creating a new project (replace with suitable yarn commands if you have it installed):

    This will start the React Native packager and print a QR code.

  • Create React Native App is now stable enough for general use, which means we’re very eager to hear about your experience using it!

Today we’re announcing Create React Native App: a new tool that makes it significantly easier to get started with a React Native project! It’s heavily inspired by the design of Create React App and is the product of a collaboration between Facebook and Expo (formerly Exponent).
Continue reading “Introducing Create React Native App”

Creating Universal Windows Apps With React Native – Smashing Magazine

Creating Universal Windows Apps With React Native  #webdevelopment #news

  • The Windows plugin for RNPM will automatically install the react-native and react peer dependencies for react-native-windows if they have not been installed.
  • Adding React Native for Windows to Existing Projects Link
  • npm install –save-dev rnpm-plugin-windows rnpm windows
  • E.g., if you have files MyComponent.windows.js and MyComponent.js , node-haste will choose MyComponent.js for Android and iOS and MyComponent.windows.js for Windows.
  • Installing the React Native Universal Windows platform extension is easy, whether you want to add the Windows platform to your existing app, or you want to start from scratch building an app just for Windows.

React.js is a popular JavaScript library for building reusable UI components. React Native takes all the great features of React, from the one-way binding and virtual DOM to debugging tools, and applies them to mobile app development on iOS and Android. With the React Native Universal Windows platform extension, you can now make your React Native applications run on the Universal Windows families of devices, including desktop, mobile, and Xbox, as well as Windows IoT, Surface Hub, and HoloLens.
Continue reading “Creating Universal Windows Apps With React Native – Smashing Magazine”

Easier React Native upgrades with rn-diff – Medium

Make #ReactJS Native upgrades easier with rn-diff:

  • Most of the changes can be found in the rn-diff view: they are upstream changes, you should probably overwrite the file and report the project changes.
  • A file containing project changes will be marked as “conflicted” for every React Native upgrade, whether the corresponding file in the host app had been updated between the 2 versions or not!
  • The file doesn’t appear in the rn-diff view: it means this file hasn’t changed in the new version, you can skip it with a clear conscience!
  • You are good to restart the process (i.e. revert the changes in this file and redo the upgrade command)!
  • It contains a pristine React Native project generated with react-native init with a pretty old React Native version and upgraded separately with react-native upgrade .

The React Native environment is a strange world: This shiny framework allows JavaScript developers to easily create mobile apps with a…
Continue reading “Easier React Native upgrades with rn-diff – Medium”

Swift Modules With React Native

  • Visually compose APIs with easy-to-use tooling.
  • Install react-native-cli using $ npm install -g react-native-cli and create a React Native project using $ react-native init SwiftReactNative.
  • Open file ios/SwiftReactNative.xcodeproj in Xcode and start the project.
  • Swift looks more like JavaScript with fewer brackets and easier to write.
  • Once the Xcode file is added, it will offer us to create Objective-C with bridging header.

Read the full article, click here.


@GonzaloGarde: “Swift Modules With React Native – DZone Mobile – RT @jose_garde”


The author takes us through migrating a React Native project from Objective-C to Swift.


Swift Modules With React Native