<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Vu Nguyen</title>
    <description>The latest articles on DEV Community by Vu Nguyen (@nphivu414).</description>
    <link>https://dev.to/nphivu414</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F203211%2Fdae28423-6d36-4b96-a383-9f48d2871ddf.jpeg</url>
      <title>DEV Community: Vu Nguyen</title>
      <link>https://dev.to/nphivu414</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/nphivu414"/>
    <language>en</language>
    <item>
      <title>Building a full-stack web app built with NestJS, GraphQL and ReactJS</title>
      <dc:creator>Vu Nguyen</dc:creator>
      <pubDate>Wed, 18 Aug 2021 13:20:52 +0000</pubDate>
      <link>https://dev.to/nphivu414/building-a-full-stack-web-app-built-with-nestjs-graphql-and-reactjs-55oe</link>
      <guid>https://dev.to/nphivu414/building-a-full-stack-web-app-built-with-nestjs-graphql-and-reactjs-55oe</guid>
      <description>&lt;p&gt;🎉Hi there, recently I've been working on a full-stack web app in a monorepo using Nx, NestJS, and ReactJS to find and discover video games based on RAWG API.&lt;/p&gt;

&lt;h2&gt;
  
  
  Screenshots
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vEOjAGN1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iu41s8xi7qljpg3q06k4.png" alt="Alt Text"&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZUGV4Ph8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uqldqy6jp7k0ui53uwag.png" alt="Alt Text"&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--lqJ6fosc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8u5bl50cdcw758jbos4d.png" alt="Alt Text"&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8vJ3M7ZB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pg842v7dth8zq95kqg5v.png" alt="Alt Text"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;🚀 Main tech stacks:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Backend: NestJS, GraphQL&lt;/li&gt;
&lt;li&gt;Frontend: ReactJS, Apollo Client, Tailwind&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I use Typescript for both backend and frontend apps because of its advantages like optional static typing, classes, and interfaces.&lt;br&gt;
Let me know your thoughts and I hope you can find it useful.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Github Repo: &lt;a href="https://github.com/nphivu414/game-store-monorepo-app"&gt;https://github.com/nphivu414/game-store-monorepo-app&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Live Demo: &lt;a href="https://mono-game-store.netlify.app/"&gt;https://mono-game-store.netlify.app/&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
    </item>
    <item>
      <title>Build a Section List with Tab Bar and Parallax Header</title>
      <dc:creator>Vu Nguyen</dc:creator>
      <pubDate>Mon, 07 Sep 2020 07:29:00 +0000</pubDate>
      <link>https://dev.to/nphivu414/build-a-section-list-with-tab-bar-and-parallax-header-26e5</link>
      <guid>https://dev.to/nphivu414/build-a-section-list-with-tab-bar-and-parallax-header-26e5</guid>
      <description>&lt;p&gt;Hi guys,&lt;/p&gt;

&lt;p&gt;I finally create a Github repo to show how we can create an RN Section List with Tab Bar and Parallax Header here: &lt;a href="https://github.com/nphivu414/react-native-section-list-tab-bar"&gt;https://github.com/nphivu414/react-native-section-list-tab-bar&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_4-XmGRj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/osb36lpyl71lsdmjsmmt.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_4-XmGRj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/osb36lpyl71lsdmjsmmt.gif" alt="RN Section List"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;At first, I try to use this lib: &lt;a href="https://github.com/bogoslavskiy/react-native-tabs-section-list"&gt;https://github.com/bogoslavskiy/react-native-tabs-section-list&lt;/a&gt;, unfortunately, it's not good enough for what I want to achieve and it also seems like nobody will ever work on it. So I decide to create my own thing based on it, hope it can help you guys who want to do the same thing.&lt;/p&gt;

&lt;p&gt;I also use it for my first React Native Template published on CodeCanyon, you can give it a try here:&lt;br&gt;
&lt;a href="https://codecanyon.net/item/food-star-react-native-food-delivery-template/28398069"&gt;https://codecanyon.net/item/food-star-react-native-food-delivery-template/28398069&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Hit me with any comments or feedback. It is highly appreciated.&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
      <category>typescript</category>
    </item>
  </channel>
</rss>
