This is my very basic project called React-Based Calculator, created as part of my journey to learn and strengthen my understanding of React and Vite for building modern UI interfaces.
-
React Fundamentals:
- The behavior of
useStatefor managing state in React components. - Understanding and utilizing Props:
- Passing data from parent to child components.
- Passing entire functions as props for better interactivity.
- The behavior of
-
JSX:
- Learned what a JSX file is and its importance in React for writing HTML-like syntax within JavaScript.
-
Styling Techniques:
- Using CSS Modules for scoped and modular CSS in React components.
- Learning Bootstrap to style and design responsive UI elements.
-
Tooling with Vite:
- Setting up and using Vite to create a fast and efficient development environment for React projects.
This calculator app is a simple React-based project demonstrating:
- Basic React component structure.
- Usage of
useStatefor state management. - Passing props and functions between components.
- Modular and responsive styling using CSS Modules and Bootstrap.