Here's a list of the main technologies used:
- React: Frontend React App
- ThreeJS: Create and animate 3D graphics
- GSAP: High-Performance animation library
- Styled Components: Styling for components
- Redux: Application state container
- Redux-Saga: Middleware used by Redux store to communicate with different states asynchronously.
- Redux Sauce: Tool for creating and organizing reducers, actions, and types for Redux.
The main structural difference of the Ducks pattern is that it combines reducers, types, and actions into a single file, and with the help of Redux Sauce, we have a global state, actions, types, reducers, and initial state for each necessary page or structure. Thus, making files less extensive and easy to maintain.
We run Prettier and ESLint to maintain basic code quality standards, which are based on the airbnb standard. ESLint is also run in the pipeline to ensure that no low-quality code enters the repository. To facilitate the process of addressing ESLint configuration issues, download the VS Code extension Prettier ESLint and configure it to format the code on "Format on save".
We have only two installation steps for the application:
- Install yarn: We use yarn to manage JavaScript code dependencies. Read the documentation for installation instructions.
- Install dependencies: To install project dependencies, simply run the command:
yarn
- Start: To run locally, simply execute the command:
yarn start
- Lint: To test syntax according to lint settings, run the command:
yarn lint