The recent React meet-up in Bangalore brought together a vibrant community of developers for a focused session on learning and collaboration. On June 14, 2025, a peer meet-up conference, hosted by Kiran A., brought together 70 developers for a day of learning, networking, and a good dose of geeky fun.
This event was part of a bi-weekly series put on by React Bangalore, known for its super engaging offline sessions. Participating in these meet-ups helps build credibility among peers and encourages sharing of practical, real-world insights with the broader engineering community.
The Agenda: Talks Fueling React Innovation React and Real-World Applications
It was a four hour session packed with insightful talks, each lasting a crisp 30 minutes, designed for not only AI experts but also those of us who are new bees here. The MC for the event was Sweta Tanwar. The agenda covered a range of current topics relevant to React and modern development practices
- "Compile Smarter with React Compiler" by Sweta Tanwar, Senior Software Engineer at Rippling.
- "Memory leakage prevention" by Umesh K Dewangan, Senior Software Developer at CodeWalnut.
- "Building Tender Summary Generator Application Using Google Gemini" by Ramratan Gupta, Sr Software Engineer at IntraEdge (Amex).
- "LLM Powered Automation with React & Vercel AI SDK" by Vishnu, Software Engineer at CodeWalnut.
- "Real-World Automation with LLMs: Gemini & OpenAI in Action" by GOKUL KANNAN K H, Fullstack Developer & AI/ML Engineer at Nithra Apps India Pvt. Ltd.
CodeWalnut's Contribution at the Meet-up
In an interesting turn of events, two members from CodeWalnut were selected to speak at the meet-up. While these events usually limit participation to one speaker per organization to ensure variety, both proposals from CodeWalnut were accepted this time, alongside three strong sessions from other contributors.
The team also participated in the React quiz—an online MCQ challenge(conducted through slido.com) with nine questions—and won a sweet $30 GitHub merchandising prize. A fun way to test React knowledge and who doesn’t love a coupon!
Spotlight on CodeWalnut's Presentations
Let's dive a little deeper into what our CodeWalnut experts brought to the table.
Umesh K Dewangan: Mastering Memory Leak Prevention
Ever noticed your React app getting sluggish, like it's trying to run a marathon in quicksand? Or worse, browser tabs just crashing during peak usage? If that sounds familiar, you've probably encountered a memory leak. Our Senior Software Developer, Umesh K Dewangan, was on a mission to save us from this nightmare with his talk on "Memory leakage prevention".
Umesh explained that memory leaks are silent killers – they don't scream errors, but they'll absolutely tank your application's performance when you least expect it. Think of it this way: a memory leak happens when your app keeps holding onto references to objects that should have been sent to the digital trash can. In React, this often pops up with things like timers, event listeners, or async operations that just refuse to quit even after their component has unmounted.
He highlighted common culprits like setTimeout or setInterval that keep ticking, global window or document event listeners that are never removed, WebSockets that stay open, and async operations trying to update components that are no longer there. He even gave a real-world example of trading dashboards crashing due to dozens of uncleaned WebSocket subscriptions chewing up 2GB of memory – yikes!.
The awesome thing is, Umesh's talk wasn't just about the problem; it was packed with practical solutions and best practices, demonstrating how to prevent these sneaky issues. He showed how to properly clean up timers with clearTimeout, remove event listeners with the exact same function reference, and close WebSocket connections. For async operations, he presented clever fixes like using a mounted flag or, even better, AbortController to cancel requests gracefully. He even tackled those tricky closures that can accidentally retain large objects in memory.
Basically, Umesh armed us with the knowledge to make our React apps smoother and more reliable, saving us hours of debugging headaches. Because, as he pointed out, users might not notice when you prevent memory leaks, but they'll definitely notice when you don't.
Vishnu: LLM Powered Automation with React & Vercel AI SDK
Next up, we had Vishnu, a Software Engineer at CodeWalnut, who made his public speaking debut. Vishnu's talk dove deep into "LLM Powered Automation with React & Vercel AI SDK".
His session was designed with a clear goal: after his talk, everyone in the audience should feel confident enough to build an AI tool themselves. To make sure he hit that mark, Vishnu had two dry run sessions, getting fantastic support from Renu, Sundar, and Nattu. He smartly divided his presentation into three parts to keep everyone engaged and avoid boredom creeping in.
Vishnu explored how to seamlessly integrate Large Language Models (LLMs) with React applications using the Vercel AI SDK, which he aptly called "The Glue". He emphasized "Mastering Prompt art" – essentially, learning how to talk to AI models so they give you exactly what you want. This included techniques like System & Role Prompting and Expert Knowledge Injection.
He used a fantastic example: "ReTitleIQ," an application designed to solve the problem of boring titles for blog posts. You know, the kind that are "Terrible for SEO" and "Lacks engagement". ReTitleIQ generates "catchy, SEO-friendly titles" by using industry best practices. Vishnu walked us through how to transform a generic "helpful assistant" AI into a "world-class SEO expert and viral copywriter" just by giving it the right "Role Prompting". He even showed how to feed the model a "Knowledge Base" of proven headline-writing principles to get even better results. The entire tech stack for such an app, including React, Node.js, Vercel AI SDK, and more, was laid out.
The key takeaways from Vishnu's talk were clear: integrate AI easily with the Vercel AI SDK, turn AI into a specialist with Role Prompting, feed it knowledge, and demand structured output (using XML) to avoid the "Developer's Nightmare" of inconsistent, conversational filler from AI. He even invited attendees to clone the ReTitleIQ repo and give it a star – how's that for hands-on learning?
Beyond the Talks: Engagement and Connections
But it wasn't all just serious talks and deep dives! The meet-up fostered engaging sessions, including the competitive React quiz we mentioned earlier. There were plenty of opportunities for attendees to make new connections and engage in one-to-one sharing, fostering a real sense of community. Also, participants were invited to subsequent webinars, ensuring the learning and networking continue long after the meet-up ended.
Conclusion: Thriving Community and Shared Learning
So, what's the big takeaway from this fantastic React Meet-up? Well, for starters, Bangalore's React community is thriving, and innovation is clearly in the air. The diverse range of topics—from performance optimization to AI integration—demonstrated the breadth of challenges and solutions developers are working with today.
Events like these are crucial for driving innovation and collaboration within the developer community. The opportunity to share knowledge, learn from peers, and build connections makes these gatherings valuable for everyone involved.
Here's to more engaging sessions, more groundbreaking talks, and more community building! See you at the next one!