<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
    <channel>
        <title><![CDATA[Where is the mouse? | Tech blog]]></title>
        <description><![CDATA[Technical blog for web developers and ReactJS enthusiasts.]]></description>
        <link>https://whereisthemouse.com</link>
        <generator>RSS for Node</generator>
        <lastBuildDate>Tue, 29 Nov 2022 18:29:58 GMT</lastBuildDate>
        <atom:link href="https://whereisthemouse.com/feed.xml" rel="self" type="application/rss+xml"/>
        <pubDate>Tue, 29 Nov 2022 18:29:58 GMT</pubDate>
        <copyright><![CDATA[All rights reserved 2022, Iva Kop]]></copyright>
        <language><![CDATA[en]]></language>
        <item>
            <title><![CDATA[Accessibility (a11y) by default with React and Typescript]]></title>
            <description><![CDATA[A detailed guide on how to make React components accessible out of the box with Typescript.]]></description>
            <link>https://whereisthemouse.com/accessibility-by-default-with-react-and-typescript</link>
            <guid isPermaLink="true">https://whereisthemouse.com/accessibility-by-default-with-react-and-typescript</guid>
            <pubDate>Tue, 29 Nov 2022 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[React components - when do children re-render?]]></title>
            <description><![CDATA[Learn when child components in React re-render and how to structure a React apps with both performance and simplicity in mind.]]></description>
            <link>https://whereisthemouse.com/react-components-when-do-children-re-render</link>
            <guid isPermaLink="true">https://whereisthemouse.com/react-components-when-do-children-re-render</guid>
            <pubDate>Sun, 23 Oct 2022 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[Avoid impossible UI states with React, Typescript and xState]]></title>
            <description><![CDATA[Use React, Typescrit and xState to ensure UIs are always in a consistent and sensible state throughout your React application.]]></description>
            <link>https://whereisthemouse.com/avoid-impossible-ui-states-with-react-typescript-and-xstate</link>
            <guid isPermaLink="true">https://whereisthemouse.com/avoid-impossible-ui-states-with-react-typescript-and-xstate</guid>
            <pubDate>Sun, 02 Oct 2022 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[Top 3 advanced ReactJS interview questions]]></title>
            <description><![CDATA[Learn about 3 advanced ReactJS concepts that often come up during job interviews - component re-renders, memoization and React hooks.]]></description>
            <link>https://whereisthemouse.com/advanced-reactjs-interview-questions</link>
            <guid isPermaLink="true">https://whereisthemouse.com/advanced-reactjs-interview-questions</guid>
            <pubDate>Wed, 07 Sep 2022 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[Controlled vs uncontrolled React components - why not both?]]></title>
            <description><![CDATA[Learn how to build hybrid React components that support both controlled and uncontrolled mode.]]></description>
            <link>https://whereisthemouse.com/both-controlled-and-uncontrolled-react-components</link>
            <guid isPermaLink="true">https://whereisthemouse.com/both-controlled-and-uncontrolled-react-components</guid>
            <pubDate>Mon, 01 Aug 2022 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[How to use a Button component as a link in React]]></title>
            <description><![CDATA[To correctly use a Button component as a link in React, override the underlying button HTML tag of the component and turn it into an anchor tag.]]></description>
            <link>https://whereisthemouse.com/how-to-use-button-as-link-in-react</link>
            <guid isPermaLink="true">https://whereisthemouse.com/how-to-use-button-as-link-in-react</guid>
            <pubDate>Sun, 10 Jul 2022 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[How to use withRouter HOC in React Router v6 with Typescript]]></title>
            <description><![CDATA[Complete guide on how to re-create and use withRouter HOC in React Router v6 with Typescipt]]></description>
            <link>https://whereisthemouse.com/how-to-use-withrouter-hoc-in-react-router-v6-with-typescript</link>
            <guid isPermaLink="true">https://whereisthemouse.com/how-to-use-withrouter-hoc-in-react-router-v6-with-typescript</guid>
            <pubDate>Sat, 18 Jun 2022 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[Good practices for loading, error, and empty states in React]]></title>
            <description><![CDATA[Here, we cover the best practices to use in client-side rendered React apps when handling loading, error, and empty state]]></description>
            <link>https://whereisthemouse.com/good-practices-for-loading-error-and-empty-states-in-react</link>
            <guid isPermaLink="true">https://whereisthemouse.com/good-practices-for-loading-error-and-empty-states-in-react</guid>
            <pubDate>Wed, 09 Mar 2022 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[Create a List component with keyboard navigation in React]]></title>
            <description><![CDATA[Take advantage of useEffect, useReducer and useKeyPress custom hook to build a keyboard-friendly React component]]></description>
            <link>https://whereisthemouse.com/create-a-list-component-with-keyboard-navigation-in-react</link>
            <guid isPermaLink="true">https://whereisthemouse.com/create-a-list-component-with-keyboard-navigation-in-react</guid>
            <pubDate>Sun, 26 Sep 2021 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[How to choose the best state management solution in React]]></title>
            <description><![CDATA[Understand the difference between React state management tools, including React context, Redux, React Query, Recoil and xState]]></description>
            <link>https://whereisthemouse.com/how-to-think-about-react-state-management</link>
            <guid isPermaLink="true">https://whereisthemouse.com/how-to-think-about-react-state-management</guid>
            <pubDate>Sat, 03 Jul 2021 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[GraphQL requests made easy with React Query and TypeScript]]></title>
            <description><![CDATA[A complete guide to creating the perfect data-fetching setup in React with GraphQL, React Query and Typescript]]></description>
            <link>https://whereisthemouse.com/graphql-requests-made-easy-with-react-query-and-typescript</link>
            <guid isPermaLink="true">https://whereisthemouse.com/graphql-requests-made-easy-with-react-query-and-typescript</guid>
            <pubDate>Thu, 13 May 2021 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[Image optimization for static NextJS sites]]></title>
            <description><![CDATA[Learn how to do image optimization in statically exported NextJS sites]]></description>
            <link>https://whereisthemouse.com/image-optimization-for-static-nextjs-sites</link>
            <guid isPermaLink="true">https://whereisthemouse.com/image-optimization-for-static-nextjs-sites</guid>
            <pubDate>Sat, 13 Mar 2021 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[CSR, SSR or SSG - choosing the best rendering strategy for React apps]]></title>
            <description><![CDATA[How to choose between client-side rendering, server-side rendering and static site generation for React apps]]></description>
            <link>https://whereisthemouse.com/choosing-between-client-side-rendering-server-side-rendering-and-static-site-generation-for-react-apps</link>
            <guid isPermaLink="true">https://whereisthemouse.com/choosing-between-client-side-rendering-server-side-rendering-and-static-site-generation-for-react-apps</guid>
            <pubDate>Sun, 17 Jan 2021 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[How to loop over an array in JavaScript?]]></title>
            <description><![CDATA[Learn all about the different JavaScript array methods and to use each one.]]></description>
            <link>https://whereisthemouse.com/loop-over-arrays-in-javascript</link>
            <guid isPermaLink="true">https://whereisthemouse.com/loop-over-arrays-in-javascript</guid>
            <pubDate>Sun, 15 Nov 2020 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[5 ways to create a self-documenting React component]]></title>
            <description><![CDATA[Use Typescript, Storybook and Jest, together with a sensible naming covention and file structure in order to create self-documenting React components.]]></description>
            <link>https://whereisthemouse.com/5-ways-to-create-a-self-documenting-react-component</link>
            <guid isPermaLink="true">https://whereisthemouse.com/5-ways-to-create-a-self-documenting-react-component</guid>
            <pubDate>Mon, 19 Oct 2020 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[Break out of tutorial help (for developers)]]></title>
            <description><![CDATA[When learning how to code, it's easy to get stuck in tutorial hell. The easiest way to break out is to build a real project.]]></description>
            <link>https://whereisthemouse.com/breaking-out-of-tutorial-hell</link>
            <guid isPermaLink="true">https://whereisthemouse.com/breaking-out-of-tutorial-hell</guid>
            <pubDate>Tue, 13 Oct 2020 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[A guide to building flexible compound React components]]></title>
            <description><![CDATA[Learn how to build flexible compound React components with this comprehensive guide.]]></description>
            <link>https://whereisthemouse.com/a-guide-to-building-non-trivial-react-components</link>
            <guid isPermaLink="true">https://whereisthemouse.com/a-guide-to-building-non-trivial-react-components</guid>
            <pubDate>Mon, 05 Oct 2020 00:00:00 GMT</pubDate>
        </item>
        <item>
            <title><![CDATA[So, you want to become a web developer? Here are the lessons I learned along the way]]></title>
            <description><![CDATA[I went from knowing nothing about coding to becoming a full-time web developer in 8 months. No bootcamps, no university degree. Here’s my advice to you!]]></description>
            <link>https://whereisthemouse.com/so-you-want-to-become-a-web-developer</link>
            <guid isPermaLink="true">https://whereisthemouse.com/so-you-want-to-become-a-web-developer</guid>
            <pubDate>Sun, 27 Sep 2020 00:00:00 GMT</pubDate>
        </item>
    </channel>
</rss>