-
Notifications
You must be signed in to change notification settings - Fork 4
Dependencies
On this page you will find an overview and description of the dependencies used in the frontend. These libraries offer different functions that are essential for the development of a web application. The main functions and purposes of each library are explained below.
Tanstack Query is a powerful and flexible library for handling server-side state and asynchronous requests in JavaScript or TypeScript-based applications. By managing caching, synchronisation and status updates, Tanstack Query enables the seamless integration of data into your application while optimising performance through efficient loading and updating.
Facilitates the execution of HTTP requests, including fetching, caching and synchronisation of server-side data to ensure a smooth user experience.
Tanstack Router is a modern, powerful router for React applications. This router supports both static and dynamic routing and offers functions such as lazy loading, nested routing and automatic route matching based on the path and parameters in the URL.
Used for navigation and routing in order to display different views of the application depending on the URL.
Zustand is a minimalistic yet powerful state management library for React. It is characterised by a simple API and a flexible approach to storing and updating application state. Zustand uses React Hooks to easily share and manage global state across components.
Used to save, update and access the global application state to enable consistent and efficient state management.
Zod is a TypeScript-first library for schema declaration and validation. It helps eliminate redundant type definitions by allowing you to define a validator once, from which Zod automatically infers the corresponding TypeScript type.
Used for schema declaration and form validation
React Hook Form is a lightweight library for managing form state and validation in React. It optimizes performance by minimizing re-renders and provides easy integration with existing UI libraries.
Used for form handling by providing efficient state management and validation.
Leaflet is a leading open source JavaScript library for creating mobile, interactive maps. With a simple API and a wide range of functions, Leaflet enables the integration of detailed maps and location data into web applications. It supports features such as zoom, markers, popups and GeoJSON data. To use Leaflet in our system, we utilize React Leaflet, which provides seamless integration with React components.
Used to integrate an interactive map for visualizing location data. In this case, the map displays trees and tree clusters, allowing users to interact with the data.
This section lists additional dependencies that are used in the project but do not significantly impact the application's architecture. Their primary purpose is to simplify development tasks.
- @splidejs/react-splide for Slider
- date-fns for handling and displaying dates
- immer for working with immutable states
- lottie-react for using svg animations
- lucide-react for using general icons
- react-json-view for debugging purposes
- recharts for displaying data in graphs