I Built My First React App: A Beginner's Walkthrough of a Simple To-Do App.

Hey everyone!
I'm currently on a 6-month journey to become a job-ready cross-platform app developer. I'm learning in public and sharing everything I build.

Today, I want to share my first React app — a simple To-Do List — and walk you through what I learned as a complete beginner.

⚙️ What I Used
React (with Vite)
JSX for templating
useState for handling state
Basic HTML/CSS
Visual Studio Code
Git + GitHub for version control

📚 Key Concepts I Learned
JSX: How HTML works inside JS
Components: Reusable building blocks
State with useState(): To store & update task lists
Event Handling: Buttons, inputs, and how React responds to user actions
Rendering Lists: Using .map() to display tasks dynamically
Conditional Rendering: Show/hide things based on logic

Hers
💻 How the App Works

• User enters a task in the input field

• Clicks “Add” to add it to the list

• Can remove tasks by clicking “Delete”

🧠 What I Struggled With
Updating state immutably at first felt weird
Remembering when to use event.target.value
Keeping the code DRY (not repeating logic)
But figuring these things out is what made it fun!

Here's my GitHub link : https://github.com/AryanNeupane/React-Todo-app

💡 What’s Next?
Next up: diving into React Router, APIs, and then heading into React Native to start building mobile apps!

🙌 Final Thoughts
If you're also starting out with React, I hope this blog gives you a real idea of how it feels to build your first project. It's challenging but totally doable if you stick to it.

Let’s keep building and learning together!