Home

Features list

This template is based on top of the TypeScript version of Create-React-App toolkit and contains all its features. In addition to Create-React-App, this template provides the following features:

Development

Project Structure

• A project structure matching our React Project Strucutre conventions
• ESLint and Prettier — using our custom ESLint configuration
• SCSS support with our conventional file structure
• Using Dart SASS with @use and @forward imports
• Absolute file imports

Helpers & Tools

• Axios and a ready-to-use requestManager helper
• Localization using i18next
• React Router

Testing

• Cypress confiugured for UI tests
• data-test-id made consistent across Cypress and Jest tests
• Test coverage reports — merging Cypress and Jest tests reports

GitHub

• GitHub templates for Issues and Pull Requests
• GitHub workflows for Preview, Deployment and Tests

GitLab

• GitLab templates for Merge Requests

Recommended React Libraries

Domain	✅ This was great	🚫 This was bad	👀 This has not been tried, but it seems interesting!
HTML Form Handling	React Hook Form — Used in Varuna
Store	Redux with the Redux Toolkit — Used in Varuna
UI Notifications	React Hot Toast — Used in Varuna
Calendar Component	React Calendar — Used in Varuna
Google Maps	Google Map React — Used in Varuna
Input Mask		React Input Mask — Failed to use in Varuna project and no support provided, we ended up using the vanilla one: Input Mask