mirror of https://github.com/snowball-tools/snowballtools-base.git synced 2024-12-22 12:37:42 +00:00

History

Vivian Phung 61e3e88a6c Refactor `Input` and `SearchBar` (#199 ) ### TL;DR This pull request refactors the `SearchBar` and `Input` components, adding a `ref` to the former and removing an incorrect understanding of `react-hook-form` (yes, i prev "fix" the component) in the latter. ### What changed? A ref is added to the SearchBar component for better control and handling. In the Input component, we have eliminated the usage of 'react-hook-form' and as a result, the 'register' prop is removed. This makes the component less reliant on specific libraries and more reusable. ### How to test? Ensure that proper testing is done on the updated components. Make sure that the `SearchBar` works as expected with its ref and that Input does not depend on 'react-hook-form' anymore. ### Why make this change? This change was made to improve the functionality of the `SearchBar` and the flexibility of the Input component, making them more effective and reusable respectively. The changes also align with the current code quality standards and best practices.		2024-05-22 15:06:50 -04:00
..
.storybook	storybook config domains and react dom context	2024-05-14 20:07:46 +00:00
public	format prettier	2024-05-09 16:18:52 -04:00
src	Refactor `Input` and `SearchBar` (#199 )	2024-05-22 15:06:50 -04:00
.env.example	env example fix	2024-05-09 14:04:28 -04:00
.eslintrc.cjs	storybook	2024-05-09 16:22:03 -04:00
.gitignore	storybook	2024-05-09 16:22:03 -04:00
.node-version	Switch from cra to vite	2024-04-11 21:48:58 -05:00
.prettierignore	Add `dist/` to `.prettierignore` (#195 )	2024-05-22 14:50:37 -04:00
.prettierrc.json	Create react app with tailwind, typescript, eslint and prettier (#4 )	2023-12-08 10:50:55 +05:30
chromatic.config.json	storybook	2024-05-09 16:22:03 -04:00
index.html	Lint using tsc; fix type errors	2024-04-11 21:49:14 -05:00
package.json	[1/n][Storybook] Settings (#72 )	2024-05-16 20:33:33 -04:00
postcss.config.js	Lint using tsc; fix type errors	2024-04-11 21:49:14 -05:00
README.md	Lint using tsc; fix type errors	2024-04-11 21:49:14 -05:00
reload-dev.sh	Fix dev script	2024-05-02 15:47:23 -05:00
tailwind.config.js	fix duplicate styling (#67 )	2024-05-16 20:16:31 -04:00
tsconfig.json	resolve aliases	2024-05-14 13:27:23 -04:00
tsconfig.node.json	Switch from cra to vite	2024-04-11 21:48:58 -05:00
vite.config.ts	[2/n][Storybook] Settings - EnvironmentVariables (#75 )	2024-05-16 20:42:29 -04:00

README.md

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:

@vitejs/plugin-react uses Babel for Fast Refresh
@vitejs/plugin-react-swc uses SWC for Fast Refresh

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:

export default {
  // other rules...
  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