4Dev React - Surveys for Developers

This project is the result of a training by Rodrigo Manguinho available at Udemy. The training is focused in learn how to develop a web application with ReactJS using hooks, recoil, TDD and Clean Code.

Installation

1. Clone the project to a local folder
2. Make sure to have installed NodeJS version 16 or higher and yarn version 1.22 or higher.
3. Install dependencies by execute: yarn
4. Install yarn-check globally: yarn global add yarn-check
5. If you don't have an account on coveralls.io, create one using your GitHub account and add your repository.
6. Use file .coveralls.yml_example as a template to create your own .coveralls.yml file with the token provided for your repository.
7. Run yarn start to launch application on your default browser.

Link for API documentation

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
• ReactJS
• Recoil
• React Testing Library
• React Router DOM
• Cypress
• Jest
• Axios
• Git
• Webpack
• SASS + Animations
• Yarn
• GitHub Actions
• Faker
• Coveralls
• Husky
• Lint Staged
• Eslint
• Standard Javascript Style
• React Flip Move

ReactJS Features

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

Typescript Features

• Advanced OOP
• Interface
• Type Alias
• Namespace
• Module
• Utility Types
• Paths modules
• Build
• Deploy
• Generics

Tests Features

• Unit Tests
• Integration Tests
• E2E Tests
• Tests Coverage
• Test Doubles
• Mocks
• Stubs
• Spies
• Fakes
• Dummies