GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → rmanguinho → Clean React

rmanguinho / Clean React

Licence: gpl-3.0
Sistema em ReactJs usando Hooks, Typescript, TDD, Clean Architecture, Design Patterns e SOLID principles

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

reactreactjshooksclean-architecturetddclean-codedesign-pattern

Projects that are alternatives of or similar to Clean React

Aspnet Core Clean Arch
It is a clean architecture project template which is based on hexagonal-architecture principles built with .Net core.
Stars: ✭ 60 (-85.29%)
Mutual labels:  clean-architecture, clean-code, tdd
Android Base
Android Clean Architecture MVP RESTful client template app
Stars: ✭ 87 (-78.68%)
Mutual labels:  clean-architecture, clean-code, tdd
Clean Ts Api
API em NodeJs usando Typescript, TDD, Clean Architecture, Design Patterns e SOLID principles
Stars: ✭ 619 (+51.72%)
Mutual labels:  clean-architecture, clean-code, tdd
Study Path
An organized learning path about Clean Code, Test-Driven Development, Legacy Code, Refactoring, Domain-Driven Design and Microservice Architecture
Stars: ✭ 1,357 (+232.6%)
Mutual labels:  clean-architecture, clean-code, tdd
Clean Architecture Manga
🌀 Clean Architecture with .NET6, C#10 and React+Redux. Use cases as central organizing structure, completely testable, decoupled from frameworks
Stars: ✭ 3,104 (+660.78%)
Mutual labels:  clean-architecture, clean-code, tdd
Reminders
An iOS application written in Swift to demonstrate how to implement a Clean Architecture in iOS
Stars: ✭ 293 (-28.19%)
Mutual labels:  clean-architecture, clean-code, tdd
Event Sourcing Castanha
An Event Sourcing service template with DDD, TDD and SOLID. It has High Cohesion and Loose Coupling, it's a good start for your next Microservice application.
Stars: ✭ 68 (-83.33%)
Mutual labels:  clean-architecture, clean-code, tdd
Todo
✅ Commad-Line Task management with storage on your GitHub 🔥
Stars: ✭ 111 (-72.79%)
Mutual labels:  clean-architecture, clean-code, tdd
Dotnet New Caju
Learn Clean Architecture with .NET Core 3.0 🔥
Stars: ✭ 228 (-44.12%)
Mutual labels:  clean-architecture, clean-code, tdd
birthtalk
Meet who have birth common with you
Stars: ✭ 36 (-91.18%)
Mutual labels:  tdd, clean-code, clean-architecture
Flutter clean architecture
Clean architecture flutter: A Flutter package that makes it easy and intuitive to implement Uncle Bob's Clean Architecture in Flutter. This package provides basic classes that are tuned to work with Flutter and are designed according to the Clean Architecture.
Stars: ✭ 360 (-11.76%)
Mutual labels:  clean-architecture, clean-code, design-pattern
Plan
The Plan.framework helps to keep your iOS application design clean.
Stars: ✭ 36 (-91.18%)
Mutual labels:  design-pattern, clean-architecture
clean-code-javascript
🛁 Clean Code-Konzepte adaptiert für JavaScript.
Stars: ✭ 37 (-90.93%)
Mutual labels:  clean-code, clean-architecture
phpstats
CLI Statistics and dependency graphs for PHP
Stars: ✭ 61 (-85.05%)
Mutual labels:  clean-code, clean-architecture
grenoble-hands-on-front-clean-architecture
Attempt to clean architecture in frontend application & comparison between angular / react / vuejs
Stars: ✭ 28 (-93.14%)
Mutual labels:  tdd, clean-architecture
CleanArchitectureMVVM
Example of Clean Architecture of Android app using MVVM, Koin, Coroutines, Retrofit, Room, Solid Principle, DRY, KISS, OOP
Stars: ✭ 60 (-85.29%)
Mutual labels:  clean-code, clean-architecture
clean architecture
Clean Architecture Simple App.
Stars: ✭ 16 (-96.08%)
Mutual labels:  clean-code, clean-architecture
sudoku
Multiplayer concurrent sudoku. The winner is the player who fills the last cell correctly.
Stars: ✭ 15 (-96.32%)
Mutual labels:  clean-code, clean-architecture
Kotlin Modular Tdd Coroutines Mvvm
A sample Kotlin app which was built with modular structure, Kotlin DSL, Kotlin Coroutines, TDD and MVVM patterns.
Stars: ✭ 256 (-37.25%)
Mutual labels:  clean-architecture, tdd
Cleanaspnetcorewebapi
Starter project for creating APIs built on ASP.NET Core using clean architecture.
Stars: ✭ 279 (-31.62%)
Mutual labels:  clean-architecture, clean-code
View All Similar Projects ➔

Build Status Coverage Status Known Vulnerabilities js-standard-style GPLv3 License Open Source

4Dev React - Enquetes para Programadores

alt text

Link para o curso completo

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.

Link para a documentação da API

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].