About the conference: ReactFoo is a single-day React conference by HasGeek.
We’ll be annoucing the theme shortly
Format
We are inviting proposals for:
Full-length 40 minute talks.
Crisp 15-minute talks.
Hands-on Workshop sessions, 3 and 6 hour duration.
Selection process
Proposals will be filtered and shortlisted by an Editorial Panel. Please make sure to add links to videos / slide decks when submitting proposals. This will help us understand your speaking experience and delivery style. Blurbs or blog posts covering the relevance of a particular problem statement and how it is tackled will help the Editorial Panel better judge your proposals. We might contact you to ask if you’d like to repost your content on the official conference blog.
We expect you to submit an outline of your proposed talk – either in the form of a mind map or a text document or draft slides within two weeks of submitting your proposal.
You can check back on this page for the status of your proposal. We will notify you if we either move your proposal to the next round or if we reject it. Selected speakers must participate in one or two rounds of rehearsals before the conference. This is mandatory and helps you to prepare well for the conference.
A speaker is NOT confirmed a slot unless we explicitly mention so in an email or over any other medium of communication.
There is only one speaker per session. Entry to the conference is free for selected speakers. As our budget is limited, we prefer speakers from locations closer home, but will do our best to cover for anyone exceptional. HasGeek provides these limited grants where applicable: two international travel and accommodation grants, three domestic travel and accommodation grants. Grants are limited and made available to speakers delivering full sessions (40 minutes or longer). Speaker travel grants will be given in order of preference to students, women, persons of non-binary genders, and individuals for Asia and Africa first.
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: 23 August 2017
Conference date: 14 September 2017
Contact
For more information about speaking proposals, tickets and sponsorships, contact info@hasgeek.com or call +91 76763 32020.
Please note, we will not evaluate proposals that do not have a slide deck and a video in them.
NS
Narendra N Shetty
@narendrashetty
Shared Element Transition with React Native
Submitted Aug 15, 2017
Section: Full Talk
Technical level: Intermediate
I will be talking about how to achieve Shared Element Transition with React Native for both iOS and Android.
Will explain the advantages of having a smooth continuous experience.
And since React Native doesn’t support true shared elements, I will explain how we can achieve this with a clever trick of smoke and mirror.
Outline
Outline:
- What is shared element transitions.
- Advantages of having a smooth continuous experience.
- Why is this a talk? Does React Native support true shared elements?
- Overview on what we are building.
- Brief details on the approach where I will explain the clever trick of smoke and mirror.
- Implementing Entry and Exit animation during transition.
- Implementing Transition layer for the shared element.
- Will then talk about ways to implement animations in transition layer.
- One way is to interpolating on the width, height, top and left and analyze its performance and why useNativeDriver cannot be used
- Another way is to interpolating on transform and using useNativeDriver
The summary of this talk is put together into a blog: https://medium.com/@narendrashetty/shared-element-transition-with-react-native-159f8bc37f50
Requirements
Basic knowledge of React Native
Speaker bio
Narendra is a Frontend Developer at Booking.com. He is been working with React & React Native for over a year now. He cares about performance and believes that performance is a key for conversion.
Links
- https://medium.com/@narendrashetty/shared-element-transition-with-react-native-159f8bc37f50
- https://medium.com/@narendrashetty/bubble-animation-with-react-native-72674eab073a
- https://hackernoon.com/how-to-single-sign-on-with-react-native-and-fabric-6fec9de6765a
- https://hackernoon.com/how-i-built-a-super-fast-uber-clone-for-mobile-web-863680d2100f
Slides
https://www.slideshare.net/narendrashetty/shared-elementtransitions
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}