<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
    <channel>
        <title>DevDreaming By CodeBucks - React js blogs</title>
        <link>https://devdreaming.com/blogs/category/react-js</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. - React js blogs content</description>
        <lastBuildDate>Thu, 21 May 2026 18:32:28 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 - React js blogs</title>
            <url>https://devdreaming.com/images/logo.png</url>
            <link>https://devdreaming.com/blogs/category/react-js</link>
        </image>
        <copyright>All rights reserved 2026, CodeBucks</copyright>
        <item>
            <title><![CDATA[Build a Fabulous Todo List App with React, Redux and Framer-Motion]]></title>
            <link>https://devdreaming.com/blogs/build-react-redux-framer-motion-todo-app</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/build-react-redux-framer-motion-todo-app</guid>
            <pubDate>Wed, 21 Apr 2021 18:30:00 GMT</pubDate>
            <description><![CDATA[Learn how to build a fabulous todo list app using React, Redux, and Framer-Motion. This guide will walk you through implementing CRUD operations and adding awesome animations to your application.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/todo list app built using react redux and framer motion.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Creating Stunning Loading Screens in React: A Guide to Building 3 Types of Loading Screens]]></title>
            <link>https://devdreaming.com/blogs/create-3-different-types-of-loading-screens-in-react</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/create-3-different-types-of-loading-screens-in-react</guid>
            <pubDate>Fri, 08 Jan 2021 18:30:00 GMT</pubDate>
            <description><![CDATA[Learn how to create stunning loading screens in React with 3 different methods. Discover how to use React-Loading, React-Lottie & build a custom loading screen. Improve the user experience.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/create loading screen in react js.jpg" length="0" type="image/jpg"/>
        </item>
        <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[Higher-Order Components (HOC) in React: When to Use Them in 2026]]></title>
            <link>https://devdreaming.com/blogs/higher-order-component-hoc-react</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/higher-order-component-hoc-react</guid>
            <pubDate>Tue, 02 Feb 2021 18:30:00 GMT</pubDate>
            <description><![CDATA[A practical guide to Higher-Order Components (HOC) in React for 2026. Learn what HOCs are, when to reach for one vs a custom hook, common pitfalls to avoid, how to type them in TypeScript, and which popular libraries still ship them today.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/What is higher order component in React.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[Form Validation in ReactJS: Build a Reusable Custom Hook for Inputs and Error Handling]]></title>
            <link>https://devdreaming.com/blogs/react-form-validation-custom-hook</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/react-form-validation-custom-hook</guid>
            <pubDate>Thu, 21 Oct 2021 18:30:00 GMT</pubDate>
            <description><![CDATA[Learn how to implement form validation in ReactJS by building a reusable custom hook for inputs and error handling. Improve your web development skills with this easy to follow guide.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/form validation in reactjs using custom react hook.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Mastering React Hooks in 2025: A Step-by-Step Guide for Beginners]]></title>
            <link>https://devdreaming.com/blogs/react-hooks-fundamental-guide-for-beginners</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/react-hooks-fundamental-guide-for-beginners</guid>
            <pubDate>Tue, 04 Mar 2025 18:30:00 GMT</pubDate>
            <description><![CDATA[Learn React Hooks from scratch with practical examples. This step by step guide covers core hooks like useState, useEffect, custom React hook development, and advanced patterns for modern React applications.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/React Hooks.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Redux Simplified: A Beginner's Guide for Web Developers]]></title>
            <link>https://devdreaming.com/blogs/redux-simply-explained</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/redux-simply-explained</guid>
            <pubDate>Sun, 11 Apr 2021 18:30:00 GMT</pubDate>
            <description><![CDATA[Learn the basics of Redux, a popular state management library for web development, with this simple and easy-to-follow guide.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/What is Redux with easy explanation.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Simplify State Management with React.js Context API Tutorial]]></title>
            <link>https://devdreaming.com/blogs/simplify-state-management-with-reactjs-context-api</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/simplify-state-management-with-reactjs-context-api</guid>
            <pubDate>Tue, 30 Jul 2024 18:30:00 GMT</pubDate>
            <description><![CDATA[Learn how to manage React state efficiently using the Context API, avoiding prop drilling and enhancing code maintainability.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/context-api.jpg" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Silky Smooth Scrolling in ReactJS: A Step-by-Step Guide for React Developers]]></title>
            <link>https://devdreaming.com/blogs/smooth-scrolling-in-react-js</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/smooth-scrolling-in-react-js</guid>
            <pubDate>Mon, 13 Sep 2021 18:30:00 GMT</pubDate>
            <description><![CDATA[Learn how to implement smooth scrolling in React JS with react-smoothscroll library. Improve user experience and keep visitors engaged with seamless scrolling.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/smooth scrolling in reactjs.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[10 Essential NPM Packages Every React.js Developer Should Master in 2025]]></title>
            <link>https://devdreaming.com/blogs/top-10-npm-packages-for-react-developers</link>
            <guid isPermaLink="false">https://devdreaming.com/blogs/top-10-npm-packages-for-react-developers</guid>
            <pubDate>Tue, 20 May 2025 18:30:00 GMT</pubDate>
            <description><![CDATA[Every React.js developer should know these top 10 underrated npm packages to improve their projects performance, UI/UX, state management, and more.]]></description>
            <enclosure url="https://devdreaming.com/uploads/blogs/Top 10 NPM Packages every React developer should know.png" length="0" type="image/png"/>
        </item>
    </channel>
</rss>