Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today
Getting started with React can be incredibly difficult, but having a simple project to start with can help immensely. In this video we will be creating a simple calculator in React that handles input changes, user interaction, and complex calculations. This is the perfect project for anyone getting started in React since it focuses on some of the most important React concepts, such as re-renders, state management, and breaking down your code into components.
Materials/References:
Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today
GitHub Code: https://github.com/WebDevSimplified/react-calculator
CSS Grid Tutorial: https://youtu.be/9zBsdzdE4sM
Box Sizing Video: https://youtu.be/rIO5326FgPE
useReducer Video: https://youtu.be/kK_Wqx3RnHk
useReducer Article: https://blog.webdevsimplified.com/2020-06/use-reducer
JavaScript Calculator Video: https://youtu.be/j59qQ7YWLxw
Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 – Introduction
00:47 – HTML Setup
03:15 – CSS Styles
09:10 – Calculator Logic
#ReactJS #WDS #ReactCalculator