REACTJS CLEAN ARCHITECTURE

This system is part of Professor Rodrigo Manguinho (Mango) training at Udemy.

The objective of the training is to show how to create a system in ReactJs using the new Hooks, Recoil, with a well-defined and decoupled architecture, using TDD (test-oriented programming) as a work methodology, Clean Architecture to distribute responsibilities in companies , always following the principles of SOLID, DRY, YAGNI, KISS and applying Design Patterns to solve some common problems.

Principles

• Single Responsibility Principle (SRP)
• Open Closed Principle (OCP)
• Liskov Substitution Principle (LSP)
• Interface Segregation Principle (ISP)
• Dependency Inversion Principle (DIP)
• Separation of Concerns (SOC)
• Don't Repeat Yourself (DRY)
• You Aren't Gonna Need It (YAGNI)
• Keep It Simple, Silly (KISS)
• Composition Over Inheritance
• Small Commits

Design Patterns

• Factory
• Adapter
• Composite
• Decorator
• Dependency Injection
• Composition Root
• Builder
• Proxy

Methodologies and Designs

• TDD
• Clean Architecture
• DDD
• Reactive Programming
• Responsive Layout
• Conventional Commits
• GitFlow
• Modular Design
• Dependency Diagrams
• Use Cases
• Continuous Integration
• Continuous Delivery
• Continuous Deployment

Libraries and Tools

• Typescript
• React
• Recoil
• React Testing Library
• React Router DOM
• Cypress
• Jest
• Axios
• Git
• Webpack
• SASS + Animations
• NPM
• Travis CI
• Faker
• Coveralls
• Husky
• Lint Staged
• Eslint
• Standard Javascript Style
• React Flip Move