Aug 2018
13 Mon
14 Tue
15 Wed
16 Thu
17 Fri
18 Sat 08:35 AM – 04:55 PM IST
19 Sun
Accepting submissions
Not accepting submissions
<Text style={ali-c fnt-b}/> Bootstrap your own style sheet for react native.The trick for styling your react native components like you style it in the web(HTML)using CSS/Bootstrap. No need to use/create many separate react native style sheet, forget the hassle of managing separate style.js file for components. Create your own bootstrap for your react native project and directly specify styles in components like <Text style={ali-c fnt-b}/> etc. etc. more
Technical level: Intermediate
|
Deploying with confidenceAdding confidence not only in code but also in deploy process. How we gained confidence in our deploys even after redusing manual QA efforts. Will talk about tools and methodologies that will help you ship code with more confidence. more
Section: Crisp talk
Technical level: Intermediate
|
Uniting react, redux and node Js with TypescriptThis is an introductory level talk to help people understand more
Technical level: Beginner
|
Scaling up with React and TypescriptWe have adopted typescript with our project and are using it at the frontend and the backend. Through this talk, I would like to share our experience working with typescript, the practices and conventions we have adopted in our team and how we were able to develop faster while maintaining the code quality at the same time. more
Technical level: Intermediate
|
React & PerformanceIt is not incorrect to say that React and Performance are synonymns to each other in modern web / mobile world. This talk is around React application gochas that directly kill performance of application. more
Technical level: Intermediate
|
Cleartrip's reactive journey from 3 to 0.2s using Apollo GraphQLWe are building a single GraphQL endpoint for Cleartrip to remove the dependency of the react client with the Rest API. This will avoid the unnecessary over fetching of verbose data and manipulation on the client. It will reduce the network payload, making the react PWA client cleaner and faster (3 → 0.2s document load) and making the life of Front end developer much easier. more
Technical level: Intermediate
|
Boosting React app with Relay, GraphQL and Redux.What is Relay? What is GraphQL, impact on frontend development. How Redux comes into picture? more
Technical level: Intermediate
|
Future of ReactThis talk focuses about what new changes are recently made into react and upcoming changes in the api. Since React 16(fiber) has been completely rewritten, what it means to react developers and what breaking changes will happen in future and some basic examples about upcoming react API more
Technical level: Beginner
|
HOW TO CREATE WEBSITE USING DRUPAL 8 HEADLESS.Overview: Simple Good looking website, where we will manage the content in the website from Drupal. more
Technical level: Beginner
|
Building blazingly fast websites with GatsbyMedia websites constitute significant portion of the web. SEO and performance are crucial for these websites. But the advent of single page applications, built entirely in javascript, increases time for first meaningfull paint and decreases crawlability of web pages. Gatsby fixes these problems by generating html with servering rendering react components at build time. Gatsby provides out of the … more
Section: Full talk
Technical level: Intermediate
|
Why we should use React CanvasMy main focus is to show how react canvas can be used to optimize scrolling performance and avoid the jank which we experience while showing complex animations on mobile web. I would go through the problems we face while currently doing complex animations, and how we can use react canvas together with our other components to optimize rendering performance and get a seamless native like experience… more
Section: Crisp talk
Technical level: Beginner
|
Piggybacking your WebVR/AR experiences with ReactBuilding for VR is hard? is it? Yes and No, if you know the right tools to start. A long history with React on Web and Native led to a very natural exploration in the Virtual space. This session would love to tell you about it! React VR provided a unique opportunity to leverage our expertise to rapidly test and iterate many of the VR ideas developers have been playing with. Today the easiest way … more
Section: Full talk
Technical level: Intermediate
|
Trends in React ( Async Rendering & More)I am going to talk about what is the principles behind the aynchronous rendering in react which imporve the performance of application also will explain how timeslicing and suspences actually works internally and usage of new API exposed by react. more
Section: Flash talk
Technical level: Intermediate
|
Building Complex UI's and Animations in React NativeReact Native is not only extremely powerful but is also extremely easy to use. In this hands on talk you’ll learn how to create complex performant UI’s and adding animations to your react native app. We’ll also analyse some of the popluar ui’s out in the app store and try and replicate them during this talk. more
Section: Crisp talk
Technical level: Beginner
|
How to create a production quality React app?We all know how to create small applications in React but most of us struggle to create a strong foundation for a complex app. This talk will touch upon how to create a production quality application using React more
Section: Full talk
Technical level: Intermediate
|
All about HOCHigher Order Components helps us in handling app complexity. Most of the libraries making React ecosystem heavily use HOC. This talk will take a deep dive into the architectural pattern of HOC and when to use it more
Section: Full talk
Technical level: Intermediate
|
React Native development using ExpoThere are many ways to create a React Native app, the most popular being use of Create React Native App. Expo is another poplar framework to create and deploy RN apps. This talk will explore why to use Expo and what it offers more
Section: Full talk
Technical level: Beginner
|
Presto as a NativeUI - MicroApp platformAt Juspay we built a React-Native native equivalent cross-platform framework called Presto, as React-Native was way too heavy for our SDK requirements. Presto powers Juspay Payments SDK which runs in most of the top applications in India including BHIM. This talk will discuss how Presto became a Micro App platform and how we leverage pure/strict Functional programming techniques to create a DSL f… more
Section: Crisp talk
Technical level: Beginner
|
Making your React app AMP readyJourney of Grofers of converting all their product pages to AMP while maintaining the same React stack. more
Section: Crisp talk
Technical level: Intermediate
|
State Management with new React 16.3 Context APIWith the release of React 16.3 we have the new Context API being officialy announced and can now be used for managing our state. Redux, React-Router and several other libraries that we used to use in our applications already were making use of this API but it was recommended to use it with care since the specifications might change.But now with the official release we all can leverage the benefit… more
Section: Full talk
Technical level: Advanced
|
Structured approach to application performance using Software Performance EngineeringWorkshop title – Introduction to Software Performance Engineering and tools demonstration more
Section: Workshop
Technical level: Intermediate
|
Create your own Custom Async Renderer with diffing in Web WorkerI’ll be going through some of the design of react-reconciler, fiber and how to create your own custom renderer. more
Section: Full talk
Technical level: Advanced
|
Rendering Vue sfc's inside Backbone appsRendering Vue sfc’s inside Backbone apps There are a lot of articles to get started with Vue, but there are a lot of people who still use some older framework and want to shift on to something new. There are not much tutorials or articles on how one could do so. I will talk about my experience and challenges I faced while integrating Vue inside existing large Backbone app. more
Section: Full talk
Technical level: Intermediate
|
React Internals - How understanding React implementation can help us make better appsWe all know React is fast, it uses VDOM, it provides lifecycle methods and what not. But What is VDOM? How does it make React fast? How does it optimize changes? This talk aims to answer such questions about the internal workings of React. more
Section: Full talk
Technical level: Intermediate
|
Hitting 60 FPS: How to Discover and Fix Performance Issues in React ApplicationsIn this hands-on session, I will dive deep into the Chrome Developer Tools and walk you through discovering and fixing common performance issues that affect React applications. more
Section: Full talk
Technical level: Intermediate
|
Page Loading Performance Strategies from the FieldPerformance on the web isn’t a simple switch that can be flipped on but a vast, multi-layered subject. Page loading speed is one of the layers that has received a fair bit of attention recently thanks to tools like PageSpeed Insights and WebPageTest. While these profilers serve as great checklists to measure our sites against, their recommendations can often be difficult to incorporate or grasp f… more
Section: Full talk
Technical level: Intermediate
|
Optimising webpages for product experimentation in ReactWe use Google’s paid Search Engine Marketing and Facebook’s ad-based marketing a lot to make ourselves and our products visible at the most prominent places of the web. This allows us to target a large audience and showing them a webpage describing our products can help us onboard them to our platform, and possibly convince them to try our product. more
Section: Flash talk
Technical level: Intermediate
|
Building large scale dashboards using ReactWe wanted to create a platform where the developers can create dashboards for multiple purposes like operations, Finance portals and configuration management keeping following things in mind. more
Section: Full talk
Technical level: Advanced
|
Hidden performance gems in chrome dev tools we use @Microsoft.The talk will be going to focus on lot of techniques we used @ Microsoft to measure our performance and how you can leverage the same in your React application directly from the chrome dev tools. more
Section: Crisp talk
Technical level: Beginner
|
Building Microfrontends with ReactSPAs are the monoliths of the frontend world, and can become increasingly difficult to maintain as your app grows large. Microfrontends apply the principles of microservices to the frontend apps. more
Section: Full talk
Technical level: Intermediate
|