Reactjs

To work with backend (which is created in node js, sqlite and prisma) you need to follow this post.

💻 Source code of frontend app

💻 Source code of this fullstack app

To create a react app you need to execute this command in terminal:

npm create vite@latest

It asks few things:

• Project name: frontend

Note: Choose a meaninful name. Since it is part of my fullstack app, one directory is backend, so another one is going to be named frontend.

TODO app is the most common way to understand basic crud (create, read, update and delete) feature of the language or framework or a ui library. But I prefer plain CRUD with form and table. In this way one can learn to use form along with validation also to display them in a table. It is a good way to learn CRUD for data driven appications like admin-panel for entries.

So….What is:

• React hook form: It is a popular light library to create and manage forms. It is very performative and comes with built-in validation support.

• **Zod **: It is a schema validation library that lets you define the shape of your data and validate it at runtime. It makes easier to do validation.

Create a react app with JS or TS whatever you prefer. After that install these packages in a react app: