Dev's Guide: Frontend basic concepts

This section explains the basic knowledge required for understanding Judgels codebase on the frontend side.

• Tech stack
• Authentication
• Application layers

Tech stack

• Preact (using preact/compat for compatibility with React)
• Redux
• Yarn
• Palantir Blueprint
• Prettier

Authentication

• Access token of the currently logged-in user is stored in local storage using redux-persist.
• When hitting backend endpoints, the token is passed as an Authorization header in the HTTP request.

Application layers

• API modules: JavaScript representation of backend endpoints. Example: user.js
• Actions: Redux thunks that handle backend API calls. Example: userActions.js