Read our Development workflow guide to get started
Runs the app in the development mode.
Open
http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors
in the console.
Launches the test runner in the interactive watch mode.
See the section
about
running tests
for more information.
Same as npm test but regenerates the Jest snapshots from the current code.
Only do this after manually verifying the page is rendering as intended.
Builds the app for production to the build folder.
It correctly bundles
React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is
ready to be deployed!
See the section about deployment for more information.
Lints the code and applies fixes, if autofixable.
Regenerates src/generated/graphql.ts from the server schema. Requires server
to be running.
- React View rendering
- Tailwind CSS Styling
- Apollo Client GraphQL API client & state management
- Formik Form state handling
- Yup Validation
- react-i18next Internationalization/localization
- Create React App Default configuration & scripts
- npm Package manager
- Webpack Build system
- TypeScript Strongly-typed JavaScript
- Prettier Code formatter
- ESLint Linter
- GraphQL Code Generator Generates TypeScript types based on the server's GraphQL API schema
- Cypress End-to-end test framework
- Jest Unit test framework
- React Testing Library React/browser interaction test helpers