Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rmanguinho/clean-react

Sistema em ReactJs usando Hooks, Typescript, TDD, Clean Architecture, Design Patterns e SOLID principles
https://github.com/rmanguinho/clean-react

clean-architecture clean-code design-pattern hooks javascript react reactjs recoil tdd typescript

Last synced: 3 days ago
JSON representation

Sistema em ReactJs usando Hooks, Typescript, TDD, Clean Architecture, Design Patterns e SOLID principles

Host: GitHub
URL: https://github.com/rmanguinho/clean-react
Owner: rmanguinho
License: gpl-3.0
Created: 2020-05-12T20:30:30.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2023-03-04T18:54:55.000Z (almost 2 years ago)
Last Synced: 2025-01-12T07:06:03.959Z (10 days ago)
Topics: clean-architecture, clean-code, design-pattern, hooks, javascript, react, reactjs, recoil, tdd, typescript
Language: TypeScript
Homepage: https://rmanguinho.github.io/
Size: 4.72 MB
Stars: 1,442
Watchers: 39
Forks: 305
Open Issues: 12
Metadata Files:
- Readme: readme.md
- License: license

Awesome Lists containing this project

README

        [![Build Status](https://travis-ci.org/rmanguinho/clean-react.svg?branch=master)](https://travis-ci.org/rmanguinho/clean-react)

[![Coverage Status](https://coveralls.io/repos/github/rmanguinho/clean-react/badge.svg?branch=master)](https://coveralls.io/github/rmanguinho/clean-react?branch=master)

[![Known Vulnerabilities](https://snyk.io/test/github/rmanguinho/clean-react/badge.svg)](https://snyk.io/test/github/rmanguinho/clean-react)

[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com)

[![GPLv3 License](https://img.shields.io/badge/License-GPL%20v3-yellow.svg)](https://opensource.org/licenses/)

[![Open Source](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)](https://opensource.org/)

# **4Dev React - Enquetes para Programadores**

[![alt text](./public/course-logo.png "Link para o treinamento")](https://www.udemy.com/course/react-com-mango/?referralCode=552F88858EAE76346C8B)

---

## [**Link para o curso completo**](https://www.udemy.com/course/react-com-mango/?referralCode=552F88858EAE76346C8B)

Essa sistema faz parte do treinamento do professor Rodrigo Manguinho (Mango) na Udemy.

O objetivo do treinamento é mostrar como criar um sistema em ReactJs utilizando os novos Hooks, Recoil, com uma arquitetura bem definida e desacoplada, utilizando TDD (programação orientada a testes) como metodologia de trabalho, Clean Architecture para fazer a distribuição de responsabilidades em camadas, sempre seguindo os princípios do SOLID, DRY, YAGNI, KISS e aplicando Design Patterns para resolver alguns problemas comuns.





## Contribua com esse Projeto <3






## [**Link para a documentação da API**](http://fordevs.herokuapp.com/api-docs)

> ## Princípios

* 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

> ## Metodologias e Designs

* TDD

* Clean Architecture

* DDD

* Reactive Programming

* Responsive Layout

* Conventional Commits

* GitFlow

* Modular Design

* Dependency Diagrams

* Use Cases

* Continuous Integration

* Continuous Delivery

* Continuous Deployment

> ## Bibliotecas e Ferramentas

* 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

> ## Features do React

* Functional Components

* UseState

* UseContext

* UseEffect

* UseHistory

* UseRef

* UseParams

* Custom Hooks

* UseRecoilState

* UseResetRecoilState

* UseRecoilValue

* UseRecoilSetState

* Atom

* Router

* Memo

> ## Features do Git

* Alias

* Log Personalizado

* Branch

* Reset

* Amend

* Tag

* Tag Anotada

* Stash

* Rebase

* Merge

* Add

* Commit

* Push

* Pull

* Shortlog

* Status

> ## Features do Typescript

* POO Avançado

* Interface

* Type Alias

* Namespace

* Module

* Utility Types

* Modularização de Paths

* Build

* Deploy

* Generics

> ## Features de Testes

* Testes Unitários

* Testes de Integração

* Testes e2e

* Cobertura de Testes

* Test Doubles

* Mocks

* Stubs

* Spies

* Fakes

* Dummies