ReactFoo Pune 2018
2018-01-19..2018-01-20
Pune, India
ReactFoo ·
[ReactFoo 2017, ReactFoo Pune 2018, ReactFoo Mumbai 2018, ReactFoo 2019]
who it's for
React developers, React Native developers, frontend engineers, mobile engineers, frontend architects, engineering managers
topics
advanced component patterns; Redux state management; Redux Sagas async flows; GraphQL with Apollo; React Native binary size optimisations; PWA service worker caching strategies; webpack bundle tuning; TypeScript with React; React Portals usage; building custom renderers; migration from legacy frameworks to React; styleguide driven development and CSS in React
| title | author | length |
|---|---|---|
| Why we built a 35kB React Native alternative? | Sahebjot singh | 15m |
A 35kB React Native alternative called PrestoUI replaces Facebook React Native to fit a constrained SDK and ships inside apps like BHIM saying it cuts binary… | ||
| React the Reasonable Way | Neehar Venugopal | |
Whether you’re new to React, or experienced with it, writing complex applications using ReasonReact / ReasonML leads to maintainable, eminently readable code… | ||
| Fullstack React Native | Rishichandra Wawhal | 25m |
Walks through building a Node.js API that handles authentication, push notifications and real‑time chat via WebSockets, and connecting that API to a React… | ||
| Why React is not suitable for building rich-text editors? | Adisha Porwal | |
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… | ||
| PWA with React | Neeraj Singh | 18m |
Step-by-step build with React covers installation, generating a manifest, and wiring a service worker caching strategy with concrete choices (cache‑first for… | ||
| How React shaped Haptik’s frontend story | Nabendu Karmakar | 35m |
Haptik moves a chat product from HTML/CSS/jQuery into React, ending fragmented DOM state and reducing bugs; five heavy apps become 5 out of 5 customer-facing… | ||
| Setting up React project for your team | Souvik Basu | |
React 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… | ||
| Re-writing redux application with GraphQL & Apollo | Kiran Abburi | |
Redux is a very good state management library for building large applications. But we noticed that we were writing lot of custom logic for complex… | ||
| Redux Deep Dive | Aziz Khambati | 29m |
Four concrete problems—typos, brittle action types, duplicated type maintenance, and monolithic reducers that block code splitting—drive a practical proposal… | ||
| Staying Sane While Styling Components | Saneef Ansari | |
When I’m wearing a front developer’s hat, I worry about three things. How do I code the visual design attributes, so that it will be consistent and re-usable… | ||
| Preact is Dope | Anup Kumar | |
Some 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… | ||
| The history of CSS and it's future in React | Siddharth Kshetrapal | |
Our 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… | ||
| A Reasonable way to React | Siddharth Kshetrapal | |
There’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… | ||
| Advanced React Component Patterns | Siddharth Kshetrapal | 34m |
Seven concrete patterns are demonstrated and tied to a real design system: functional vs class components with the class properties transform, controlled and… | ||
| Learn React the right way | Siddharth Kshetrapal | |
It’s easy to get lost without proper guidance and path to follow. On the surface, React may look like just a view library, but there is big ecosystem that… | ||
| Designing with React | Siddharth Kshetrapal | |
Most 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… | ||
| Styleguide Driven Development | Darpan Kakadia | |
All 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… | ||
| React shared libraries and module systems | Kamlesh Chandnani | |
So 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… | ||
| Building Performant Instant Github Repo Search With React Native | BilalBudhani | |
Together let’s look what goes inside building a real world React Native application by dissecting a Instant Github search application… | ||
| Let's Sync the Async- A Primer on Redux Sagas | Preeti Wadhwani | 21m |
Compares Redux Sagas to Redux-thunk and shows a concrete dashboard implementation that hits getUser then lowBalance, panel and transactions APIs; uses ES6… | ||
| Building custom renderers with React | Satyajit Sahoo | 19m |
React 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… | ||
| Idiot-proof coding with Typescript and React | Arjun Hariharan | |
Typescript 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… | ||
| Rethinking with React 16 | Vivek Nayyar | |
React 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… | ||
| An Angular developer moving to React | Souvik Basu | 16m |
Migration from Angular 1.x–4 to React focuses on what actually changes: unlearn two-way data binding and stop relying on scope magic, adopt JSX and… | ||
| Deep Dive into React Portals | Souvik Basu | 32m |
Shows that React 16 Portals let a modal escape parent CSS like overflow:hidden by rendering into a dedicated DOM node (an app-level div) while keeping the… | ||
| Beyond Redux and MobX - A Functional approach to building React Apps | Amit Erandole | |
This talk presents a functional approach to state management using Andrew Clark’s Recompose toolset. | ||
| Maximize value of your Components by "Stencil"ing them! | Vijay Dharap | |
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… | ||
| Load, Plug and Play Video Streaming and React | ALi Mir | |
Single Page Apps were quite a revolution with the introduction of frameworks like Ember, Backbone and Angular JS. Flash also is outdated having already… | ||
| Migrating from PHP legacy code to React & Best Practices in React | Manjula Dube | 38m |
BookMyShow moves its PHP site into React, builds a PWA with Add to Home screen, and claims concrete wins: page load and first paint drop from ~12–13s to about… | ||
| Moving your React-Native App to Production | Yeswanth S | |
Alrighty! 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… | ||
| Dark Art of Webpack Bundle Tuning | Vijay Dharap | 31m |
While 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… | ||
| nothing matches | ||