top of page
User List

User List

This project is a practice application built with React that allows users to add, edit, delete, and view a list of users. It includes client-side input validation where the form performs validation and displays appropriate error messages upon submission. The list displays proper content or error messages upon loading, adding, editing, or deleting data. The global state is managed using Redux Toolkit for practice purposes, even though it can be overkill for smaller projects like this one. The global state is updated based on the submission status to a database, depending on the execution of async thunks. The useState hook is used for smaller local states. The project utilizes Wix REST API for database connection, and HTTP requests are handled using the fetch API. Elements are rendered conditionally based on relevant state, and a 3rd party library is used for icons. React Transition Group is used to perform entrance and exit animations. Styles are distributed per component utilizing CSS3 and CSS Modules. Various hooks, such as useCallback, are included for performance optimizations.

Relevant links

User List

User List

This project is a practice application built with React that allows users to add, edit, delete, and view a list of users. It includes client-side input validation where the form performs validation and displays appropriate error messages upon submission. The list displays proper content or error messages upon loading, adding, editing, or deleting data. The global state is managed using Redux Toolkit for practice purposes, even though it can be overkill for smaller projects like this one. The global state is updated based on the submission status to a database, depending on the execution of async thunks. The useState hook is used for smaller local states. The project utilizes Wix REST API for database connection, and HTTP requests are handled using the fetch API. Elements are rendered conditionally based on relevant state, and a 3rd party library is used for icons. React Transition Group is used to perform entrance and exit animations. Styles are distributed per component utilizing CSS3 and CSS Modules. Various hooks, such as useCallback, are included for performance optimizations.

Relevant links

bottom of page