Calculadora feita em React.JS utilizando Hooks como useReducer.

Overview

Calculadora

Descrição

  • Essa é uma calculadora feita em React utilizando Hooks como useReducer
  • A sua origem vem do vídeo "The Perfect Beginner React Project" do YouTuber "Web Dev Simplified"
  • O objetivo desse repositório é uma refatoração do código funcional e também a adição de testes unitários

Tecnologias

  • React.JS (17)
  • Vite (2.7)

GitHub Pages

  • Você pode ver a aplicação em funcionamento aqui.

Imagem

image

You might also like...

Resume maker made using React.

Resume maker made using React.

Rzume The ultimate tool for an exceptional resume. Create nothing but the best with us. Features 📃 Professional templates Pick one from our many attr

Oct 31, 2022

Carpatin is a React JS Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage the Material-UI power of stylizing the components in a way that feels more professional.

Carpatin is a React JS Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage the Material-UI power of stylizing the components in a way that feels more professional.

Carpatin Dashboard Free Carpatin is a React Js Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage

Dec 12, 2022

It's a react-redux app with firebase used as the database

This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template. Available Scripts In the project directory, you can r

Jun 25, 2022

Disney+ clone with React + Redux + Firebase auth and Firestore

Disney+ (Disney+ Clone) Test it out: Disney+ Disney+_720p.mov Description Beautiful Disney+ clone built with React.js and styled components. Managed R

Apr 18, 2022

Página da Web que tem uma calculadora simples utilizando CSS Grid, JavaScript e HTML

Calculadora-Oline Calculadora exibida online via HTML e CSS, com foco no CSS Grid. Utilizei quatro (sub)grids dentro de uma principal, a qual engloba

Nov 21, 2022

Clon de la tienda online de Mercadona que sirve como práctica de una aplicación web completa utilizando Angular

tienda-online-angular-alumnos Clon de la tienda online de Mercadona que sirve como práctica de una aplicación web completa utilizando Angular TiendaOn

Mar 22, 2022

Projeto de Final de Módulo da Resilia, curso de Web Dev Full Stack, utilizando como base Node.js e Javascript.

🚚 API Transportadora Projeto de encerramento do módulo 4 da Resilia Educação. O objetivo é desenvolver uma API Rest de uma transportadora. 📮 Pré-req

Mar 26, 2022

Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma locadora de filmes fictícia.

gamabuster Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma lo

May 18, 2022

API em NodeJS, utilizando banco de dados MongoDB (TypeORM), com cobertura de testes (coverages), utilizando o Jest

API em NodeJS, utilizando banco de dados MongoDB (TypeORM), com cobertura de testes (coverages), utilizando o Jest

Api Backend Tindin Sobre API em NodeJS, utilizando banco de dados MongoDB (TypeORM), com cobertura de testes (coverages), utilizando o Jest. 👉 app ur

Jan 20, 2022

Like useReducer, but runs in a worker.

useWorkerizedReducer useWorkerizedReducer is like useReducer, but the reducer runs in a worker. This makes it possible to place long-running computati

Dec 1, 2022

A trpc-ified useReducer hook. ⚡

trpc-reducer A trpc-ified react useReducer hook that lets you perform state logic in reducers just like React's useReducer hook When you dispatch an a

Aug 27, 2022

O NLW Esports foi desenvolvido durante a semana da NLW feita pela Rocketseat 🚀

O NLW Esports foi desenvolvido durante a semana da NLW feita pela Rocketseat 🚀

Plataforma para encontrar e conectar jogadores para fazerem aquele duozinho maneiro no seu jogo preferido ✅ Demostração 🎉 Sobre o projeto O projeto f

Nov 28, 2022

Api simples de OCR feita com Fastify e Tesseract.js

ocr-api API de OCR simples feita com Fastify e Tesseract.js Iniciando Depois de instalar as depedências, simplesmente inicia com npm run start. Nota:

Oct 8, 2022

Calculadora de IMC

 Calculadora de IMC

Calculadora de IMC Eae pessoal 😜 , apresento hoje uma calculadora de imc com interface simples onde usei as tecnologias : O que é uma Calculadora de

Dec 26, 2021

Calculadora que te mostra os cálculos do problema

Super Calculadora Uma Calculadora Inteligente que te mostra as operações de um cálculo! O site ainda está em fase de testes, algumas coisas poderam se

Apr 5, 2022

Uma calculadora de fórmulas Bhaskaras para equações de segundo grau.

Uma calculadora de fórmulas Bhaskaras para equações de segundo grau.

Calculadora Bhaskara Ajustes e melhorias O projeto ainda está em desenvolvimento e as próximas atualizações serão voltadas nas seguintes tarefas: Conc

May 22, 2022

O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos fornecida pela própria MKS Sistemas.

  O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos fornecida pela própria MKS Sistemas.

MKS front-end Descrição O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos f

Jul 21, 2022

📋 React Hooks for forms validation (Web + React Native)

📋 React Hooks for forms validation (Web + React Native)

English | 繁中 | 简中 | 日本語 | 한국어 | Français | Italiano | Português | Español | Русский | Deutsch | Türkçe Features Built with performance and DX in mind

Dec 29, 2022

This Login Form made using React hooks , React Js , Css, Json. This form have 3 inputs, it also validate those inputs & it also having length limitations.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Jan 3, 2022
Comments
  • fix bug when click

    fix bug when click " . " button

    Click " . " when currentOperand === null (ex: click it at the start) will make the app crash. So I give currentOperand a default value before doing any check.

    opened by TunA-Kai 0
Releases(v1.1.0)
Owner
Leonardo Falcoski
Student of Systems Analysis and Development at Centro Universitário CESUCA.
Leonardo Falcoski
React.js todo app with authorization, Testing: Cypress(e2e), UI (Chakra UI), Eslint, prettier, git hooks

React TypeScript template with Vite This is a React + TypeScript boilerplate built with Vite. What's inside? ReactJS Vite TypeScript Jest Testing Libr

Vladislav 2 Jan 28, 2022
:eyes: Vue in React, React in Vue. Seamless integration of the two. :dancers:

vuera NOTE: This project is looking for a maintainer! Use Vue components in your React app: import React from 'react' import MyVueComponent from './My

Aleksandr Komarov 4k Dec 30, 2022
Using Cypress with Vite, React, TypeScript, MSW and react-query

Vie + Cypress + MSW + react-query Demo Example of using Cypress with Vite, MSW and react-query. Uses the appReady pattern to signal to Cypress when th

Rob Caldecott 9 Jul 16, 2022
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the

Storybook 75.9k Jan 9, 2023
NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.

NativeScript empowers you to access native APIs from JavaScript directly. The framework currently provides iOS and Android runtimes for rich mobile de

NativeScript 22k Jan 4, 2023
JavaScript data grid with a spreadsheet look & feel. Works for React, Angular, and Vue. Supported by the Handsontable team ⚡

Handsontable is a JavaScript component that combines data grid features with spreadsheet-like UX. It provides data binding, data validation, filtering

Handsontable 17.4k Dec 31, 2022
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

null 8.7k Jan 4, 2023
Created from react styleguidist for Vue Components with a living style guide

Isolated Vue component development environment with a living style guide Start documenting now on codesandbox.io Sponsors A big thank you to our spons

Vue Styleguidist 2.3k Dec 28, 2022
Matteo Bruni 4.7k Jan 4, 2023
The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

AnimXYZ animxyz.com AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless

Ingram Projects 2.1k Jan 2, 2023