Your users will not care what tech you used but how fast your app loads. Have you used a hot new stack that everyone loves but still don’t know how to make it performant? Well, it’s because we think about performance as a after-thought after it becomes a bottleneck and when our infra gets costly, ouch! But there is a way to solve this, introducing Core React. We won’t be introducing new tools but going back to how we need to tell React what the DOM should look like. In this talk, we will finally understand why useCallback and useMemo are used, why Lighthouse doesn’t represent performance, how we can minimize component re-render, why it re-renders? and lastly how to profile it with React devtools.

Unlocking the Mystery of React's Re-Rendering

Unlocking the Mystery of React's Re-Rendering 🚀

Many devs team members leave because they don’t feel psychologically safe in their org or team. I want to provide concrete examples so we can take away some practices and apply them at work. Outline: What is psychological safety? What isn’t psychological safety? characteristics of a psychologically safe team Fostering a culture of Psychological safety during code reviews How feedback can play a huge role in this Practices to create a culture of collaboration Actionable takeaways for every point

Cultivating a culture of Psychological Safety in Engineering

We often hear that React Native can hinder your performance as it’s not “pure native development.” Several myths tied to performance can prevent developers from using it for production apps. In this talk, I’ll bust all those myths and use practical examples to discuss the performance of these real-world apps. Performance related to smooth scrolling, transitions, and using heavy native features such as camera, etc., will be covered in this talk, and we will compare how React Native performs and what we can do about it. Topics such as whether we should go pure native dev if we are using the phone’s hardware, smooth scrolling, transitions, etc., will be covered in this talk. I’ll be using those real-world examples I architected and comparing that to react native.  Sign up for the FREE course: https://dev.kulkarniankita.com/reactnative-perf

Performance Myth's of React Native apps

We often hear that React Native can hinder your performance as it’s not “pure native development.” Several myths tied to performance can prevent developers from using it for production apps. In this talk, I’ll bust all those myths and use practical examples to discuss the performance of these real-world apps. Performance related to smooth scrolling, transitions, and using heavy native features such as camera, etc., will be covered in this talk, and we will compare how React Native performs and what we can do about it. Topics such as whether we should go pure native dev if we are using the phone’s hardware, smooth scrolling, transitions, etc., will be covered in this talk. I’ll be using those real-world examples I architected and comparing that to react native.

Unlocking React's Re-rendering

Most early or newly promoted Leaders aren’t sure how to succeed. They continue to act like Individual Contributors (ICs) as they aren’t sure how to manage. Ankita will walk us through an Engineering Leader's Roadmap, so you’ll know what to expect, before and after the first 90 days.

A talk given at Toronto JS

Engineering Leadership Roadmap

In this talk, I will cover why your switch to GQL and Apollo Client 3 should make you walk away from Redux. I will also talk about my journey from Redux -> Apollo Client and use a few project examples for why it makes sense holistically and the challenges I experienced during that transition. Towards the end of this talk, you will be confident about the pros and cons of each approach.

GraphQL Galaxy

Graphql State Management

Next.js has gained a lot of popularity but do you know everything about it? Next.js is not just about knowing React but there is a lot more to it that you need to know to fully master it. In this talk, we will discuss 5 things you wish you knew about Next and how you can take your apps to the next level. We will cover different rendering techniques such as server side rendering, incremental site regeneration, static rendering and mechanisms we can use, lighthouse tests, performance optimizations with real world apps and lots more. There is a lot of lingo used but we will learn through some code examples to solidify your understanding.

The Official Next.js Conf

5 things you need to know to take your next app to the next level

A good state management library should have the ability to manage side effects, transform data, and update state. Apollo client 3 has all of that but where does that stand with Redux? If you were also a skeptic then you will enjoy this talk as Ankita takes you through her journey of adopting and scaling Apollo client for state management. In this talk, Ankita will draw comparisons with Redux and Context and walk you through how an e-commerce application has adopted it and scaled it. Key takeaways: * How hooks allowed the team to remove redux actions * Use local-only fields and type policies to manage all client data in one place * How to use reactive variables for authentication

Apollo GraphQL Summit 2021

Oh Hello Apollo Client, Farewell Redux

React Summit 2020

10 consulting lessons architecting React Apps

Code reviews are an important part of a developer’s life. It’s very easy to perform code reviews, but hard to do it with empathy. In today’s online world, online criticism can be misinterpreted easily. Hence in this talk, we will go through what is a pull request, how to effectively create one, how to give constructive feedback and also how to respond to one using empathy. This talk will also teach you techniques to breakdown your feature, testing strategies, learning when to take the conversation offline, resolving disagreements, going above and beyond in your job as a developer and more. We often forget that we are reviewing our co-workers PR who we like to hang out with. After this talk, you will learn how your choice of words will help you get the point across but also build a positive relationship with your team and you are all set to focus on the most important thing i.e. writing great software.

Angular Connect and FITC 2019

The Art of Humanizing Code Reviews

Do you want to make your react application more performant? Have you used a hot new stack to build an excellent web app and want to ensure it responds quickly and loads reliably? Your users will care more about how fast your app loads than the technology used to build it. In slower networks, client-side rendering (CSR) becomes a bottleneck and building modern web apps becomes costly. In this talk, I’ll cover more on component re-render impact on performance, how to send portions of a webpage in chunks to the browser, so it’s faster (hint: progressive rendering), will show you how to measure your application level performance (using tools like Lighthouse) and help you to improve it. In addition, there will be practical examples and a demo to show how everything can be made more performant.

Chain React 2019

Beyond the React Native Benchmarks

While building for the web, you might be using aria labels to make your websites accessible although what about the native world? You should make your apps accessible to provide a great experience to all your users. In this talk, we will talk about why you should care about a11y, how you can make your react native apps accessible, accessibility standards your app falls into, common patterns to follow, how voice over works and also some suggestions to make this native world a better and inclusive place for everyone.

React Europe 2019

Accessibility 360 - Web - Mobile

Code reviews are an important part of a developer’s life. It’s very easy to perform code reviews, but hard to do it with empathy. In today’s online world, online criticism can be misinterpreted easily. In this talk, we will go through how to give constructive feedback & respond to one using empathy.

ScaleConf Colombia 2019

The Art of Humanizing Pull Requests

Did you know React Native has accessibility rules? In this talk, Ankita shows why accessibility matters, what those rules are, the accessibility standards your app falls into, common patterns to follow and how to get over your fear of voice-over. By making our apps accessible, we provide a great experience for all our users. This talk is sure to leave you with actionable ways of making your apps accessible. Let’s make this native world a better and inclusive place for everyone.

React Amsterdam 2019

Make your React Native apps accessible

Did you know React Native has accessibility rules?  In this talk, I will show you why accessibility matters, what those rules are, accessibility standards your app falls into, common patterns to follow and how to get over your fear of voice-over.  By making our apps accessible, we can provide a great experience for all our users. I promise that at the end of this talk, you will leave with actionable ways to make your apps accessible.. Let’s make this Native world a more inclusive place for everyone!

App.js 2019

Even in today's world, handling asynchronous tasks is hard. There are several ways to handle them, but is there a single best way? Redux is the preferred state management pattern in React apps today. The idea of a reducer is for it to be a pure function hence we cannot manage asynchronous side effect tasks there. We will talk about what side effects are, how to make your asynchronous calls easier to manage and handle using Redux thunks, observables, and sagas. Along with the common scenarios, we will also dive into a few complex ones such as cancelation, debouncing and parallel requests as well. We will take a login form example to go over each option and battle them to see who wins. I will also talk about a couple of projects where I used each pattern and my experience using them.

Full Stack Toronto 2018

Let's Fight: Redux side effects showdown

Code reviews are an important part of a developer’s life. It’s very easy to perform code reviews, but hard to do it with empathy. In today’s online world, online criticism can be misinterpreted easily. Hence in this talk, we will go through what is a pull request, how to effectively create one, how to give constructive feedback and also how to respond to one using empathy.

React Boston 2018

The Art of Humanizing Pull Requests (PR’s)

In this talk, I talk about what does agile mean, what are the differences between scrum and XP and where they both shine.

Conferences 📣

Unlocking the Mystery of React's Re-Rendering 🚀

Cultivating a culture of Psychological Safety in Engineering

Performance Myth's of React Native apps

Performance Myth's of React Native apps

Unlocking React's Re-rendering

Engineering Leadership Roadmap

Graphql State Management

5 things you need to know to take your next app to the next level

Oh Hello Apollo Client, Farewell Redux

10 consulting lessons architecting React Apps

The Art of Humanizing Code Reviews

Beyond the React Native Benchmarks

Accessibility 360 - Web - Mobile

The Art of Humanizing Pull Requests

Make your React Native apps accessible

Make your React Native apps accessible

Let's Fight: Redux side effects showdown

The Art of Humanizing Pull Requests (PR’s)

Being Agile: Scrum and XP - how similar or different they are