About ReactFoo Mumbai
ReactFoo Mumbai is an event for JavaScript, front-end adnd mobile engineers. The conference will feature talks on:
- Latest features of React
- Webpack, GraphQL and Apollo
- React Native
- Front-end workflows and design systems
- CSS and React
Format
ReactFoo Mumbai is a single-day event with full-length and crisp talks, and Birds Of Feather (BOF) sessions on how to grow your career as a front-end engineer, and on state management.
On 27 May, we are hosting a hands-on workshop on GraphQL and Apollo conducted by Kiran Abburi. Workshop tickets have to be purchased separately.
Who should attend
- JS engineers from enterprises.
- JS engineers from startups.
- Architects.
- Cross-platform mobile developers.
- Front-end engineers.
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.
If you are attending ReactFoo Mumbai, submit a flash talk – of 5 mins – about a project you are working on or a tool you have discovered and that you’d like the community to benefit from.
Dates:
ReactFoo Mumbai conference – 26 May 2018 at ISDI DICE, Lower Parel, Mumbai.
GraphQL and Apollo workshop – on 27 May 2018 at Endurance International, Goregaon, Mumbai
Contact details:
For more information about speaking, ReactFoo, sponsorships, tickets, or any other information contact support@hasgeek.com or call 7676332020.
Event website: https://reactfoo.in/2018-mumbai/
Accepting submissions
Not accepting submissions
Preact is dopeeeSome 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
Beginner
|
Migrating from redux to apolloIn this talk, I will share our experience with migrating a large app from redux to apollo. Initially, we used redux to manage the state of react application. As the app grew in size, we were writing lots of custom logic for network use cases like data fetching, real time updates and error handling. We implemented abstractions to reduce verbosity of network logic. But, onboarding new developers an… more
Intermediate
|
How initial designing for older apps helped small team @Agrostar deliver apps quicklySmall team when bombarded with lot of work across different projects, you need determine common patterns; be it from designs(CSS), libraries(JS). This sets desired abstractions for other projects, prevents them from repeating code and hence adding more error hooks. How do we solve things of reusability? How do we accommodate desired changes to abstractions yet giving individual projects to use di… more
Flash talks – 5 min presentations from audience
Intermediate
|
Tearing down & exploring - RsJSRxJS has grown into popularity in the recent years. There are a lot of resources to get started with RxJS. This coupled with the fact that the library exposes very clear set of API’s, its extremely easy to start writing with observables. This talk digs deep into the concepts of RxJS, by building it. more
Intermediate
|
Thinking Reactively with RxJSReactive programming is a established and efficient way to handle data streams. Understanding it and correct implementation makes otherwise complex program easy to read, maintain and test. JS community has been appreciating the ease it brings in with Angular, React-redux etc adopting it. more
Beginner
|
React Native: The Development FlowReact Native is slowly becoming the preferred choice for developing mobile applications. If you are already a web developer, you will find that most of the principles of coding remain the same as it uses the same design as React. But the development flow might feel a bit overwhelming for someone who is creating a React Native app for the first time. more
Flash talks – 5 min presentations from audience
Intermediate
|
We need to talk about our frontend workflowMost 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
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
Beginner
|
Building offline first applications in the react ecosystemThe talk addresses the what, why, how and huh? of building offline first applications in the react ecosystem. What are offline first applications and why in certain use-cases having them is or can be beneficial. How to go about building your offline first client app in the react/react-native ecosystem with approach appropriate to your use case. What are the tools/libraries available in your arsen… more
Advanced
|
 A re-introduction to webpackWebpack is the de facto standard in todays world of frontend development. Popular projects like React, Vue, Angular use it all. But how did we get here? How can you not be scared of it and actually start configuring it for your own projects? more
Beginner
|
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
Intermediate
|
Unit Testing for Fun and ProfitI’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
Intermediate
|
Dr. De Sign Systems - Or How I Learned to Stop Worrying and Remove the ChaosSystematic designs have been prevalent across other design mediums - but only now they have got the required attention in the digital product design world. The proposed talk will discuss the what, why, when & how of Design Systems in digital products - whether apps, or websites or brands. more
Flash talks – 5 min presentations from audience
Intermediate
|
 The magic of React Router 4React Router 4 reimagined routing for React Single Page Apps. Thinking of Router as a Component is a big paradigm shift. We will explore what is new in React Router 4 more
Intermediate
|
Pragmatic approach to Server Side RenderingCreate React App is unopinianated about SSR and does not support it out of the box. There are some plugins on CRA to enable SSR but those are not officially supported. Next.js is the most supported library in community to enable SSR but can we use it for production quality applications? What are the other possible ways to achieve SSR? more
Intermediate
|
All about Context APIThere was a lot of speculation of the stability Context API in future releases of React. React 16.3 makes Context API official now. Although developers were warned against using it, Context API was internally used by a lot of state management and theming libraries like react-redux, react-router and MobX-react. We will explore all about this API more
Intermediate
|
Why GraphQL: A React Developer's PerspectiveThe hype around “GraphQL is better than REST” can be justified purely by the amount of tooling around it. With code generation, query validation, editor autocomplete coupled with an API Explorer, the life of a frontend developer has never been easier. This talk will explore Why GraphQL is awesome from a React developers perspective! more
Intermediate
|
JSON Streaming and ReactEnhance first render of app using JSON stream Outline more
Flash talks – 5 min presentations from audience
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
Flash talks – 5 min presentations from audience
Beginner
|
Debugging JS - Leveraging the power of Browser Dev ToolsThis session would be about best practices to debug your JavaScript application in development as well as in production environment. It would talk about leveraging the power of browser developer tools to optimise the performance of your application. more
Beginner
|
Talking to React: The MindsetThinking in terms of Components could be hard, specifially how to divide your application into components, but I feel thinking in terms of components will be easy if we understand the basic ideas like composition on which languages like React are made. So my point is lets learn the ideas on which React stands proudly, so concepts like Components, State, Props falls in place while learning React. more
Flash talks – 5 min presentations from audience
Beginner
|
Create your own Custom Async Renderer with diffing in Web WorkerI’ll be going through some of the design of react-reconciler, fibre and how to create your own custom renderer. more
Advanced
|
State management with context apiBuilding on the idea of unstated and react waterfall, I would present a simple library created with the context api. This would explain how we can use context api to build our own mini redux system with multiple stores and one single global store. more
Flash talks – 5 min presentations from audience
Intermediate
|
Use React in an existing JS applicationEven applications which have been built long back, you can develop components and use it in the application. You can use the power of modern bundlers like webpack to do the job for you. Even Gulp or Grunt can suffice your need. more
Flash talks – 5 min presentations from audience
Beginner
|