<?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" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Thi Tran on Medium]]></title>
        <description><![CDATA[Stories by Thi Tran on Medium]]></description>
        <link>https://medium.com/@dinhthibc?source=rss-5a2a29a29698------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*Lz7rRaPO2LVa1u6eWv3-Vw.jpeg</url>
            <title>Stories by Thi Tran on Medium</title>
            <link>https://medium.com/@dinhthibc?source=rss-5a2a29a29698------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sun, 15 Nov 2026 03:35:15 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@dinhthibc/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[How to create Pagination component in React?]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/tinyso/how-to-create-pagination-component-in-react-be61a60811b9?source=rss-5a2a29a29698------2"><img src="https://cdn-images-1.medium.com/max/1200/1*XU1WGbcqv5ygIbEx3jZ0Bw.jpeg" width="1200"></a></p><p class="medium-feed-snippet">Pagination is a crucial feature in modern web applications that deal with large datasets or long lists of content. It allows users to&#x2026;</p><p class="medium-feed-link"><a href="https://medium.com/tinyso/how-to-create-pagination-component-in-react-be61a60811b9?source=rss-5a2a29a29698------2">Continue reading on TinySo »</a></p></div>]]></description>
            <link>https://medium.com/tinyso/how-to-create-pagination-component-in-react-be61a60811b9?source=rss-5a2a29a29698------2</link>
            <guid isPermaLink="false">https://medium.com/p/be61a60811b9</guid>
            <category><![CDATA[react]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[javascript]]></category>
            <category><![CDATA[css]]></category>
            <category><![CDATA[reactjs]]></category>
            <dc:creator><![CDATA[Thi Tran]]></dc:creator>
            <pubDate>Sun, 06 Aug 2023 05:44:05 GMT</pubDate>
            <atom:updated>2023-08-11T09:15:31.345Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[React Hero: Setup ESlint for TypeScript + React application]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/tinyso/react-hero-setup-eslint-for-typescript-react-application-d171df2bb408?source=rss-5a2a29a29698------2"><img src="https://cdn-images-1.medium.com/max/1200/1*zUbZ-0uifBFA3365FMfLUA.jpeg" width="1200"></a></p><p class="medium-feed-snippet">If you&#x2019;re working on a Typescript + React project, setting up ESLint + Prettier can help you catch errors early and enforce coding&#x2026;</p><p class="medium-feed-link"><a href="https://medium.com/tinyso/react-hero-setup-eslint-for-typescript-react-application-d171df2bb408?source=rss-5a2a29a29698------2">Continue reading on TinySo »</a></p></div>]]></description>
            <link>https://medium.com/tinyso/react-hero-setup-eslint-for-typescript-react-application-d171df2bb408?source=rss-5a2a29a29698------2</link>
            <guid isPermaLink="false">https://medium.com/p/d171df2bb408</guid>
            <category><![CDATA[javascript]]></category>
            <category><![CDATA[reactjs]]></category>
            <category><![CDATA[react]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[react-development]]></category>
            <dc:creator><![CDATA[Thi Tran]]></dc:creator>
            <pubDate>Sat, 04 Mar 2023 11:25:31 GMT</pubDate>
            <atom:updated>2023-03-04T11:34:27.611Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[React Hero: TypeScript + Jest + React Testing Library setup]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/tinyso/react-hero-typescript-jest-react-testing-library-setup-c2ecce18ec96?source=rss-5a2a29a29698------2"><img src="https://cdn-images-1.medium.com/max/1200/1*QwN0QyS_-tKw-Rlzb-JRXA.jpeg" width="1200"></a></p><p class="medium-feed-snippet">Welcome back to my React Hero series. Today, we&#x2019;re going to setup testing for our React TypeScript application using Jest and React&#x2026;</p><p class="medium-feed-link"><a href="https://medium.com/tinyso/react-hero-typescript-jest-react-testing-library-setup-c2ecce18ec96?source=rss-5a2a29a29698------2">Continue reading on TinySo »</a></p></div>]]></description>
            <link>https://medium.com/tinyso/react-hero-typescript-jest-react-testing-library-setup-c2ecce18ec96?source=rss-5a2a29a29698------2</link>
            <guid isPermaLink="false">https://medium.com/p/c2ecce18ec96</guid>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[react]]></category>
            <category><![CDATA[react-testing-library]]></category>
            <category><![CDATA[javascript-development]]></category>
            <category><![CDATA[testing]]></category>
            <dc:creator><![CDATA[Thi Tran]]></dc:creator>
            <pubDate>Sun, 16 Oct 2022 09:19:57 GMT</pubDate>
            <atom:updated>2023-03-04T11:30:01.979Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[React Hero: Setup React + TypeScript application with a system design — Material UI]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/tinyso/react-hero-setup-react-typescript-application-with-a-system-design-material-ui-7a1e796a1e4d?source=rss-5a2a29a29698------2"><img src="https://cdn-images-1.medium.com/max/1200/1*0_aUqItTzfvwdQctTtvWYw.jpeg" width="1200"></a></p><p class="medium-feed-snippet">Welcome back to my React Hero series. Today we will continue to add a system design&#x200A;&#x2014;&#x200A;Material UI to our React + TypeScript application&#x2026;</p><p class="medium-feed-link"><a href="https://medium.com/tinyso/react-hero-setup-react-typescript-application-with-a-system-design-material-ui-7a1e796a1e4d?source=rss-5a2a29a29698------2">Continue reading on TinySo »</a></p></div>]]></description>
            <link>https://medium.com/tinyso/react-hero-setup-react-typescript-application-with-a-system-design-material-ui-7a1e796a1e4d?source=rss-5a2a29a29698------2</link>
            <guid isPermaLink="false">https://medium.com/p/7a1e796a1e4d</guid>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[react]]></category>
            <category><![CDATA[reactjs]]></category>
            <category><![CDATA[programming]]></category>
            <category><![CDATA[javascript]]></category>
            <dc:creator><![CDATA[Thi Tran]]></dc:creator>
            <pubDate>Tue, 09 Aug 2022 13:37:08 GMT</pubDate>
            <atom:updated>2023-03-04T11:31:21.798Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[React Hero: Setup a new React application with Vite + TypeScript]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/tinyso/react-hero-setup-a-new-react-application-with-vite-typescript-c3cc4c8b616f?source=rss-5a2a29a29698------2"><img src="https://cdn-images-1.medium.com/max/1200/1*5DO44L-sPaLItAwTnXNRxA.jpeg" width="1200"></a></p><p class="medium-feed-snippet">Today I will start writing a new series called React Hero where I can share with you a step-by-step guide on how to be a master in React</p><p class="medium-feed-link"><a href="https://medium.com/tinyso/react-hero-setup-a-new-react-application-with-vite-typescript-c3cc4c8b616f?source=rss-5a2a29a29698------2">Continue reading on TinySo »</a></p></div>]]></description>
            <link>https://medium.com/tinyso/react-hero-setup-a-new-react-application-with-vite-typescript-c3cc4c8b616f?source=rss-5a2a29a29698------2</link>
            <guid isPermaLink="false">https://medium.com/p/c3cc4c8b616f</guid>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[developer-tools]]></category>
            <category><![CDATA[reactjs]]></category>
            <category><![CDATA[react]]></category>
            <category><![CDATA[javascript]]></category>
            <dc:creator><![CDATA[Thi Tran]]></dc:creator>
            <pubDate>Sun, 07 Aug 2022 13:23:10 GMT</pubDate>
            <atom:updated>2023-03-04T11:27:02.512Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[How to create a Dropdown select component in React?]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/tinyso/how-to-create-a-dropdown-select-component-in-react-bf85df53e206?source=rss-5a2a29a29698------2"><img src="https://cdn-images-1.medium.com/max/1200/1*rnXpjmmrgboN39ayrt6OEQ.jpeg" width="1200"></a></p><p class="medium-feed-snippet">Today I&#x2019;m going to show you how to step-by-step create your own dropdown select component in React from scratch.</p><p class="medium-feed-link"><a href="https://medium.com/tinyso/how-to-create-a-dropdown-select-component-in-react-bf85df53e206?source=rss-5a2a29a29698------2">Continue reading on TinySo »</a></p></div>]]></description>
            <link>https://medium.com/tinyso/how-to-create-a-dropdown-select-component-in-react-bf85df53e206?source=rss-5a2a29a29698------2</link>
            <guid isPermaLink="false">https://medium.com/p/bf85df53e206</guid>
            <category><![CDATA[javascript]]></category>
            <category><![CDATA[react]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[software-development]]></category>
            <category><![CDATA[reactjs]]></category>
            <dc:creator><![CDATA[Thi Tran]]></dc:creator>
            <pubDate>Thu, 14 Apr 2022 09:51:06 GMT</pubDate>
            <atom:updated>2022-10-20T13:33:36.785Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[How to configure & run Jest tests with a specific timezone?]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/tinyso/how-to-configure-run-jest-tests-with-a-specific-timezone-f4e793045b27?source=rss-5a2a29a29698------2"><img src="https://cdn-images-1.medium.com/max/1200/1*j9XUh2nDX6wFMlhKirnvYQ.jpeg" width="1200"></a></p><p class="medium-feed-snippet">I&#x2019;ve just got an issue when running Jest in another countries and found that all the React snapshot test cases related to date time were&#x2026;</p><p class="medium-feed-link"><a href="https://medium.com/tinyso/how-to-configure-run-jest-tests-with-a-specific-timezone-f4e793045b27?source=rss-5a2a29a29698------2">Continue reading on TinySo »</a></p></div>]]></description>
            <link>https://medium.com/tinyso/how-to-configure-run-jest-tests-with-a-specific-timezone-f4e793045b27?source=rss-5a2a29a29698------2</link>
            <guid isPermaLink="false">https://medium.com/p/f4e793045b27</guid>
            <category><![CDATA[jest]]></category>
            <category><![CDATA[testing]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[reactjs]]></category>
            <category><![CDATA[javascript-tips]]></category>
            <dc:creator><![CDATA[Thi Tran]]></dc:creator>
            <pubDate>Mon, 04 Oct 2021 10:39:03 GMT</pubDate>
            <atom:updated>2021-10-04T10:39:03.393Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[How to create an animated SVG circular progress component in React?]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/tinyso/how-to-create-an-animated-svg-circular-progress-component-in-react-5123c7d24391?source=rss-5a2a29a29698------2"><img src="https://cdn-images-1.medium.com/max/1904/1*gOzXarNxLGMFIQxPQJeTaQ.png" width="1904"></a></p><p class="medium-feed-snippet">A step by step guide to create an animated SVG circular progress component or the ring progress component in React</p><p class="medium-feed-link"><a href="https://medium.com/tinyso/how-to-create-an-animated-svg-circular-progress-component-in-react-5123c7d24391?source=rss-5a2a29a29698------2">Continue reading on TinySo »</a></p></div>]]></description>
            <link>https://medium.com/tinyso/how-to-create-an-animated-svg-circular-progress-component-in-react-5123c7d24391?source=rss-5a2a29a29698------2</link>
            <guid isPermaLink="false">https://medium.com/p/5123c7d24391</guid>
            <category><![CDATA[javascript]]></category>
            <category><![CDATA[reactjs]]></category>
            <category><![CDATA[front-end-development]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[react]]></category>
            <dc:creator><![CDATA[Thi Tran]]></dc:creator>
            <pubDate>Fri, 10 Sep 2021 11:15:03 GMT</pubDate>
            <atom:updated>2021-09-10T11:15:03.255Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[How to create Pie chart — Donut chart in React]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/tinyso/how-to-create-pie-donut-chart-in-react-using-d3-js-9ea695bcf819?source=rss-5a2a29a29698------2"><img src="https://cdn-images-1.medium.com/max/1200/1*24OF0T-LX9NrS4H7d-4cRQ.jpeg" width="1200"></a></p><p class="medium-feed-snippet">There are a lot of libraries, plugins out there for implementing pie chart, donut chart but they can&#x2019;t fully support for what designers&#x2026;</p><p class="medium-feed-link"><a href="https://medium.com/tinyso/how-to-create-pie-donut-chart-in-react-using-d3-js-9ea695bcf819?source=rss-5a2a29a29698------2">Continue reading on TinySo »</a></p></div>]]></description>
            <link>https://medium.com/tinyso/how-to-create-pie-donut-chart-in-react-using-d3-js-9ea695bcf819?source=rss-5a2a29a29698------2</link>
            <guid isPermaLink="false">https://medium.com/p/9ea695bcf819</guid>
            <category><![CDATA[react]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[javascript]]></category>
            <category><![CDATA[svg-animation]]></category>
            <category><![CDATA[javascript-tips]]></category>
            <dc:creator><![CDATA[Thi Tran]]></dc:creator>
            <pubDate>Sun, 18 Jul 2021 14:44:11 GMT</pubDate>
            <atom:updated>2021-07-19T05:50:00.624Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[How to create the responsive and swipeable Carousel — Slider component in React]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/tinyso/how-to-create-the-responsive-and-swipeable-carousel-slider-component-in-react-99f433364aa0?source=rss-5a2a29a29698------2"><img src="https://cdn-images-1.medium.com/max/2600/1*nsdapYI0cZGGEbYqs3TSSw.jpeg" width="4751"></a></p><p class="medium-feed-snippet">Welcome back to my React series. Today I will show you how to build the Carousel, Slider, or Image Gallery component from scratch.</p><p class="medium-feed-link"><a href="https://medium.com/tinyso/how-to-create-the-responsive-and-swipeable-carousel-slider-component-in-react-99f433364aa0?source=rss-5a2a29a29698------2">Continue reading on TinySo »</a></p></div>]]></description>
            <link>https://medium.com/tinyso/how-to-create-the-responsive-and-swipeable-carousel-slider-component-in-react-99f433364aa0?source=rss-5a2a29a29698------2</link>
            <guid isPermaLink="false">https://medium.com/p/99f433364aa0</guid>
            <category><![CDATA[javascript-tips]]></category>
            <category><![CDATA[programming]]></category>
            <category><![CDATA[javascript]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[react]]></category>
            <dc:creator><![CDATA[Thi Tran]]></dc:creator>
            <pubDate>Mon, 10 May 2021 13:59:47 GMT</pubDate>
            <atom:updated>2023-03-13T12:59:23.040Z</atom:updated>
        </item>
    </channel>
</rss>