Mar 2019
25 Mon
26 Tue
27 Wed
28 Thu
1 Fri
2 Sat 08:30 AM – 05:20 PM IST
3 Sun
Accepting submissions
Not accepting submissions
##Topics for submitting talks for ReactFoo Bangalore:
We are accepting talks on the following topics:
##Format:
ReactFoo Bangalore will feature talks – full length (40 mins), crisp (20 mins), demos (10 mins) and Birds Of Feather (BOF) sessions (60 mins).
You can also propose hands-on workshops of 3-6 hour durations. Workshops will be held on 1 and 3 March.
##Selection process:
We are interested in case studies and talks which expose participants to new approaches for problem-solving. We typically don’t accept:
Proposals will be shortlisted and reviewed by an editorial team consisting of practitioners from the community. Make sure your abstract contains the following information:
You must submit links to videos of talks you have delivered in the past, or record and upload a two-min self-recorded video explaining what your talk is about, and why is it relevant for this event.
You must also submit links to the following along with your proposal:
##Honorarium for selected speakers; travel grants:
Selected speakers and workshop instructors will receive an honorarium of Rs. 3,000 for speaking at the conference. Confirmed speakers and instructors also get a pass to the conference. We do not provide free passes for speakers’ colleagues and spouses.
We only offer travel grants to:
ReactFoo is funded through ticket sales and sponsorships. Travel grants vary accordingly.
##Contact details:
For more information about speaking, sponsorships, tickets, or any other information contact reactfoo.editorial@hasgeek.com or call 7676332020.
Take your react-fu to fullstack-fuWhy go fullstack? To elevate your craft to the next level. This talk will take you over basic concepts and tools that you need to know so that you can own the full stack. You’ll be able to build and integrate backend APIs with your react apps. Incidentally, StackOverflow declared the fullstack developer as the most desired job profile. Going fullstack with react and nodejs should be the next logi… more
Technical level: Beginner
|
Wrap it in a Web ComponentAn intro to web components, how to use familiar declarative abstractions to write them and what kind of pragmatic problems it can help you solve. more
Technical level: Beginner
|
Let's Sync the Async- A Primer on Redux SagasHave you ever come across a situation where you want to pause function execution for some time, for example, when you’re waiting for an API response and based on it you want to perform different some action? Or you’re waiting for your database sync to finish? If it sounds relatable, you probably handled such cases using Promises/Redux-thunk, etc. but this talk will provide a cleaner solution for … more
Technical level: Intermediate
|
Presto: DSL for Apps - using Purescript and ReactCommercial apps take months to develop, control the complexity of app development and take it to the next level with Purescript DSL’s and React! more
Technical level: Beginner
|
Building Reusable React ComponentThis session will cover how to build reusable component and speed up the development more
Technical level: Advanced
|
D3.js with ReactD3.js (data driven documents) is dynamic data visuvalization libarary based on SVG,Canvas,html. one can create data visvalizations from basic charts to complex diagrams using out of the box functions it provides. in words of mike bostock(one of the creator of d3)“D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For … more
Technical level: Intermediate
|
Let's write baby reduxRedux is probably the most misunderstood library out there. A lot of big serious project codebases which use Redux end up looking like the Redux Documentation’s toy code examples. To para-phrase one of the Redux core contributors, the documentation examples are just for the sake of starting off with Redux and do not reflect a pattern in which Redux should be used in. In the workshop we will write… more
Technical level: Intermediate
|
React app with Apollo + GraphQLGraphQL is a preferred alternative to REST for API endpoints because of the flexibility it provides in building the contract between UI and services. Apollo client provides a declarative way to query GraphQL endpoint. We will explore how to use Apollo client in React components to get data from remote API endpoint and render component declaratively. more
Technical level: Beginner
|
A Closer Look at the React CodebaseReact, as a UI framework, has come a long way since launch. And if it needs to evolve further, a lot of hands could help. Being a JavaScript library, it is essential for all JavaScript developers to understand the internal beauty of what makes React happen. more
Technical level: Intermediate
|
The Common Patterns of React ComponentsThe React framework allows you to shape the Component tree in a variety of different ways. The community has been exploring several ways to simplify the management of various tasks and have discovered a set of patterns, now prevalent in libraries such as React Router, React-Motion, Downshift, etc. These are the patterns that really make React fun to use. more
Technical level: Intermediate
|
React + D3Why Integrate D3 + React. How to integrate D3 + React. Advantages/Disadvantages of integrating D3 with react. Enhance D3+React app performance and developers experience. more
Technical level: Intermediate
|
Intro to MobXMobX has been a powerful and popular state management library for React. It’s a different take on state-management compared to Redux. Rather than relying on immutable data, like we do in Redux, MobX actually encourages mutable data! This may sound counter-intuitive and counter-productive but it works really well in practice. You can think of MobX as Declarative-Redux! more
Technical level: Intermediate
|
Good Code, Bad Code & Code ReviewCode review is the duty of every developer in a team. We are the guards of the mystical “good” code and defenders against evil technical debt. It’s universally agreed that it’s easy to spot “bad” code and much harder to determine “good” code. I’m going to share some of my experiences working on a team producing a large amount of code every day, with few reviewers. We’ll dive into looking for smar… more
Technical level: Intermediate
|
The ultimate guide for Software ProcrastinationSoftware development is a process comprised of decisions made by the developers. But despite the the fact that some decisions can have a long-lasting, crippling effects on our app, we make most of them based on guesses. more
Technical level: Intermediate
|
Building AR apps with React NativeWith the release of ARKit and ARCore by Apple and Google we see various Augmented reality apps created for iOS and Android. In this talk we will see how we can build AR apps with React Native, ARKit and ARCore. more
Technical level: Beginner
|
Building React NativeReact Native is a great way to build native apps for iOS, Android and other rmobile platforms. In this talk, we will look at the internals of React Native, and how code written in JavaScript can power a fully native mobile application. We will look at the various parts of the system like the bridge, the UI manager and the plugins. We will also touch upon the rendering process and compare it to Re… more
Technical level: Intermediate
|
Super charge your development with visual componentsReact components + Pluggable nature of css = Reusable UI Components. more
Technical level: Intermediate
|
Why you need to build your own boilerplate (react+express+webpack)?I will be talking about how to work with react and expressjs. Takeways for intended audience will be how we can start react and express through single app without worrying much about anything else. more
Technical level: Intermediate
|
How to Deploy Your React Application While Saving Time and EnergyAs a front end developer, we often dread the process of deploying and hosting our applications. We want to focus on perfecting the front end and hope the deployment process is quick and simple…or at least that’s how I felt. Unfortunately, that’s usually not the case and we spend hours of our time and energy to do a simple deployment. I’ve created a React template application and quick start guide… more
Technical level: Beginner
|
We need to talk.. about testing!I’ve been using React for almost 5 years, but I hadn’t written a single test till quite recently. I always felt that testing is difficult, time consuming and mostly unnecessary. But after trying it, I realized that it’s actually really really easy to test React & Redux applications, and requires almost zero setup to get started. It’s totally worth the investment! more
Technical level: Intermediate
|
Refactoring React: from good to greatThis is a talk about code quality for people already working with React. Learn how to identify code smells in your React app and how to improve it. more
Technical level: Advanced
|
Re-rethinking best practices with React, ft react-suspenseIn recent times we are seeing a big shift in the way we do front end thanks to React community i.e. MVC is not the norm, we don’t write CSS in CSS, we don’t write HTML in HTML, we don’t necessarily do templating and now we are going to start throwing promises (not actual promise but you know JS promises). I am going to talk about why certain pre conceived notions of best practices can be broken b… more
Section: Full talk
Technical level: Intermediate
|
My React (Native) app speaks GraphQLAt BAM, we started using GraphQL alongside Apollo Client on a large internal app for a French car manufacturer. Along the way, we laughed and we cried … we hit some rocks, we fell down, we stood back up, we faced many questions. Frontend architecture and responsibility distribution, cache updating, error handling… After one year, we came up with best practices for these challenges, and we eventua… more
Section: Full talk
Technical level: Intermediate
|
Stress Driven Development, and How to Avoid ItWhen was the last time you took a day off? Are you going to the office every weekday? How often do you work with people? All these questions usually show one thing - we all have stress that comes from our work. Famous Work-Life balance is often non-existent in many organizations, and developers feel trapped in their daily routine to “deliver a business value” to their employer. With stress, your … more
Section: Full talk
Technical level: Beginner
|
Let's Talk HooksHooks is a relatively new primitive in React that people are excited about. I was involved with the earlier implementation of hooks and I would love the opportunity to talk about it, how it works, explain the reasoning behind the “rules of hooks”. more
Section: Full talk
Technical level: Intermediate
|
The Microservices Approach to Mobile Application Development using react-nativeImplementing mobile application using react -native. Writing code in same repository again and again. After some time, We are not able to understand our code and it is very diffcult to resolve bugs. To resolve this problem, divide code into multiple repository and use in main application. more
Section: Full talk
Technical level: Intermediate
|
Redux: Saga vs ThunkSaga and Thunk are the two most popular middlewares for React. Thunk takes a callback approach vs Saga, which takes a iterators and generators based approach. This talk will also provide a gentle introduction to generators and iterators in ES9. more
Section: Crisp talk
Technical level: Intermediate
|
React A/B testingIn this talk our agenda would be: Breif about A/B Testing more
Section: Full talk
Technical level: Intermediate
|
Step into the future of UI: AR/VR with JavaScriptUntil now, the graphic driven development world was always headed by power housing engines like Unity, Unreal etc. The introduction of React library by Facebook, revolutionized the Web with component(s) architecture and broke the chain confining Web Development with “Separation of Concerns(SOCs)”. Another Major Leap into Development was React-Native bridge which actually overtook the Mobile Appli… more
Section: Full talk
Technical level: Intermediate
|
The magical land of AST's with babel, eslint and codemodsAST’s are everywhere. They are a part of majority of our tools that we use today for development. We use babel, eslint and AST’s power them. more
Section: Full talk
Technical level: Intermediate
|
Human Centered Leadership - Emotional Intelligence for the Technical MindThere’s a huge problem in our industry, I call it “inertia-driven leadership”. more
Section: Full talk
Technical level: Intermediate
|
Communicating anything to anyone. How to communicate effectively and efficientlyEveryone thinks they are a good at communication, but... how many times have you been at an event talking to someone you really didn’t want to talk to? Been sold to by someone who didn’t get that you weren’t interested? more
Section: Workshop
Technical level: Intermediate
|
The power of saying "I don't know"It’s something we all struggle with, admitting we don’t know something. But I’m here to show you the power of saying “I don’t know” to people. more
Section: Crisp talk
Technical level: Intermediate
|
ReasonML - Making types have your backLearn about some core concepts about functional programming and type systems which help you become a better developer even if you choose to never use ReasonML. more
Section: Full talk
Technical level: Intermediate
|
The Mistakes We Fixed - A Retrospective of the Treebo Mobile AppWe at Treebo love React Native, and over the past 2 years of us using it, we made a lot of mistakes. Some we fixed, and some we continue to fix. In this talk, we want to share with the community our experience and journey of building a React Native App for scale. more
Section: Full talk
Technical level: Beginner
|
NextJS on productionAn introduction to using NextJS framework on production and advantages it brings over the existing ReactJS library. more
Section: Full talk
Technical level: Beginner
|
Building Mobile apps with React NativeReact Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components. In this workshop, we will create a mobile application for iOS and Android from scratch using React Native. We will look at the various pieces of React Native architecture and leverage tools and core components of the framework. We will… more
Section: Workshop
Technical level: Intermediate
|
Truly Cross-Platform React NativeAt Flipkart, we have been using React Native for more than 2 years now. Though React Native allows us to build Apps that run on Android and iOS, we wanted to explore whether it was possible to make truly cross platform apps which will run on Android, iOS, mobile web and desktop. Could React Native scale to all form factors and not just run on mobile handsets? Needless to say, we were able to buil… more
Section: Full talk
Technical level: Beginner
|
A React Native widgetised framework - Move fast and build things.We have already seen how React Native and React Native for Web helped us in building full-fledged features on all platforms such as Android, iOS and the web. After solving this problem of code sharing, the next one we are headed to is solving the case of custom layouts. For instance, an e-commerce product page could have different UI layouts for a shirt, a sofa, and a mobile, though their basic b… more
Section: Full talk
Technical level: Intermediate
|
Writing good componentsAt the core of using React is writing components. In it’s early days, React got popular because of it’s composition model. The contract with the framework is that we’d write good components and React will take care of the rest. more
Section: Full talk
Technical level: Advanced
|
A glimpse of GraphQL: Frontend developers’ life is easy now!In this talk we’ll walk through our journey to GraphQL at Adobe, and highlight a few of our successes and failures along the way. more
Section: Crisp talk
Technical level: Beginner
|
React + Angular - Best of both worlds!Angular is a commonly available skill in any organization. Angular has a fantastic eco-system and 3rd party packages. more
Section: Full talk
Technical level: Advanced
|
Workshop - AR/VR apps using ReactAR/VR development is a must know skill for 2019. Facebook is very active in the field of AR/VR. Games like PUB G, Pokemon Go has made AR/VR very popular. React-VR is the react based solution from Facebook for VR development. more
Section: Workshop
Technical level: Intermediate
|
How to avoid React, may be.This is not one of those “use other frameworks” evangelism talks. I’ve seen my share of decisions being made to use a front-end only approach even though it’s not quite needed. more
Section: Full talk
Technical level: Intermediate
|
Delivering JS applications at scaleToday we have many frameworks available for front end development. Frameworks play a large role in how apps get built and designed. In this talk we are going to focus on the design and architecture, module design and consideration, build & release process and on performance metrics. more
Section: Full talk
Technical level: Intermediate
|
Hosting React app on SharePointMost enterprises use SharePoint as their primary collaboration portal. SharePoint offers it’s own way to build component based pages, React can handle this too well. All other functions - authentication, data etc are handled by SharePoint ecosystem. Arming it with react would make it a perfect suite for simpe and semi-complex web applications. more
Section: Crisp talk
Technical level: Intermediate
|
Deep dive into Apollo ClientApollo is the most popular GraphQL client library at the moment. It significantly reduces boilerplate code for fetching data, showing loading status, handling updates to existing objects in cache. But, it can’t handle scenarios like creating new objects, deleting objects and real-time updates automatically. It requires significat amount of code to handle these scenarios and, sometimes, requires m… more
Section: Full talk
Technical level: Intermediate
|
Building Apps with GatsbyGatsby has recently surged in popularity but a lot of us still think of it as a static site generator. But Gatsby is great for complex client side web apps too! This talk aims to demonstrate that. We’ll be building a small app live using Gatsby! more
Section: Full talk
Technical level: Intermediate
|
Kickstarting a library of internal React components for multiple teamsIn a company, as the technical teams grow and work on different projects, the question of creating a set of common components naturally arises. This is what happened to us: over the years different teams redeveloped very similar components, from simple UI elements to complete business features. 9 months ago, it was time for us to take a step back and think: how can we do better? more
Section: Full talk
Technical level: Intermediate
|
Building a highly scalable exchange - To react or not to reactWe are an organization which built one of India’s leading crypto currency exchange, and faced the struggles and wrath of scale and lack of scale. Backed by a prominent company, the effect of a successful PR and a wave of customers based on current trends, brought us thousands of customers flocking into a platform primary built on Ruby on Rails (both frontend and backend). more
Section: Full talk
Technical level: Intermediate
|
Redux Handling : For Large ApplicationsIts about experience we at Amdocs have while creating solutions for multiple telcommunication clients. We transformed our core product from KO & Backbone to React & Redux. Also while doing , since our more
Section: Crisp talk
Technical level: Advanced
|
Basic State Management using React HooksManaging state for UI components in React until now has required a dependency on libraries like Redux. But for simple UI level state management React has introduced Hooks into React core. more
Section: Full talk
Technical level: Beginner
|
How we broke React and understood Fiber!We were trying to push the boundaries of web performance with React in Microsoft Teams when we were left with no choice but to get into React’s souce code. What came out was an appreciation of the React’s new Fiber architecture and this talk. This will get into the story of how a bug in React made us all understand Fiber better and in turn advance our Javascript performance knowledge. This isn’t … more
Section: Full talk
Technical level: Intermediate
|
Transition from REST APIs to GraphQLAbstract: REST APIs are used in almost all the web and mobile applications today. Using REST APIs has some disadvantages which cost the application. In this talk, we will walk through some of the use cases where REST APIs failed for us and discuss how moving away from REST to GraphQL helped us solve the problems. more
Section: Full talk
Technical level: Intermediate
|
React Suspense - Internal WorkingWe will go throught all in React Suspense. Basic syntex of how and when to use suspense. more
Section: Crisp talk
Technical level: Intermediate
|
Hosted by