ReactFoo 2017
A conference on React.js and React Native
This page was generated from this YAML file. Found a typo, want to add some data? Just edit it on GitHub.
-
π€ Shared Element Transition with React Native
- π€ Narendra N Shetty
-
π€ Delivering instant update patches for React Native to 50+ million people
- πΉ 1 video
- π 1 slide deck
- π€ Surya Kanoria
One of the chief reasons why we adopted React Native at Flipkart was to deliver Over The Air (OTA) updates to our 50+ million users instantly. When we looked at the known existing solutions like CodePush etc, we found three major issues that were not solved but were critical for us, The updates were not really instant as a cached bundle gets loaded while it β¦ -
π€ Importance of testing & the right way to test React components
- πΉ 1 video
- π 1 slide deck
- π€ Manjula Dube
Building react components in isolation to fullfil business use case and to acheive Zero coupling. Automated browser UI testing using JavaScript and webdriver for your react components in isolation & how to avoid test cancer. -
π€ Isolated React Components as a Black Box with Automated UI Testing
- πΉ 1 video
- π 1 slide deck
- π€ Vivek Jagtap
Why - At Housing.com, when we moved to react from BackboneJS, we started gradually, creating components like just home page then list view, and so on. But we soon realised that, components(reusable components) are getting messier, since there are so many components just because everything is component in React. Components started growing like crazy. Problem β¦ -
π€ The road to styled components, and the road ahead
- πΉ 1 video
- π 1 slide deck
- π€ Glen Maddern
Building user interfaces on the web is hard, because the web, and thus CSS, was inherently made for documents. Because interactive UIs fundamentally differ from flat documents, weβve seen a mindset shift towards building component-based systems. That progression has lead to a rise in options for including your CSS in your JavaScript code, much the same way tβ¦ -
π€ A portal to the future
- πΉ 1 video
- π€ Siddharth Kshetrapal
Fiber release brought with it some pretty cool features but the best is yet to come! First, letβs talk about array children, error boundaries and renderToStream. Then, Iβll give you a sneak peak into one of the upcoming features that might change the way you build your React applications. Portals open up a lot of opportunities and traps! -
π€ Better Async with Redux Saga
- πΉ 1 video
- π 1 slide deck
- π€ Kushan Joshi
This talk would assume basic familiarity with Redux. I would use half of the talk to explain what are generator functions. Generators are very different from anything javascript has had in the past. This turns off many people to adopt Redux Sagas as each heavily relies on generators. The remaining half I will cover how we handle async actions in projects at β¦ -
π€ Consuming services reliably in Redux without losing your mind
- πΉ 1 video
- π€ Sidhartha Chatterjee
With most apps being built with React these days and Redux being a very popular state management library, have we identified a standard pattern for consuming APIs? What about JWT, automatic retries, caching, optimistic updates and handing failure? This talk approaches all of the above and identifies reusable patterns to make this a breeze. -
π€ Componentization Patterns in React
- πΉ 1 video
- π 1 slide deck
- π€ Abraar Syed
React is one of the most popular libraries for front end development. With its dramatic rise, there have been considerable amount of patterns that have emerged out while breaking the applications into independent components. While some patterns enhance the structuring of client side components and improve the overall engineering process, others cause unfores⦠-
π€ Improving Load time of a Production React App
- πΉ 1 video
- π 1 slide deck
- π€ Kanav Arora
The talk will draw on our learnings from the efforts that we undertook earlier this year to improve UrbanClapsβs website performance, resulting in a 60% reduction in load time. All our efforts towards performance engineering can be bucketed in roughly two areas, ship less assets and tweaking order of delivery of assets. In this talk I will primarily focus onβ¦ -
π€ An intro to DraftJS, and its immutable data model
- πΉ 1 video
- π 1 slide deck
- π€ Sai Kishore Komanduri
This talk shall focus on DraftJS, a rich text editor framework built for React apps; and how it leverages ImmutableJS; for managing the state of an editor in its entirety, with sufficient examples. The key takeaway insights of the talk include, How DraftJS works under the hood β βWhat goes intoβ, and the βHow toβ of building rich text editors for React appliβ¦