Tutorials for developers and engineering leaders. Focused on React, Next.js, GraphQL, Leadership, and more!
Over the past year, I've built and shipped multiple AI-powered tools from communication copilots to SaaS assistants that think, act, and scale like real teammates. In this talk, I'll share the exact toolkit and architecture I use to build what I call "AI Minions" - autonomous agents that can fetch data, trigger workflows, and assist users across full-stack Next.js apps. I'll walk through real…
Fix the most common Next.js performance mistakes - from bundle bloat and data waterfalls to image optimization and font layout shifts.
Next.js 16.2 is a massive update. AI success rates hit 100%, dev startup is 400x faster, and browser log forwarding changes everything.
Forms have evolved with the introduction of React Server Components. In this talk, you’ll discover the modern approach to building forms with React 19. We’ll explore the latest hooks, discuss the benefits and challenges of using React Server Components, and see how they impact form management in real-world applications. Whether you’re dealing with dynamic inputs, validation challenges, transitions…
Choosing the best framework is tough, isn't it? We've got Next.js, Remix, and a bunch of others thrown into the mix. So, let's keep it real in this talk—I'll be comparing three of the big contenders: Next.js, Remix, and one surprise package. We'll be looking at some key stuff like Data fetching, Routing, SEO, Performance, Server-side Rendering, and more. Think of it like a friendly showdown where…
A comprehensive guide to fixing common Next.js errors, including React component export issues, Client/Server component problems, and best practices for debugging Next.js applications.
Choosing the best framework is tough, isn't it? We've got Next.js, Remix, and a bunch of others thrown into the mix. So, let's keep it real in this talk—I'll be comparing three of the big contenders: Next.js, Remix, and one surprise package. We'll be looking at some key stuff like Data fetching, Routing, SEO, Performance, Server-side Rendering, and more. Think of it like a friendly showdown where…
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.
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…
If you are tired of getting these hydration errors, finally learn why the hydration error occur. This post covers how we can resolve the hydration error unhandled runtime error in Next.js
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…
This post discusses the challenges and workarounds for passing context with React Server Components in Next.js. It highlights that creating React Context inside a Server Component is not allowed and converting the top-level component to a Client Component is also not feasible.
Are you an engineering leader struggling to manage your team effectively? You may be exhibiting some common anti-patterns, such as being too controlling or prioritizing personal relationships over constructive feedback. By recognizing and avoiding these patterns, you can foster a more positive and successful work environment. This blog showcases a breakdown of the different anti-patterns and tips…
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…
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…
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…
Embarking on the journey to leadership is often met with questions about how to successfully seize opportunities and navigate challenges. To address this, we explore two paths: finding a role within your current company or seeking a new leadership position elsewhere. For now, we focus on thriving within your organization by following key strategies.
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.
Covers 5 ways to use ChatGPT as an Engineering Manager. I discuss how managers can use ChatGPT to improve their efficiency and delegate tasks to focus on strategic work.
Covers ways you can handle managing underperforming employees. To avoid employees underperforming , clarify expectations, provide regular feedback, assess necessary skills and training, assess willingness to change, and align definitions of high performance. Plus get a checklist to download.
How you can manage up and take control of your career. This post covers some practical examples of getting your manager to love you and will open up doors for future opportunities and promotions.
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.
These are some of the most common mistakes that new engineering managers that transitioned from individual contributor track make. Learn how to fix them in this blog post.
What's the difference between Next.js vs React and addresses frequently asked questions by developers. Which is best frontend framework in 2023?
This article shows you how to humanize the code review process, how to effectively create a pull request, how to give feedback on pull request and how to respond to feedback.
This post covers React Server and Client side components in-depth, some best practices, how to create shared components with code samples, differences between them and how it compares to Server side rendering in Next.js.
What Psychological safety is, how Engineering leaders can learn some strategies & best practices in teams and orgs to create psychological safety.
In this blog post, I will cover what SEO is, what are some best practices with SEO, provide you with real world SEO code examples in Next.js, screenshots of how your site will look like in a popular search engine like Google and you will take away some SEO tools with you towards the end of this article.
We often tend to visualize things 🔮 and concepts to understand them better. If you want to master Next.js, it provides many techniques to fetch data in a manner that is right for your use case. You need to know how and when to fetch it, that’s all.
We have yet again entered an uncertain time. This feels way too familiar for most of us since we experienced something similar when the pandemic hit. But we need to be more resilient this time as winter might be coming. As a lead, I have changed my strategies to show up as a leader for my teams and wanted to share them here.
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…
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…
In this blog post, 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 to Apollo Client.
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…
The best way to learn anything is to play with it on a project and build 👷🏼♀️ something. As I started learning about Lambda functions, I had this list of questions❓that kept coming to mind. To help you better understand Lambda functions, I’ve converted all of my questions, and their answers into a helpful blog post to get you started.
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…
As a developer, I’ve noticed ever since starting out that a lot of us are intimidated by building accessible apps. The fact of the matter is, it doesn’t have to (and shouldn’t) be that way. Accessibility is just like building any other feature — and there needs to be greater awareness around this. If you’ve incorporated accessibility into apps before or want to integrate accessibility for the…
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,…
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…
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.
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…
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…
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.
If you are a React developer and know some basics of native development i.e. iOS or Android then you will pick up React Native easily i.e. not a noob. Although, it is not 1 - 1 relational. When I initially learned React Native, I forgot how my native development skills will be easily transferable.
In this talk, I talk about what does agile mean, what are the differences between scrum and XP and where they both shine.