<?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: Sam⚡🌍📌</title>
    <description>The latest articles on DEV Community by Sam⚡🌍📌 (@samthatcode).</description>
    <link>https://dev.to/samthatcode</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%2F588971%2Fc89e4260-0c12-4323-9650-91dc7fdbd3a8.jpg</url>
      <title>DEV Community: Sam⚡🌍📌</title>
      <link>https://dev.to/samthatcode</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/samthatcode"/>
    <language>en</language>
    <item>
      <title>Vue 3 Admin Template</title>
      <dc:creator>Sam⚡🌍📌</dc:creator>
      <pubDate>Mon, 13 May 2024 14:18:17 +0000</pubDate>
      <link>https://dev.to/samthatcode/vue-3-admin-template-n4o</link>
      <guid>https://dev.to/samthatcode/vue-3-admin-template-n4o</guid>
      <description>&lt;p&gt;Devs, Please I have a question and I hope you help me with an answer or any of your followers that sees this. I'm a react dev and I'm transitioning to Vue, Vue 3 actually, I have learned it and built couple of projects etc  it like expense tracker, todo app etc. Now I'm gonna be in a team to work on a project. So I was sent a template, admin template starter kits. I ran the template and it has documentation inside of it. I'm reading the guide in the docs but I'm curious about something. If tasks is given to me, probably to implement a feature or somewhat&lt;br&gt;
Is there gonna be a specific way to go about it? I have worked in a team before during my internship but we didn't work with a template. So I need explanations on how to navigate through it and what would be expected of me. If anyone has worked on a template before. &lt;br&gt;
Thanks Devs&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>programming</category>
      <category>vue</category>
    </item>
    <item>
      <title>Tic Tac Toe</title>
      <dc:creator>Sam⚡🌍📌</dc:creator>
      <pubDate>Mon, 22 Aug 2022 13:38:37 +0000</pubDate>
      <link>https://dev.to/samthatcode/tic-tac-toe-26ij</link>
      <guid>https://dev.to/samthatcode/tic-tac-toe-26ij</guid>
      <description>&lt;p&gt;`&lt;/p&gt;
&lt;p&gt;After these changes, we’re again able to click on the Squares to fill them, the same as we had before. However, now the state is stored in the Board component instead of the individual Square components. When the Board’s state changes, the Square components re-render automatically. Keeping the state of all squares in the Board component will allow it to determine the winner in the future.&lt;/p&gt;

&lt;p&gt;Since the Square components no longer maintain state, the Square components receive values from the Board component and inform the Board component when they’re clicked. In React terms, the Square components are now controlled components. The Board has full control over them.&lt;/p&gt;

&lt;p&gt;Note how in handleClick, we call .slice() to create a copy of the squares array to modify instead of modifying the existing array. We will explain why we create a copy of the squares array in the next section.&lt;/p&gt;

&lt;p&gt;{% codepen &lt;a href="https://codepen.io/samthatcode/pen/PoRVVYV"&gt;https://codepen.io/samthatcode/pen/PoRVVYV&lt;/a&gt; %}`&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>javascript</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
  </channel>
</rss>
