The goal of this talk is to walk React / React Native developers who aren’t familiar with new ECMAScript through some of its cool new features (including proposed new ones). But it’s more than just learning ES6+. It’s about how we can apply it (as well as future versions of ECMAScript) with React to write clearer and more succinct code. We’ll start off with React’s previous official tutorial that is 100% ES5 and slowly transform it using various ES6 and proposed future ECMAScript features that are transpiled via Babel. I developed a Github repo that is a step-by-step example of how to leverage ES6+/ES2015+ in React by rewriting (an adapted version of) the official React tutorial.
Quick React explanation
Quick ECMAScript explanation
Array + object spread (object.assign)
Object rest parameters
Block scoping (Let & const)
Promise (w/ fetch api)
Computed object literal properties with class names
Array api additions
An analysis of the roughest areas of developing apps with React Native from my point of view. I deal with developers building greenfield apps every day. I see everything from total beginners working on a side project to agencies, large companies, and startups building apps for their clients and their own businesses. React Native has come so far, but we have much more work to do. As a community we really need to step up our game if we want our bet in React Native to pay off in the long-run.
This talk is a technical deep-dive of how we use react-native as a means to deliver Checkout experience in our open sourced Paypal SDK. It will also layout how react-native has given us the power to steer without merchants having to reintegrate and republish with every incremental SDK release.
‘Pay with Paypal’ is an option many of us use while shopping online . While Paypal has a solid web experience, we are still experimenting a good solve for the mobile ecosystem. Since we aim for stellar experiences we will need to iterate and learn quickly by A/B testing. But at the same time we need to be mindful of not having to force our merchants to continuously upgrade Paypal SDKs and publish updates on the app store. After some research/ investigation into options, we decided to build our SDK using react-native.
The SDK will be a native shell which will place a react-native root view into the Merchants View Controller that is initializing the Paypal SDK. This root view acts as a seed to initialize Paypal experiences. Whenever the react root view is initialized, we will pull down a checkout react-native bundle from the cloud which will host the payment experience within. When the SDK detects that a Paypal payment is initiated, the react-native layer is informed and it hosts the appropriate experience to complete the Payment (either opens a SFVC with the right mobile optimized web experience or natively put up a Paypal Pay sheet modal). Once the Payment is complete we close out the react-native hosted experience and the native shell places the merchant app in the right state, post payment. By this, we could sandbox and control the Paypal payment experience we host within the react-native layer, without interfering with the merchant app’s workflow. And the Paypal SDK integration will be a one-time easy process for the merchants !
Status of the Mobile Paypal Checkout SDK
This is an ongoing R & D project and we have our initial open sourced SDKs here. The plan is to iterate on experiences independent of our merchants on-boarding process to integrate into the SDKs. We are actively working with merchants to onboard them onto this.
https://github.com/paypal/paypalnativecheckout-docs https://github.com/paypal/paypalcheckout-ios https://github.com/paypal/paypalcheckout-android
Abstract: Working consistently across multiple platforms with different file types in React Native can be challenging. In this talk, I will discuss and implement working with and opening a multitude of different file types consistently on both iOS and Android.
In this talk, we’ll dive into the mobile payments landscape and explore the various ways that we can accept payments in our React Native applications. We’ll then focus in on mobile wallets and see how we can leverage them to eliminate the payment form and reduce friction in our checkouts. Finally, we’ll learn how we can do all this while sharing our payment code across platforms.
This talk digs into building rich touch interactions with React Native. There’s a deeper level than Touchable* components and PanResponders. Kyle and Thomas will uncover it, and show off its full potential!
Touchable* components and PanResponder add the magic of touch to your React Native app. They are great for building basic interactions, but to build more complex ones, we need a deeper understanding of how gestures work in React Native.
This talk peels back the layers of React Native’s gesture system, from higher level abstractions like Touchable*, to PanResponder, and finally to the thing powering it all: the Responder system. We’ll go through some of the more simple gestures, then showcase the full potential with custom ones, including bubbling and capture from multiple components. And with our demo app, the audience will be able to interact along with us. When attendees leave our session, they’ll feel empowered, not intimidated, by the many configuration options in (Pan)Responder. Equipped with a deeper understanding of gestures in React Native, they’ll be able to build immersive, rich touch interactions for their apps.
Kyle Poole and Thomas Bruketta will co-present this talk. This dynamic duo has been crafting React Native applications at Instrument (here in Portland) over the last year for global clients. Both developers are contributors to the React Native open source community and Kyle Poole has created a collection of React Native primitives called Constelation that are a part of our team’s daily workflow .
In this talk we’ll share Gudog’s experience on rewriting our large Ionic / Cordova hybrid mobile app with React Native (using Ignite, redux, redux-saga & normalizr).
Gudog is a p2p marketplace that connect dog owners and dog sitters in Europe. Our product is nearly as complex as other p2p marketplaces such as Airbnb in terms of features and numbers of screens.
Our first mobile app was built in 2015 with Ionic (Angular.js based framework for building hybrid Cordova / Phonegap apps). This year we decided to rewrite it from scratch using React Native. We’ll share the reasons why we made some decisions regarding our new app and how we have layout our new architecture.
As newcomers to RN as we were, one of the problems we face was the lack of RN / Redux examples for complex apps, i.e. more than 5 or 10 screens. We hope that by sharing our experience we can help others overcome this.
I still have to detail a little bit more the outline of the talk. Any feedback from you guys on what could be interesting for the audience would be appreciated!
PS: keep rockin’ Ignite v2!
If selected to speak and you have already purchased tickets, you will be reimbursed for your ticket via the ticket medium. If you are not selected to speak, you will be provided with a special code, which can be used to acquire your tickets at the early bird price.
Please do not identify your gender/race/creed etc in this anonymous process. Identifying your technical experience and public speaking prowess is fine.
In this talk I will explore how using React Native with Robotics makes prototyping a breeze and enables mobile control of almost anything
React provides an abstraction between the description of a UI and the details of how it's rendered on a given platform. The problem is that `
This talk will explore a Serverless Architecture and how it can can aid any React Native developer in building scalable backends for their applications. Our provider of choice will be Amazon’s AWS ecosystem and AWS Lambda, DynamoDB, Cognito and API Gateway will be among the resources covered.
This talk will explore using the Amazon AWS ecosystem of technologies from React Native Apps.
We’ll explore the characteristics of a Serverless Architecture and how it can can aid any React Native developer in building scalable backends for their applications.
Our focus will shift to building a Lambda to provide the responses to data needed from an example React Native application.
The orchestration of this will be done via the Serverless Framework written to ease the burdens of managing the lifecycle of a serverless architecture.
The example we will talk through will focus on delivering a AWS Lambda, but we will discuss how using a framework such as this for abstraction and orchestration can allow for deploying Alexa Skills, mobile and IoT services serverless architectures.
Finally we’ll have a look at interacting with AWS Lambda, DynamoDB, S3 and SNS using Amazon’s AWS SDK for React Native (currently in Developer Preview) https://github.com/awslabs/aws-sdk-react-native
Attendees will walk away from the talk with knowledge of how a React Native application can interact with a few basic services written and deployed on AWS Lambda via the Serverless Framework. The data for the services will be retrieving from DynamoDB tables which will be also be orchestrated via the framework. We will also talk briefly about authentication in React Native with AWS Cognito and how it can be setup as an auth solution for storing and accessing user data in Cognito attributes as well as data stored in DynamoDB and S3.
The focus will be on delivering the data via an AWS Lambda written in Node.js using the Serverless framework for automation and accessing from React Native. Additional service interaction as mentioned above will be added for demo purposes.
AWS Lambda’s are containerized functions run to perform compute and then destroyed. They are used to deliver the data for a users’ request directly from the AWS Lambda or via AWS API Gateway.
Gant Laborde hosts a panelist discussion about React Native and other tech at Chain React 2017, organized by Infinite Red. Panelists include Jennifer Van, Sanket Sahu, Mateo Barazza, Matt Hargett, Dave Nugent & Jani Eväkallio.
React Native is great for writing cross platform apps. Certain use-cases, however, still require native code. Together we will look at how to evaluate when native code is the better choice. I’ll cover strategies for dealing with performance issues and how to handle background tasks like geolocation.
However certain use-cases still require native code. Together we will take a look at some of these exceptions and how to evaluate when native code is the better choice out of necessity or performance concerns.
This talk will be from the perspective of an experienced iOS developer who has been working with React Native and has shipped several cross platform apps with native components.
Things I will talk about:
Overview of how React Native works
Overview of iOS/Android application states and how that effects your apps design
App use-cases that require native code
Example app with native code that uses geolocation in the background (code available on github)
How to use native tools to profile your app (with example app, available on github)
Strategies for dealing with performance issues
as React Native developers we take so much pride in how fast it takes us to build something functional on mobile. However, the development speed is only half of the story. In this talk Alex, a former React Native team member, will share his insight about building amazing user experiences, and how attention to little design details can fundamentally change the quality of your app.
We’ll walk through everything involved in taking an app from initial concept all the way to submitting an iOS and Android app to the App Stores.
There is a lot to consider when developing a new React Native application, and even more to think about in order to ship it. This talk will focus on distilling all of those requirements into actionable, easy to follow steps that you can use to deliver your next app.
We’ll do this by examining an app crafted specifically for this talk, which you can use throughout the conference!
First and foremost, here’s what will make this talk great: I want to create an app specifically for Chain React Conf that allows users to take photos of anything and everything going on. To make this even better, I would like to partner with a designer at Infinite Red to provide 1-3 photo frames to choose when taking a photo that has the conference branding.
The current plan is to have the app leverage Firebase via Firestack to allow for real-time updates. Due to how the app would be used, this talk is best suited for early in the conference lineup to get people using it. If we really want to take things up a notch, we can create a page for the conference web site that shows all of the photos in real time without much additional effort.