Development

This page covers some development related topic

Unit testing

When working on the project using Visual Studio Code, it is really worth it to install the Jest extension. The unit tests are run in the background and error messages show up while writing the tests.

Running Tests | Create React App

Snapshot Testing · Jest

Introduction · Enzyme

Resources

How to properly unit test a React component?Stack Overflow

React Application Unit TestingStack Overflow

Node.js is required to run the application unit tests.

Private routes

Some of the routes should be public, others should be protected (available to authenticated users only).

Solution using react-router-dom (the same dude has written an article).

The was created using creact-react-app and is using the typescript template following this tutorial.

The app is hosted on Netlify.

Dependencies

I start using enzyme so that I can find elements easily in the unit tests.

React router

Note: lors du déploiement d’une SPA sur Netlify il faut activer le routage du coté client comme suit : https://create-react-app.dev/docs/deployment/#netlify

• https://www.npmjs.com/package/react-circular-progressbar is used to render a custom progress bar in the home page.