<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
    <channel>
        <title>DevDreaming By CodeBucks - User Experience blogs</title>
        <link>https://devdreaming.com/blogs/category/user-experience</link>
        <description>Learn web development with our tutorials on React JS, Next JS, JavaScript and JAM stack. Watch video tutorials, find the best development and AI tools on our website. - User Experience blogs content</description>
        <lastBuildDate>Thu, 21 May 2026 18:32:29 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <language>en-us</language>
        <image>
            <title>DevDreaming By CodeBucks - User Experience blogs</title>
            <url>https://devdreaming.com/images/logo.png</url>
            <link>https://devdreaming.com/blogs/category/user-experience</link>
        </image>
        <copyright>All rights reserved 2026, CodeBucks</copyright>
        <item>
            <title><![CDATA[Creating an Efficient React Modal Component with Hooks and Portals]]></title>
            <link>https://devdreaming.com/blogs/create-efficient-modal-react-portals</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/create-efficient-modal-react-portals</guid>
            <pubDate>Tue, 08 Jun 2021 18:30:00 GMT</pubDate>
            <description><![CDATA[Learn how to build an efficient modal component in React using Hooks and Portals. This guide will walk you through creating a modal with dynamic content, slick animations, and a responsive UI, enhancing the overall user experience.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/create modal component in react using react portals.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Build a Custom Pagination Component in ReactJS from Scratch]]></title>
            <link>https://devdreaming.com/blogs/create-pagination-component-reactjs</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/create-pagination-component-reactjs</guid>
            <pubDate>Mon, 04 Jan 2021 18:30:00 GMT</pubDate>
            <description><![CDATA[Learn how to build a custom pagination component in ReactJS from scratch. Follow this step-by-step guide to integrate Pagination component in your ReactJS project.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/pagination component in reactjs.jpg" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[How to Get User's Location in React.js]]></title>
            <link>https://devdreaming.com/blogs/how-to-get-user-location-in-react-js</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/how-to-get-user-location-in-react-js</guid>
            <pubDate>Wed, 10 May 2023 18:30:00 GMT</pubDate>
            <description><![CDATA[Learn how to get the user's location in React.js using the Geolocation API. This tutorial will show you how to request the user's permission, get their latitude and longitude, and display it on a map.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/How to get user’s Location in React.js.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Next.js SEO Made Simple: Your Quick Start Guide to Higher Search Rankings]]></title>
            <link>https://devdreaming.com/blogs/nextjs-seo-guide-for-higher-search-ranking</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/nextjs-seo-guide-for-higher-search-ranking</guid>
            <pubDate>Tue, 28 Jan 2025 18:30:00 GMT</pubDate>
            <description><![CDATA[Master Next.js SEO with metadata best practices, dynamic image generation & JSON-LD. Boost search rankings using Next.js 15 Metadata features.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/Nextjs SEO optimization.jpg" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Smooth Scrolling in Next.js with Lenis & GSAP (2026 Guide)]]></title>
            <link>https://devdreaming.com/blogs/nextjs-smooth-scrolling-with-lenis-gsap</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/nextjs-smooth-scrolling-with-lenis-gsap</guid>
            <pubDate>Tue, 05 Dec 2023 18:30:00 GMT</pubDate>
            <description><![CDATA[Add smooth scrolling and parallax effects in Next.js 15/16 App Router using Lenis 1.x and GSAP 3.12+. Updated April 2026 with current package names, lenis/react imports, and useGSAP hook.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/Nextjs smooth scrolling with parallax effect.jpg" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Web Performance Optimization: Proven Techniques for Faster Websites]]></title>
            <link>https://devdreaming.com/blogs/website-performance-optimization-for-loading-website-faster</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/website-performance-optimization-for-loading-website-faster</guid>
            <pubDate>Sun, 23 Feb 2025 18:30:00 GMT</pubDate>
            <description><![CDATA[Boost website speed with proven web performance optimization techniques. This article explores web performance optimization, covering techniques like minimizing HTTP requests, optimizing CSS/JavaScript, images, servers, HTML/fonts, caching, and monitoring.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/Next.js (1).png" length="0" type="image/png"/>
        </item>
    </channel>
</rss>