LogRocket Dev
blog.logrocket.com/dev/
Surprises and trends from this year’s Design Tools Survey results
Discover key trends from the Design Tools Survey including AI adoption, Figma’s dominance, and what’s next for UX designers in 2025.

The CSS if() function: Conditional styling will never be the same
Explore how the if() function works, see practical examples, and compare it to existing CSS conditional techniques.

Designing AI products that work for both users and the enterprise
Designing AI products isn’t just about users; it’s also about trust. Here’s what I learned about balancing usability with governance in enterprise UX.

Next.js 15.4 is here: What’s new and what to expect
Break down what’s new in 15.4, explore some hidden gems, and take a quick look at what’s ahead with Next.js 16.

Build interactive React UIs for LLM outputs using llm-ui
Build smarter React apps with llm-ui. This guide shows how to stream Gemini API output, detect code blocks, and render syntax-highlighted content.

How to manage 20+ stakeholders without losing your mind
Practical strategies to classify, prioritize, and communicate with 20+ stakeholders so product managers can stay aligned and avoid chaos.

Why I think v0 is a great prototyping tool for designers
GenUI tools are reshaping UX workflows. See how v0 speeds up design, closes the dev gap, and challenges how we prototype.

How I debug faster with these Chrome DevTools Console features
Improve the old-fashioned debugging JavaScript workflow by effectively using some lesser-known Chrome DevTools console features.

Catch frontend issues before users using chaos engineering
This article covers how frontend chaos engineering helps catch UI and UX issues before users experience them using tools like gremlins.js.

How a UX redesign increased redemptions by over 58 percent
A broken OTP flow hurt trust and revenue. Here's how UX analytics helped me fix it and why every designer should track impact.

Deno 2.4 is here: What’s new and what to expect
Learn about the most impactful changes in Deno 2.4, including the return of a first-party bundler and new spec-aligned ways to handle assets.

Migrating Tanstack Start from Vinxi to Vite
Update your TanStack Start project from Vinxi to a Vite-based setup, including dependency adjustments and configuration file updates.

Why PMs must help architect distribution, not just adapt to it
PMs need to move beyond feature delivery to help shape distribution strategy. Learn how org design can support this shift.

What are the AI-proof skills every frontend developer needs?
The AI freight train shows no signs of slowing down. Seven senior developers discuss how frontend devs can make themselves indispensable in the age of AI.

Here’s how I’d design a mega menu — with 3 great examples
Designing a mega menu isn’t just about listing links. It’s about helping users move fast, with confidence. These 3 websites show us how it’s done.

Angular has grown up — and the best is yet to come
It’s never been a better time to be an Angular dev. Reflect on the highlights of Angular's evolution from its early days to the v20 release.

5 books that transformed my day-to-day life as a PM
These five books helped me grow as a product manager by improving my mindset, habits, leadership, and decision-making.

Iterator helpers: The most underrated feature in ES2025
Unlock the power of iterator helpers in ES2025 to write memory-efficient, lazy JavaScript pipelines that scale from streams to infinite data.

Leader Spotlight: Creating an environment of genuine curiosity, with Nora Keller
Nora Keller talks about embracing non-linear paths, trusting the team, and keeping product grounded in real user needs.

Leader Spotlight: Navigating a complete product redesign, with Tyler Stone
Tyler Stone, Associate Director, Product at Sensor Tower, talks through how he’s led Sensor Tower through a complete product redesign.

12 UX design examples that show how to stop user errors before they happen
Learn how top products like GitHub, Google Calendar, and Medium prevent user errors with smart UX. Get 12 practical examples to inspire your next design.

How to build better AI apps in React with MediaPipe’s latest APIs
Build an AI-powered object detection app in React using MediaPipe's latest Tasks API, run models in-browser with no backend setup.

AI won’t fix bad thinking — use it to challenge you instead
AI agrees too easily. That’s a problem. Learn how to prompt it to challenge your thinking and improve your product decisions.

How to build unified AI interfaces using the Vercel AI SDK
Learn how to use the Vercel AI SDK to build modern, multimodal frontend apps with streaming, function calling, image analysis, voice output, and generative UI.

How to prep for a software dev interview: Advice from a dev leader
Interviewing for a software engineering role? Hear from a senior dev leader on what he looks for in candidates, and how to prepare yourself.

Leader Spotlight: Building an audience-segmented product strategy, with Chrissie Lamond
Chrissie Lamond, VP of Product at Mansueto Ventures, talks about how she builds product experiences across audience segments.

What to do when users just want the old version back
Change is tough. Here’s how to help your users adapt when all they want is the old version back.

Next.js real-time video streaming: HLS.js and alternatives
Set up real-time video streaming in Next.js using HLS.js and alternatives, exploring integration, adaptive streaming, and token-based authentication.

AI compliance: A core product competency you shouldn’t skip
AI governance is now a product feature. Learn how to embed trust, transparency, and compliance into your build cycles.

Leader Spotlight: Designing for trust and managing user expectations, with Rachel Bentley
Rachel Bentley shares the importance of companies remaining transparent about reviews and where they’re sourced from to foster user trust.

A guide to UX documentation: Recording your design process
Documentation may not be your favorite part of the UX design process, but it’s crucial to the success of any design project.

Leader Spotlight: Scaling an ecommerce business within a broader organization, with Michal Ochnicki
Michal Ochnicki talks about the importance of ensuring that the ecommerce side of a business is complementary to the whole organization.

When is low-code the right choice? Here’s how to decide
Wondering if low-code is right for your next project? This guide breaks down use cases, trade-offs, and a decision framework for developers.

Comparing AI app builders — Firebase Studio vs. Lovable vs. Replit
Compare Firebase Studio, Lovable, and Replit for AI-powered app building. Find the best tool for your project needs.

Leader Spotlight: Building an effortlessly personal healthcare experience, with Christina Valls
Christina Valls shares how her teams have transformed digital experiences at Cedars-Sinai, including building a digital scheduling platform.

Why I don’t trust WCAG 2.2 and what I’m hoping from 3.0
You can follow WCAG 2.2 and still build inaccessible products. Here's what I want from WCAG 3.0.

Gemini CLI tutorial — Will it replace Windsurf and Cursor?
Discover how to use Gemini CLI, Google's new open-source AI agent that brings Gemini directly to your terminal.

React & TypeScript: 10 patterns for writing better code
This article explores several proven patterns for writing safer, cleaner, and more readable code in React and TypeScript.

Stress-testing AI products: A red-teaming playbook
Red-teaming reveals how AI fails at scale. Learn to embed adversarial testing into your sprints before your product becomes a headline.

Leader Spotlight: Building a human-focused AI product, with Cory Bishop
Cory Bishop talks about the role of human-centered design and empathy in Bubble’s no-code AI development product.

I designed by committee — and here’s what went wrong
Design thrives with feedback, but dies by consensus. Learn how to set boundaries, take control, and build UX with backbone.

5 product leaders on reducing friction in mobile-first experiences
Learn how to reduce mobile friction, boost UX, and drive engagement with practical, data-driven strategies for product managers.

Leader Spotlight: Emphasizing clear, thoughtful documentation, with Jim Naylor
Jim Naylor shares he views documentation as a company’s IP and how his teams should use it as a source of truth.

Designers write good copy — but not the kind users actually need
This isn’t about grammar or style. It’s about making sure the words do something — guide, calm, clarify, convert.

A PM’s guide to calculated risk-taking
Act fast or play it safe? Product managers face this daily. Here’s a smarter way to balance risk, speed, and responsibility.

Leader Spotlight: Improving predictability using agile, with Emmett Ryan
Emmett Ryan shares how introducing agile processes at C.H. Robinson improved accuracy of project estimations and overall qualitative feedback.

Checkbox UI design: Best practices and examples
The checkbox is one of the most common elements in UX design. Learn all about the feature, its states, and the types of selection it offers.

A guide to wrapper vs. container classes in CSS
A breakdown of the wrapper and container CSS classes, how they’re used in real-world code, and when it makes sense to use one over the other.

Leader Spotlight: Balance vs. compromise in product management, with Suvrat Joshi
Suvrat Joshi shares the importance of viewing trade-off decisions in product management more like a balance than a compromise.

How to build a web-based AI agent with Stagehand and Gemini
Learn how to build a browser-based AI agent with Stagehand and Gemini to automate tasks like navigation, extraction, and interaction using natural language.

I’ve designed with data — here’s what we’re getting wrong
Over-optimizing for data can kill creativity in UX. Learn how to bring intuition and empathy back into your design process.

Getting started with Claude 4 API: A developer’s walkthrough
This guide explores how to use Anthropic's Claude 4 models, including Opus 4 and Sonnet 4, to build AI-powered applications.

Designing drag and drop UIs: Best practices and patterns
Let's explore why and when to use drag and drop, discussing real-world examples, platform-specific considerations, and accessibility tips.

What scarcity taught me about designing for attention
Scarcity drives attention — if used right. Learn how to apply ethical, psychology-backed scarcity in your UX workflows and interfaces.
![AI dev tool power rankings & comparison [July 2025 edition]](https://blog.logrocket.com/wp-content/uploads/2025/07/ai_dev_tool_power_rankings_july_2025_web.png)
AI dev tool power rankings & comparison [July 2025 edition]
Which AI frontend dev tool reigns supreme in July 2025? Check out our power rankings and use our interactive comparison tool to find out.

Pivot or perish: Why product agility determines market survival
Great product managers spot change early. Discover how to pivot your product strategy before it's too late.

Leader Spotlight: Human empathy in the age of AI, with Thach Nguyen
Thach Nguyen, Senior Director of Product Management — STEPS at Stewart Title, emphasizes candid moments and human error in the age of AI.

How API client automation can save you hours in development
Learn how OpenAPI can automate API client generation to save time, reduce bugs, and streamline how your frontend app talks to backend APIs.

Where your focus is actually going (and how to get it back)
Guard your focus, not just your time. Learn tactics to protect attention, cut noise, and do deep work that actually moves the roadmap.

Leader Spotlight: Data-driven vs. human-centered decision making for product design, with Rumana Hafesjee
Rumana Hafesjee talks about the evolving role of the PM in today’s "great hesitation," explores reinventing yourself as a leader, and the benefits of fractional leadership.

10 best hero section examples and what makes them effective
Discover how to craft UX-friendly hero sections with examples, design tips, and strategies that drive engagement and conversion.

What is a website’s hero section? Best practices, tips, examples
Discover how to craft UX-friendly hero sections with examples, design tips, and strategies that drive engagement and conversion.

Adopting Apple’s Liquid Glass: Examples and best practices
It’s a good time to start thinking about best practices for adopting elements of Liquid Glass thoughtfully in your own designs.

I tried Figma Make — here’s what it gets right (and what’s still broken)
Figma Make promises AI-generated code from your designs. I gave it a spin — here’s what worked, what didn’t, and what UX designers should watch for.

SOLID series: Understanding the Interface Segregation Principle (ISP)
Learn how the Interface Segregation Principle (ISP) helps avoid bloated code, improve maintainability, and support scalable software design.

Leader Spotlight: Making informed partnership and acquisition decisions, with Trey Courtney
Trey Courtney talks about his process for evaluating partnerships or acquisitions and how he successfully implements these initiatives.

Leader Spotlight: Adopting and championing responsible AI, with Asma Syeda
Asma Syeda shares the importance of responsible AI and best practices for companies to ensure their AI technology remains ethical.

How HTML’s <selectedcontent> element improves dropdowns
is an experimental HTML element that gives developers control over how a selected option is displayed, using just HTML and CSS.

How to get faster data access in Node.js with Valkey
Learn how to implement an advanced caching layer in a Node.js app using Valkey, a high-performance, Redis-compatible in-memory datastore.

I’ve designed AI search — here’s what works
I share lessons from designing AI search interfaces that users actually rely on — no hype, just what works in practice.

How to properly handle rejected promises in TypeScript
Learn how to handle rejected promises in TypeScript using Angular, with tips for retry logic, typed results, and avoiding unhandled exceptions.

The most valuable hard skills for product managers in 2025
What hard skills do PMs need in 2025? Learn how AI tools can help you level up in SQL, Figma, A/B testing, and more.

Leader Spotlight: Quantifying the unquantifiable, with Paul Weston
Paul Weston talks about “quantifying the unquantifiable,” i.e., bringing in objective data for things that otherwise seem hard to measure.

I’ve overdesigned before — here’s what I’ve learned about doing less
Overdesign isn’t about bad design — it’s about overthinking. Learn how to simplify without compromising clarity or creativity.

Your AI has agency — here’s how to architect its frontend
Explore how to create UI frameworks that visualize and manage intelligent AI agents with agency and real-time feedback.

How to future-proof your PM career with emotional intelligence
As AI reshapes product roles, learn how emotional intelligence, curiosity, and balance will define the next-gen tech product leader."

Leader Spotlight: Honing a relationship-first mindset, with Lars Rieger
Lars Rieger, Head of Product at Digistore24 DACH, talks about the importance of relationships in product management.

Leader Spotlight: Embracing lifelong learning, with Jie Cheng
Jie Cheng talks about how she brought an ecommerce and digital mindset to various organizations, including Mondelēz and Conair.

UX burnout is real — here’s how to spot and prevent it
UX burnout isn’t a personal failure — it’s often systemic. This blog explores real causes and team-level solutions designers and leaders can act on.

How to design apps with Apple Intelligence in mind
Explore the core features of Apple Intelligence, and consider do's and don'ts for designing with Apple Intelligence in mind.

How to optimize your Next.js app with after()
Next.js' after() is a new API that lets you run logic after your route has finished rendering, without blocking the client.

A complete guide to AdTech for product managers
Monetizing with ads isn’t plug-and-play. Learn how AdTech really works so your product can generate sustainable, scalable revenue.

Leader Spotlight: Balancing creativity with scalable execution, with Adrienne Wang
Adrienne Wang talks about how she’s learned to think creatively about products while also prioritizing scalable solutions.

How to design nondestructive cancel buttons
Design cancel buttons that feel safe, not frustrating. Learn how to build clear, accessible flows that protect users and their data.

Design is being devalued — and we’re letting it happen
UX is being stripped of its strategic power thanks to templates, AI, and a race to the bottom. learn how designers can push back and lead with intent.

JavaScript loops explained, and best practices
JavaScript loops like for, for...of, and for...in are constructs that help run a piece of code multiple times.

Leader Spotlight: Leading product in a nonprofit organization, with Don Boulia
Don Boulia talks about his transition from working in product management at for-profit organizations to a nonprofit environment.

8 reasons your Next.js app is slow — and how to fix them
Next.js can be fast, but only if you use it right. I’m sharing what worked (and what didn’t) so you don’t have to figure it out the hard way.

Leader Spotlight: Balancing trust and speed in digital banking, with Jyoti Menon
Jyoti Memom shares how trust is not only a value proposition for Bread Financial, but a pillar of what drives the product and decisions.

How to use the Interest Invoker API for better, more accessible UX
Explore how to use Google’s new experimental Interest Invoker API for delays, popovers, and smarter hover UX.

How to build and deploy a web app with Bolt
Bolt.new revolutionizes how you build and deploy web apps with no-code development and seamless AI integration.

How agile became a checkbox exercise, and how to get unstuck
Agile isn’t broken — it’s just being misused. Learn how to reset your rituals, refocus on outcomes, and bring meaning back to your process.

Liquid Glass is here — how should designers respond?
Apple just dropped Liquid Glass. It’s polarizing, ambitious, and full of lessons for UX designers. Here’s how to respond with clarity and intent.

Frontend devs: Here’s how to get the most out of Cursor
Explore Cursor AI, one of the hottest tools in AI-assisted coding. Uncover the features you might be missing and practical workflows that actually work.

Lovable AI is blowing up UX workflows — here’s how
Lovable AI is transforming how UX designers work — from prototypes to MVPs — with functional, testable products built by prompt. Here’s what that means for your workflow.

A PM’s guide to handling product crises like a pro
Product crises happen—bugs, breaches, or PR disasters. Here’s how PMs can plan ahead, stay calm, and lead through the chaos.

Leader Spotlight, Evolving and adapting alongside ecommerce, with John Arquette
John Arquette shares his experience working in the early days of ecommerce and how it’s drastically transitioned over time.

When to use OpenAI vs. open source LLMs in production
OpenAI vs open source LLMs for frontend developers: integration guide, costs, performance comparison, implementation tips.

UX designers vs. developers: Who really owns accessibility (A11y) in UX design?
We’re done treating accessibility as an afterthought. This guide helps designers embed it into their workflow — start to finish.

Skipping product discovery: When it’s better to go ahead and ship
Discovery isn’t always worth it. Learn when to skip the research, trust your gut, and ship fast without slowing down your product team.

Leader Spotlight: Cascading down a product-led culture, with Mike Fantigrassi
Mike Fantigrassi shares his experience helping transition NASM to a product-led growth model and the challenges that came with it.

Leader Spotlight: Elevating healthcare through evolving technology, with Rob Helton
Rob Helton talks about the potential for technology to impact the bottom line across the healthcare industry.

7 common CSS navigation menu mistakes and how to fix them
Navigation menu errors are common, even for seasoned developers. Learn seven common navigation menu errors and how to solve them using CSS.
![Comparing the top React toast libraries [2025 update]](https://blog.logrocket.com/wp-content/uploads/2023/09/featured-image-react-toast-library.png)
Comparing the top React toast libraries [2025 update]
See how the top React toast libraries stack up in 2025, including React Hot Toast, Sonner, NotiStack, and React-Toastify.

If your research isn’t inclusive, neither is your design
Inclusive design starts long before the Figma file. Learn how inclusive UX research can help you build better, more accessible products from the ground up.

TanStack Start vs. Next.js: Choosing the right full-stack React framework
Explore a detailed comparison between TanStack Start and Next.js — two powerful full-stack React frameworks. Learn about architecture, routing, data fetching, performance, and use cases to choose the right tool for your next project.

Angular v20 might seem boring — Here are 6 reasons it’s not
Learn about the major upgrades in Angular v20, including the linkedSignal API, incremental hydration, and new Gen AI tools and documentation.

How to use AI tools for your customer discovery
Learn how to use AI for faster, smarter customer discovery—without losing the human insight that makes product work effective.

Leader Spotlight: Building a scalable, flexible LMS, with Matthew Pizzi
Matthew Pizzi shares how he helped strategize and build Contentstack’s Academy, a learning management and training and certification program.

A complete guide to UX design techniques
Streamline your UX process with proven techniques for research, ideation, prototyping, and testing — explained step by step.

Vibe-based UI building with Google Stitch — Is this the future of frontend?
Build a responsive, multi-page e-commerce site with Stitch, Google's new AI-powered UI design and development tool.

Get Vercel-level deployment without Vercel-level prices
Explore how to build and deploy a Next.js app to Cloudflare Workers to enjoy Vercel-like performance with more flexibility and lower costs.

I asked ChatGPT to help me design — here’s what worked
I’m not a prompt engineer. Just a designer who figured out a simple structure that gets way better AI output. Here it is.

Top 5 Next.js alternatives for React developers
Looking for a Next.js alternative and want to keep using React? Discover the best frameworks to consider and where they shine.