Build high performance native mobile apps with React Native

Sep 2016

12 Mon

13 Tue

14 Wed

15 Thu 08:15 AM – 06:30 PM IST

16 Fri 08:45 AM – 10:20 PM IST

17 Sat

18 Sun

Make a submission

MLR Convention Centre, J P Nagar, Bangalore

##About JSFoo

JSFoo is India’s premier JavaScript conference. We launched JSFoo in 2011 as India’s first JavaScript conference. The JS community in India has grown phenomenally since. JavaScript now pervades every aspect of web development – browsers, apps, front-end, backend, mobile, and IoT.

##JSFoo 2016: Theme

Over the last few years, JavaScript has evolved to become the centerpiece of a complex web stack. Today, it is a prime subject of the obsession that lies with performance and speed. How can you get pages to load faster? How do you work with browser constraints to enhance speed? How do you measure performance? What actually is performance? In what ways do faster response times influence your architecture choices and plans? How is this new focus on faster page loads and apps working offline influencing the development of front-ends and backends as well as server side JS?

The theme for the 2016 edition is tackling speed and performance for JavaScript.

We are inviting full talks (40 mins), crisp talks (15 mins + 5 mins Q&A), and 3-6 hour long (hands-on) workshops from practitioners on the overall theme of speed and performance, including the following topics:

Architecting for performance – case studies on how you got faster response times
Best practices: debugging and profiling on the web, measuring performance
Handling large volumes of data in the browser
Building and deploying web apps eg webpack, travis
Modern web technology: Angular 2, React
Universal JavaScript: meteor js
Progressive Web Apps
JS off the web – raspberry pi, IoT
The cutting edge: elm

This year, JSFoo will feature two days of talks on JavaScript (15-16 September) and a single day of talks on design (17 September) at Meta Refresh (call for proposals will open shortly).

Guidelines for submission #

Every proposal MUST be accompanied by:

A three minute preview video where the proposer gives an elevator pitch about the talk.
Detailed outline of the talk – either in the form of draft slides, mind map and/or textual description.
If you are proposing to speak on a topic where the code is not open-sourced yet, the editorial panel will consider your proposal only if the code is made open-source at least three weeks before the conference.

Without the above information, your proposal will not be considered for review.

If you are submitting a Workshop Proposal, you must clearly state:

Background knowledge that participants must possess in order to attend your workshop.
Details and links to software / packages which participants must install before coming to the workshop.
Laptop configuration.
Links to background reading material and GitHub repos.
Duration of the workshop.
Maximum number of participants who can attend your workshop.
Instructor’s past experience with conducting workshops.

There is only one speaker per session. Workshops can have two or more instructors.

Entry is free for selected speakers.

Due to budgetary constraints, we prefer speakers closer to home. But if we think you stand out, we’ll provide a grant to cover part of your travel and accommodation to Bangalore. Grants are limited and are made available to speakers delivering full sessions (40 minutes or longer) only.

Commitment to open source #

HasGeek believes in open source as the binding force of our community. If you are describing a codebase for developers to work with, we’d like for it to be available under a permissive open source licence. If your software is commercially licensed or available under a combination of commercial and restrictive open source licences (such as the various forms of the GPL), please consider picking up a sponsorship. We recognise that there are valid reasons for commercial licensing, but ask that you support us in return for giving you an audience. Your session will be marked on the schedule as a sponsored session.

Important dates: #

Deadline for submitting proposals: 29 August 2015
Conference dates: 15-16 September

##Venue
JSFoo will be held at the MLR Convention Centre, J P Nagar.

##Contact
For more information about speaking proposals, tickets and sponsorships, contact info@hasgeek.com or call +91-7676332020.

Hosted by

JSFoo

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

All submissions

Previous Next

Build high performance native mobile apps with React Native

Submitted Aug 8, 2016

Section: Full talk Technical level: Intermediate

React Native is changing the mobile application development landscape with it’s ground breaking way of writing native apps with JavaScript. React Native converts React components into truely native components (Yes, No WebViews) on mobile platforms without compromising native user experience. Companies like Facebook, Airbnb, SoundCloud, Myntra etc. are already using React Native in their production apps and many more joining the tribe each day (Check it our yourself http://facebook.github.io/react-native/showcase.html). So, how about we take a look into the future?

In this session, I’ll break the ice for you by deconstructing each step on how to get started with React Native development, What it has to offer, How to style React Native apps and more importantly how to reuse the code across platforms. At the end of this session you’ll have clear understanding on building your first React Native app (more than Hello World).

Outline #

For the sake of simplicity the talk will be divided in to two parts. First half of the talk will be all about getting a hang of React Native, to elobrate:

We’ll start the session with a brief technical introduction of React Native. In this I’ll try to explain what inspired Facebook team to come up with React Native at the first place. How it works internally.
Then we’ll move on to understand, how to build components in React Native. How is View and Text components in React Native are equivalent of Div and Span in HTML. And, How to use them appropriately.
Moving on, we’ll take a look at how to use native components like ListView, Alert, Navigation, Map etc. with React Native. Surprising thing to note here is, You don’t necessarily need to know anything about on the native mobile APIs to build these components.
Further, in the talk, We’ll learn about applying styles to our components. We’ll understand how to apply platform specific styles, what are the tradeoffs of in-line styles vs StyleSheet component and what are caveat you should be aware of (If you know even basic CSS, then you’re in for a show).
Later, We’ll take a glimpse on Animations, building Gestures and other advance features of React Native. Trust me you’ll be mind blown with what all can be done with React Native.
Lastly, We’ll talk about how to debug React Native apps, what is HOT MODULE RELOAD and some tricks from the hat to be effective.

Second half of the talk will be all about looking at real world cases and code, to give you an idea:

We’ll explore an existing production level mobile application live demo on an iOS / Android simulator. We’ll make some change on the app and see it in action. (You can request me to show you them on real device after the talk :) )
This will eventually help us to connect all the dots, which we’ve constructed in the first half of the talk.

Looking forward to talk to you guys :)

Requirements #

Open mind.
Genuine Questions after the talk.
A feedback after the talk :D

Speaker bio #

I’m a self taught developer with a passion to deconstruct complex technologies and simplying them for myself (then eventually share it with everyone). I’ve been writing code on various languages since last 10+ years. I’ve worked with great companies, Just to name a few ValuePitch, SupportBee, Embibe, Crowdfire. I’ve been writing JavaScript since last 5 years, varying from BackboneJS, AngularJS, EmberJS and ReactJS.

Currently I work for BigBinary as a full time React Native developer and I’ve been enjoying it so far. I’m also creator of https://conflist.io .