React Clean Architecture

Summary

• About the project
• Technologies
• Images
• Principles
• Design Patterns
• Methodologies and Designs
• Libraries and Tools
• React Features
• Typescript Features
• Tests Features

About the project

This repository contains a project with the best practices, principles and patterns using react.

Technologies

The technologies used on the project development are listed below.

• Javascript
• Typescript
• ReactJS

Images

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

React Features

• Functional Components
• UseState
• UseContext
• UseEffect
• UseHistory
• UseRef
• UseParams
• Custom Hooks
• UseRecoilState
• UseResetRecoilState
• UseRecoilValue
• UseRecoilSetState
• Atom
• Router
• Memo

Typescript Features

• POO Avançado
• Interface
• Type Alias
• Namespace
• Module
• Utility Types
• Modularização de Paths
• Build
• Deploy
• Generics

Tests Features

• Testes Unitários
• Testes de Integração
• Testes e2e
• Cobertura de Testes
• Test Doubles
• Mocks
• Stubs
• Spies
• Fakes
• Dummies

↑ Summary