Skip to content

giufus/belfiore-search-vite-fe

Repository files navigation

Belfiore Search React/Redux

Minimal frontend to use my belfiore-search API.

I created the project using the following commands:

npm create vite@latest <PROJECT NAME>
cd <PROJECT NAME>
npm install 
npm run dev

The goal of Redux is to provide scaleable and predictable state management, this is why I decided to use it here, even if the complexity of the project (3 components) doesn't require it.

Let's install redux and react-redux using "The toolkit" (and axios as http client, just in case I decide to use it later):
npm install @reduxjs/toolkit react-redux axios

That's all.

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

  • Configure the top-level parserOptions property like this:
   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },
  • Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
  • Optionally add plugin:@typescript-eslint/stylistic-type-checked
  • Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list

About

react redux FE for belfiore-search API

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published