An open API service indexing awesome lists of open source software.

https://github.com/tysker/the_wild_oasis


https://github.com/tysker/the_wild_oasis

date-fns eslint prettier react react-forms react-icons react-query react-router react-router-dom react-toast styled-components supabase typescript vite

Last synced: 21 days ago
JSON representation

Awesome Lists containing this project

README

          

## The Wild Oasis App

- (React Query)[https://tanstack.com/query/v4]
- (React Toaster)[https://react-hot-toast.com/]
- (React Hook Forms)[https://react-hook-form.com/]
- (Date-FNS)[https://date-fns.org/]
- (Styled Components)[https://styled-components.com/]
- (React Icons)[https://react-icons.github.io/react-icons/]

---

| Package | Description |
| --------------------------------------- | -------------------------------------------------------- |
| **React Core** | |
| `react` | Core library for building user interfaces |
| `react-dom` | React package for rendering to the DOM |
| `react-error-boundary` | Reusable error boundary component for React |
| **Routing** | |
| `react-router-dom` | Routing library for React applications |
| `@types/react-router-dom` | TypeScript types for react-router-dom |
| **State Management** | |
| `@tanstack/react-query` | Async state management and server state synchronization |
| `@tanstack/react-query-devtools` | Devtools UI for inspecting React Query state |
| **Styling** | |
| `styled-components` | CSS-in-JS library for component-scoped styles |
| **Database & Backend** | |
| `@supabase/supabase-js` | JavaScript client for Supabase (Postgres, auth, storage) |
| **Linter** | |
| `eslint` | Pluggable JavaScript and TypeScript linter |
| `eslint-config-prettier` | Disables ESLint rules that conflict with Prettier |
| `eslint-import-resolver-typescript` | Adds TypeScript support to eslint-plugin-import |
| `eslint-plugin-import` | Linting rules for ES module import/export syntax |
| `eslint-plugin-react` | React-specific linting rules for ESLint |
| `eslint-plugin-react-hooks` | Enforces the rules of React Hooks |
| `eslint-plugin-react-refresh` | Validates components are safe for React Fast Refresh |
| `@typescript-eslint/eslint-plugin` | TypeScript-specific linting rules for ESLint |
| `@typescript-eslint/parser` | Allows ESLint to parse TypeScript syntax |
| **Formater** | |
| `prettier` | Opinionated code formatter |
| `prettier-plugin-tailwindcss` | Sorts Tailwind classes automatically with Prettier |
| `@trivago/prettier-plugin-sort-imports` | Sorts import statements automatically with Prettier |
| **Build & Dev Tools** | |
| `vite` | Fast frontend build tool and dev server |
| `@vitejs/plugin-react` | Vite plugin adding React support with Fast Refresh |
| `rollup-plugin-visualizer` | Visualizes and analyzes your bundle size |
| `typescript` | Typed superset of JavaScript |
| **Types** | |
| `@types/react` | TypeScript types for React |
| `@types/react-dom` | TypeScript types for React DOM |
| **UI & Components** | |
| `react-icons` | Popular icon packs as React components |
| `react-hook-form` | Performant form library with easy validation |
| `react-hot-toast` | Lightweight toast notification library |
| `react-datepicker` | Simple and reusable datepicker component |
| **Utilities** | |
| `date-fns` | Modular utility functions for date manipulation |