<?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: David Alfaro</title>
    <description>The latest articles on DEV Community by David Alfaro (@nankio).</description>
    <link>https://dev.to/nankio</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2413340%2F11c308b7-5ec7-4743-b36d-acac1ba6d3d1.jpg</url>
      <title>DEV Community: David Alfaro</title>
      <link>https://dev.to/nankio</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/nankio"/>
    <language>en</language>
    <item>
      <title>Starting My React Journey: Building My First Project, Task Flow</title>
      <dc:creator>David Alfaro</dc:creator>
      <pubDate>Fri, 13 Nov 2026 10:06:39 +0000</pubDate>
      <link>https://dev.to/nankio/starting-my-react-journey-building-my-first-project-task-flow-4hop</link>
      <guid>https://dev.to/nankio/starting-my-react-journey-building-my-first-project-task-flow-4hop</guid>
      <description>&lt;p&gt;Hello everyone,&lt;/p&gt;

&lt;p&gt;I'm starting my journey into React.js, and I decided to document my progress here on DEV Community.&lt;/p&gt;

&lt;p&gt;My goal is simple: learn by building, stay consistent, and share what I learn along the way.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What I'm building&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I'm working on my first React project called Task Flow, a simple task management application.&lt;/p&gt;

&lt;p&gt;I chose this project because I want to practice the fundamentals of React while gradually building something useful.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What I've learned so far&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;So far, I've covered:&lt;/p&gt;

&lt;p&gt;React components&lt;/p&gt;

&lt;p&gt;JSX&lt;/p&gt;

&lt;p&gt;Importing and exporting components&lt;/p&gt;

&lt;p&gt;Props and passing data between components&lt;/p&gt;

&lt;p&gt;Destructuring props&lt;/p&gt;

&lt;p&gt;I also created a reusable TaskCard component that displays:&lt;/p&gt;

&lt;p&gt;Task title&lt;/p&gt;

&lt;p&gt;Description&lt;/p&gt;

&lt;p&gt;Priority&lt;/p&gt;

&lt;p&gt;Status&lt;/p&gt;

&lt;p&gt;Due date&lt;/p&gt;

&lt;p&gt;One thing I learned is that a single reusable component can display different information depending on the props passed to it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What I'm currently learning&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I'm now starting to learn React useState.&lt;/p&gt;

&lt;p&gt;Some React concepts can feel confusing when you're just starting, but I'm trying to understand each concept one step at a time instead of rushing through tutorials.&lt;/p&gt;

&lt;p&gt;What's next?&lt;/p&gt;

&lt;p&gt;My next goals are:&lt;/p&gt;

&lt;p&gt;Understand how useState works.&lt;/p&gt;

&lt;p&gt;Build a simple interactive counter.&lt;/p&gt;

&lt;p&gt;Learn how to handle button clicks and events.&lt;/p&gt;

&lt;p&gt;Make Task Flow more interactive.&lt;/p&gt;

&lt;p&gt;Eventually save tasks using localStorage.&lt;/p&gt;

&lt;p&gt;I'm still a beginner, and I know there's a lot more to learn.&lt;/p&gt;

&lt;p&gt;I don't expect to become a developer overnight. I just want to improve a little every day and have something to look back on when I see how far I've come.&lt;/p&gt;

&lt;p&gt;Consistency over perfection. One component at a time.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;I'd love to hear your advice&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;For those who have learned React or are currently learning it:&lt;/p&gt;

&lt;p&gt;If you could go back to your first few weeks of learning React, what is one thing you wish you had known earlier?&lt;/p&gt;

&lt;p&gt;I'd appreciate any advice, beginner-friendly resources, or project ideas that could help me improve.&lt;/p&gt;

&lt;h1&gt;
  
  
  react #javascript #webdev #beginners #buildinpublic
&lt;/h1&gt;

</description>
      <category>beginners</category>
      <category>buildinpublic</category>
      <category>learning</category>
      <category>react</category>
    </item>
  </channel>
</rss>
