From 349a717bacece24ce628b5e143f248008c704375 Mon Sep 17 00:00:00 2001 From: Bianka R Date: Tue, 27 May 2025 22:01:31 +0200 Subject: [PATCH 01/30] first comp --- package.json | 3 ++- src/App.jsx | 7 ++++++- src/components/Task.jsx | 24 ++++++++++++++++++++++++ src/stores/useTaskStore.jsx | 14 ++++++++++++++ 4 files changed, 46 insertions(+), 2 deletions(-) create mode 100644 src/components/Task.jsx create mode 100644 src/stores/useTaskStore.jsx diff --git a/package.json b/package.json index caf6289..1f583a3 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,8 @@ }, "dependencies": { "react": "^19.0.0", - "react-dom": "^19.0.0" + "react-dom": "^19.0.0", + "zustand": "^5.0.5" }, "devDependencies": { "@eslint/js": "^9.21.0", diff --git a/src/App.jsx b/src/App.jsx index 5427540..1ba618d 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,5 +1,10 @@ +import { Task } from "./components/Task" + export const App = () => { return ( -

React Boilerplate

+ <> +

Lets get To-Do ing...

+ + ) } diff --git a/src/components/Task.jsx b/src/components/Task.jsx new file mode 100644 index 0000000..74b4049 --- /dev/null +++ b/src/components/Task.jsx @@ -0,0 +1,24 @@ +import { useState } from "react" + +export const Task = () => { + const [task, setTask] = useState("") + + const handleSubmit = e => { + e.preventDefault() + setTask("") + } + + return ( + <> +
+