About the event
After a successful first edition in Bangalore, ReactFoo travels to Pune. ReactFoo Pune will focus on the following topics:
- Success and failure stories of implementing React and React Native for your use-case.
- Lessons learned in shifting codebase from older frameworks to React.
- Comparative advantages of React and other JS frameworks.
ReactFoo Pune is an event for practitioners, by practitioners.
Format
We invite developers and architects from large and small organizations to share their stories and insights with the community.
ReactFoo Pune is a two-day event with:
Hands-on workshops on 19 January.
Single track of talks and Birds of a Feather (BOF) sessions on 20 January.
30-40 participants will be admitted to each workshop. Workshop tickets have to be purchased separately. Workshops will be announced shortly.
Who should attend
- JS engineers from enterprises.
- JS engineers from startups.
- Architects.
- Cross-platform mobile developers.
Why you should attend?
- To learn from and network with peers from the industry.
- To gain insights from case studies of practical implementation, and evaluate ReactJS and React Native for your work.
- To program better with React and React Native.
Selection process
Proposals will be shortlisted and reviewed by an editorial team consisting of practitioners from the community. Make sure your abstract contains the following information:
- Key insights you will present, or takeaways for the audience.
- Overall flow of the content.
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.
Also consider submitting links to the following along with your proposal:
- A detailed outline, or
- Mindmap, explaining the structure of the talk, or
- Draft slides.
Honorarium for selected speakers; travel grants
Selected speakers and workshop instructors will receive an honorarium of Rs. 3,000 each, at the end of their talk. Confirmed speakers and instructors also get a pass to the conference. We do not provide free passes for speakers’ colleagues and spouses.
Owing to a tight budget, we will not be able to offer travel grants or accommodation for this event.
Important dates
ReactFoo Pune conference – 19 January, 2018.
ReactFoo Pune hands-on workshops – 20 January, 2018.
Last date for submissions - 7 December, 2017.
Contact details:
For more information about speaking, ReactFoo, sponsorships, tickets, or any other information contact support@hasgeek.com or call 7676332020.
Proposal topics:
Proposals that will be evaluated will focus on personal experiences with React from a first person perspective. We’re looking for talks that will expand on reasons for decisions made to implement React, stumbling points before and after having done so, successes or failure faced with React, etc. Instructional talks exploring new features and how-to talks are not going to be a part of this edition of the conference.
Accepting submissions
Not accepting submissions
None
Moving your React-Native App to ProductionAlrighty! So, you have learnt React-Native and built an App and you are looking to launch it to market. What are the key things to do before production? How do you decipher Crashlytics logs? What analytics should I build into my App? What are the common Code-push know-hows and practices ? more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Intermediate
|
|
Manjula Migrating from PHP legacy code to React & Best Practices in ReactThe talk would focus on how BookMyShow benefitted moving to React. It not only helped us moving from the legacy php code but also drastically increased conversions in 4 weeks.This would also focus on what challenges we faced while moving for php to react. What made us build a PWA even when we had apps. Moreover the success stories after we moved to React. more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Beginner
|
 Load, Plug and Play: Video Streaming and ReactSingle Page Apps were quite a revolution with the introduction of frameworks like Ember, Backbone and Angular JS. Flash also is outdated having already outlived its lifetime.HTML5 video has become the de-facto standard for streaming on the web. And modern browser API’s facilitate development of efficient video streaming solution that offer content rights protection and host of integrations. more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Intermediate
|
Maximize value of your Components by "Stencil"ing them!We live in a JS world where Angular, React and Vue camps ferociously pitch their framework’s superiority.. But at the core, they all are component based frameworks. Currently - components written for one cannot be used within other framework and hence effort spent on creating the component for one framework will need to be repeated for other frameworks again. more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Beginner
|
|
Amit Erandole Beyond Redux and MobX - A Functional approach to building React AppsThis talk presents a functional approach to state management using Andrew Clark’s Recompose toolset. more
Workshops
Advanced
|
Deep Dive into React PortalsReact Portal is a new feature of React 16. Although it’s quite a handy way to show Modals and toast message, there are concerns around if it’s really a good practice to use portals and jump your code out of the Component heirarchy. We will explore how using React Portals will actually make you a better programmer. more
Crisp talk on comparative advantages of React and React Native; success and failure stories with React.
Beginner
|
An Angular developer moving to ReactI worked as an Angular developer for 3 years from version 1.x to 4. Then I had to shift to React in my new company. This is a story about what I had to learn and (more importantly) unlearn while switching gear from Angular to React more
Crisp talk on comparative advantages of React and React Native; success and failure stories with React.
Intermediate
|
Rethinking with React 16React v16.0 comes with some major changes and an update to the react core algorithm. With React v16.0 Facebook has completely revised the internals of React while keeping the public API essentially the same. I would be discussing about what’s new in React 16 which would include a brief explantion of the new algorithm along with focus on few of the new features like Error Boundaries, Portals, Frag… more
Crisp talk on comparative advantages of React and React Native; success and failure stories with React.
Beginner
|
Idiot-proof coding with Typescript and ReactTypescript has been gaining a lot of traction in the last couple of years as seen from the Stackoverflow Developer survey 2017, Angular 2 embracing Typescript and integrating it closely with the ecosystem etc. This talk is about 1. Typescript and why use it. 2. Who are using typescript and what does the JS community have to say about it. 3. React-Redux-webpack stack with Typescript 4. Linting wit… more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Beginner
|
|
Satyajit Sahoo Building custom renderers with ReactReact has enabled us to write complex UIs with a great declarative API. Under the hood, React’s reconciler optimizes by diffing the old and new tree, usually known as virtual DOM diffing. The latest version of React uses a Fiber architecture to implement the reconciler. The reconciler backs custom renderers like React DOM and React Native to target various platforms. In this talk we’ll implement … more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Advanced
|
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
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Intermediate
|
 Building Performant Instant Github Repo Search With React NativeTogether let’s look what goes inside building a real world React Native application by dissecting a Instant Github search application (https://github.com/BilalBudhani/react-native-github-algolia-search) I built to get a deeper understanding of the framework & UI implementation. more
Crisp talk on comparative advantages of React and React Native; success and failure stories with React.
Intermediate
|
React shared libraries and module systemsSo my day job is to design and architect projects at my workplace and soon I realized that there were many common UI elements required across projects and I always end up copy-pasting those elements to newer as well as existing projects over and over again. more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Intermediate
|
Styleguide Driven DevelopmentAll of us have heard about different kinds of driven development. With React, emerged a new one - styleguide driven development(SDD). A lot of people don’t get it, some would like to adopt it, and there are very few who work this way. Why? You know about it’s importance and technical implementation details. But where to start from? From this talk you’ll get to know how awesome React development c… more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Intermediate
|
Designing with ReactMost of us work with designers and other developers on a daily basis. It isn’t always easy to maintain quality and consistency across teams or even features. Collaboration isn’t always easy with spec handovers, component states, achieving pixel perfection, etc. more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Intermediate
|
Learn React the right wayIt’s easy to get lost without proper guidance and path to follow. more
Workshops
Beginner
|
Advanced React Component PatternsReact on it’s own has a very small API surface. Most of the magic happens in user-land. It feels like every month, someone from the community finds an innovative way of writing components. This is the best part about React, the creative community. more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Advanced
|
A Reasonable way to ReactThere’s a lot of hype (and a lot of puns) about Reason - but why is that, and what does it have to do with our beloved React? Is this something for hipster types only, or will we all be using it in a year’s time? more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Beginner
|
The history of CSS and it's future in ReactOur community has a way of talking about practices/solutions as competitors but all new solutions are inspired from the work done by people before them. more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Beginner
|
Preact is DopeSome of you might have heard about preact and may have even played around with it. Let’s dig a little deeper and explore the factors that make preact awesome. We will look at the advantages of preact over react, how easy it is to get up and running a project using preact-cli. more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Intermediate
|
Staying Sane While Styling ComponentsWhen I’m wearing a front developer’s hat, I worry about three things: more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Intermediate
|
Redux Deep DiveExtract the most out of your Redux Store. 20 to 30 min more
Crisp talk on comparative advantages of React and React Native; success and failure stories with React.
Advanced
|
Re-writing redux application with GraphQL & ApolloRedux is a very good state management library for building large applications. But we noticed that we were writing lot of custom logic for complex functionality like caching, pagination, live editing, real-time updates from server. We implemented abstractions to reduce verbosity of redux code. But, new developers were finding it hard to understand these abstractions. We explored GraphQL and Apoll… more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Advanced
|
Setting up React project for your teamReact being a library and not a framework offers us with a lot of choice to create our of own ecosystem. This gives us a lot of power to pick and choose the best libraries that suits our need. But for most of us, it is also a lot of hardwork to create the ecosystem from scratch. In fact, with increasing number of options to choose from for router, state management, type safety, etc., sometimes it… more
Workshops
Intermediate
|
How React shaped Haptik’s frontend storyAt Haptik, we use React extensively. In fact, 5 out of our 5 heavy lifting customer facing Apps are written in React. more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Intermediate
|
PWA with ReactProgressive Web Apps (PWAs) are spreading across the web faster than anyone could have predicted. Combining the best of both the web and apps, PWAs load quickly (even on flaky networks), can re-engage with users by sending push notifications, have an icon on the home screen, and load as top-level, full screen experiences. In this talk, I’ll explain how to build one with React from installation to… more
Full talk on success and failure stories with React; code overheads and code rewrite stories with React
Intermediate
|
Why React is not suitable for building rich-text editors?In this talk, we will be discussing about why React might not be a good idea to build rich text editors. We will also look in Substance.io (a JS library for building web based editors). more
Crisp talk on comparative advantages of React and React Native; success and failure stories with React.
Beginner
|
Why we built a 35kB React Native alternative?Facebook built React Native but it was too big for our SDK product. Necessity drove us to build a small ReactNative - PrestoUI. The talk will detail what we learnt, using it for BHIM and the new ways of building applications we found along the way. more
Crisp talk on comparative advantages of React and React Native; success and failure stories with React.
Beginner
|
React the Reasonable WayWhether you’re new to React, or experienced with it, writing complex applications using ReasonReact / ReasonML leads to maintainable, eminently readable code. This talk will gently introduce you to the language and framework, and hopefully inspire you to start your next React app using Reason! more
Intermediate
|
Fullstack React NativeIf you are a React Native developer, you build native mobile applications using JavaScript and React. However, you are dependent on a backend which you will definitely need to handle tasks such as push-notifications, authentication, chats etc. Given that you know JavaScript, you can easily learn to write a backend server and achieve all the aforementioned tasks. Also, you can deploy them very eas… more
Crisp talk on comparative advantages of React and React Native; success and failure stories with React.
Beginner
|
 Dark Art of Webpack Bundle TuningWhile webpack continues to become more and more popular and de-facto choice of module bundling in an increasingly ES6 and ES7 centric world, its VERY easy to get lost in all the hoopla of getting the webpack to work. more
Intermediate
|