Um boilerplate para reutilizar em novos projetos.

Related tags

React clean-architeture-react
Overview

Arquitetura limpa com React

  • O Objetivo deste projeto é colocar em prática o estudo em TESTES unitário, realizando desacoplamento de funcionalidades, regras de negócio.

Também serve como um boilerplate para novos projetos.

Princípios

  • Single Responsibility Principle (SRP)

Design Patterns

  • Factory
  • Dependency Injection

Metodologias e Designs

  • TDD
  • Clean Architecture
  • DDD
  • GitFlow
  • Use Cases
  • Continuous Integration
  • Continuous Delivery
  • Continuous Deployment

Bibliotecas e Ferramentas

  • Typescript
  • React
  • Jest
  • Git
  • Webpack
  • NPM
  • Faker
  • Husky
  • Lint Staged
  • Eslint

Features do React

  • Functional Components
  • UseState
  • UseContext
  • UseEffect
  • UseHistory
  • UseRef
  • UseParams
  • Custom Hooks
  • Router

Features do Git

  • Add
  • Commit
  • Push
  • Pull

Features do Typescript

  • POO Avançado
  • Interface
  • Module
  • Utility Types
  • Modularização de Paths
  • Generics

Features de Testes

  • Testes e2e
  • Cobertura de Testes
  • Mocks
You might also like...

Podcastr é uma plataforma construída para transmissão de podcast.

Podcastr é uma plataforma construída para transmissão de podcast.

Podcastr 🎙️ 📝 Descrição Podcastr é uma plataforma construída para transmissão de podcast. Website: podcastr-evander.vercel.app 🚀 Tecnologias Esse p

Nov 10, 2022

React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)

React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)

React Starter Kit — "isomorphic" web app boilerplate React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Expr

Dec 30, 2022

React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in

React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in

A comprehensive starter kit for rapid application development using React. Why Slingshot? One command to get started - Type npm start to start develop

Dec 22, 2022

Boilerplate to build Cross-Platform Apps with Expo and React Native

Expo and React Native Boilerplate Boilerplate to build Cross-Platform Apps with Expo and React Native What are you going to find in this boilerplate E

Apr 29, 2022

A Minimal Setup & Fast Boilerplate for React.js with Vite.

A Minimal Setup & Fast Boilerplate for React.js with Vite.

A Minimal Setup & Fast Boilerplate for React.js with Vite Features 🚀 Dynamic Pages Routing with react-router-dom from React.js 🚀 Fast development wi

Oct 25, 2022

Boilerplate for Truffle, Web3.js, React, Redux Toolkit

Truffle, React, Redux Toolkit, Web3.js boilerplate What it's for Currently, it's a nightmare and takes forever trying to get React working with Truffl

Jun 9, 2022

boilerplate for react-firebase app

Goal of the project Everytime there is an idea about web app side project, significant amount time is spent on building boilerplate code. Especially g

Dec 8, 2022

React/Express/Webpack Boilerplate

React Boilerplate The following repo contains a very basic setup git clone https://github.com/asieke/React-Express-Boilerplate.git cd React-Express-Bo

Dec 30, 2022

Boilerplate for a NextJS and Supabase Project. Including full authentication with sign up, login and password recovery.

NextJS x Supabase Boilerplate Getting Started Environment variables Create the enviroment variables with the following command cp .env.local.dist .env

Jun 13, 2022
Owner
Joseph
Developer Javascript | Typescript | ReactJS | NodeJS
Joseph
GitHub
Site para treinar minhas habilidades com o react no frontEnd (totalmente voltado para o aprendizado)

Tutorial Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you ca

Júlia de Melo Albuquerque 3 Jan 31, 2022
Projeto criado na NLW eSport da RocketSeat. Voltado ao universo de games para conectar pessoas que precisam de um duo para jogar!

NLW eSports O que é o NLW? NLW é o maior evento online e gratuito de programação na prática com muito código, desafios, networking e um único objetivo

Ranielli Montagna 2 Sep 15, 2022
Chrome-extension-react-boilerplate - Simple Chrome extension React boilerplate.

Simple Chrome extension React boilerplate This is a simple chrome extension boilerplate made in React to use as a default structure for your future pr

Younes 6 May 25, 2022
Vtexio-react-apps - Apps react para plafaforma VTEX.

Projeto Modal + Apps Extras Projeto modal setando cookies. Desenvolvido em React + TypeScript para aplicação em e-commerce VTEXIO. ?? Este projeto se

Marcelo 1 Jan 3, 2022
Painel para pesquisa e exibição de dados de usuários do Github. Foram utilizados a biblioteca React e a API da plataforma.

React - GitHub User Search Sobre Esse projeto foi criado com a biblioteca React JS e com os dados provenientes da GitHub API. Trata-se de uma página p

Leonardo Teixeira 8 Apr 24, 2022
DashGo é uma aplicação em React para dashboard's em geral com paginas e paginação, login e sistema de inclusão de usuarios

Ignite - Trilha ReactJS Sobre o projeto O projeto foi baseado no 4º módulo da trilha ReactJS do Ignite. Além do que foi construído na aula, foi criado

Gabriel Fiusa 53 Nov 23, 2022
Juego del ahorcado en JS, reto del programa ONE para la vitrina Alura Latam

Juego del ahorcado - JavaScript Programa ONE Nahuel-DevOne Información del proyecto: Este es mi segundo proyecto para el programa ONE de Oracle + Alur

Nahuel 8 Oct 4, 2022
Aplicação para o envio de postagens.

LinkedIn Clone Aplicação para o envio de postagens. ☕ Usando LinkedIn Clone Para usar LinkedIn Clone, clique no link abaixo: ![Link] ?? Tecnologias As

Gabriel Moreira 8 Aug 5, 2022
DashGo é uma aplicação em React para dashboard's em geral com paginas e paginação, login e sistema de inclusão de usuarios

Ignite - Trilha ReactJS Sobre o projeto O projeto foi baseado no 4º módulo da trilha ReactJS do Ignite. Além do que foi construído na aula, foi criado

Gabriel Fiusa 53 Nov 23, 2022
Aplicativo mobile desenvolvido para o FF-Hackathon.

✔️ AllTo - FF Hacka | Shawee ✔️ FF Hacka | Project | Technologies | How to use | License ℹ️ What's FF Hacka? Hackatons são eventos que envolvem tecnol

Thiago Mata 2 Jun 17, 2022