ReactFoo 2017

A conference on React

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.

Selection Process Flowchart

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.

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more

Nash Vail

@nashvail

A gentle introduction to ReactNative Animated

Submitted Jun 14, 2017

In 2017, what distinguishes a great app from a good one is often not what’s under the hood, it’s what the users can see and touch. How rewarding the user’s interaction is with the app is a crucial factor in deciding an app’s success. And an important part of that interaction is user interface animations.

ReactNative supplies a powerful API, Animated, to implement more than just basic animations in apps built using JavaScript. This talk is aimed at introducing the Animated API to people who have some amount of experience with React/React Native. We will start with very basic one line animations (LayoutAnimation) then slowly get into the rest of the API - AnimatedValue, AnimatedValueXY, PanResponder e.t.c. Each of these have an API of their own. There is a lot to take away from this talk.

Outline

  • Why animation in apps matter
  • Challenges with animating in React Native
  • Solution - The Animated API
  • LayoutAnimation (plus an aside about Easings) (With demo)
  • AnimatedValue (With Demo)
  • Interpolation of AnimatedValue to styles (dynamicStyles) (With Demo)
  • AnimatedValueXY
  • PanResponder API (With Demo)
  • Current Caveats with animating in React Native
  • Introduction to react-native-animatable (https://github.com/oblador/react-native-animatable)

Speaker bio

I am Nash and I am a front end developer and designer. I have been working with React and React Native for the past one and a half years. UI design and animation has always been a key focus for me as a developer. I have written many articles on UI anmation both for my blog and for Smashing Magazine, each of those articles have been widely appreciated.
Currently I am working on Zulip’s React Native app as part of GSoC 2017. My GSoC project led me to explore the Animated API in depth which helped me discover techniques that could help developers looking to start out or already working on implementing animations in their React Native apps.
I have taken multiple workshops and sessions for a large audience mulitple times and have been called an engaging, entertaining and well informed speaker, which I always try to live up to.
ReactFoo will prove a great platform for me to both share what I have learnt and also to connect with a bigger community.

Links

Slides

https://slides.com/nashvail/ui-animation-in-react-native/

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more