JSFoo 2016

Tackling speed and performance for JavaScript

Javascript Web developer to Mobile App Developer in a single Workshop (React Native)

Submitted by Chandra Mohan (@bschandramohan) on Wednesday, 17 August 2016

videocam_off

Technical level

Beginner

Section

Workshops

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +14

Abstract

We are converging to a point where any web application should have a corresponding mobile app. This workshop would be to enable Javascript engineers to start developing mobile apps by writing majorly javascript code.

Outline

The workshop would enable engineers to develop both iOS and android apps with common React-Native code (Javascript based).

We will start with basic intro to React Native and why it matters for web and app developers? We will follow that up with coding simple “Hello World” apps to complex apps that interacts with native app code.

Challenges:
1. Hello jsfoo
React-native init hellojsfoo
Let’s add some simple components
Text input, Buttons, Alert / console.log

  1. Ios and android different components
    Switch
    Checkbox (hint opensource libraries)

  2. List view with images

  3. Multiple screens (called as scenes in react native)
    Navigation to Detail Screen

  4. Call to Android Native and adb log

The basic solutions to the challenges are in the github: https://github.com/bschandramohan/ReactNativeWorkshop/ with branches Ex1, Ex2 … Ex5 having specific code.

Requirements

Participants should come with their laptop after installing the pre-requisites for React Native:
https://facebook.github.io/react-native/docs/getting-started.html

Speaker bio

Chandra Mohan is a software engineer with 15 years of experience, currently working on architecting mobile apps.

Links

Slides

http://www.slideshare.net/bschandramohan/jsfoo-2016-react-native-workshop

Comments

  • 3
    Raghunandan Narayan (@raghuindian) 2 years ago

    EAgarly waiting

Login with Twitter or Google to leave a comment