A simple project to use hexagonal architecture in a front-end project (React with redux). Data is retrieved from an API If you have any suggestions, advice, questions or remarks, do not hesitate!

• Retrieve a shopping list with its products

• Add a product to the list
• Modify a product in the list
• Remove a product from the list

1. Get the projet with git clone https://github.com/dimitridumont/hexagonal-architecture-react
2. Install dependancies with yarn install
3. Start the React application with yarn start

The hexagonal architecture, or architecture based on ports and adapters, is an architectural pattern used in the field of software design. It aims to create systems based on application components which are loosely coupled and which can be easily connected to their software environment by means of ports and adapters. These components are modular and interchangeable, which reinforces the consistency of processing and facilitates the automation of tests.

In english :

• Hexagonal architecture by Alistair Cockburn

In french :

• Slack de Wealcome
• La Clean Architecture : catalyseur de productivité
• Architecture Hexagonale : trois principes et un exemple d’implémentation
• Architecture Hexagonale : le guide pratique pour une clean architecture