This Pizza Menu project is a ReactJS based application, developed as part of my journey to master and solidfy basic React concepts, such as components and props. It marks my first application in a series of development projects inspired by the Udemy course The Ultimate React Course.
Additionally, this project serves to solidify the foundational knowledge I acquired by completing the official React documentation's under Learn section.
This project combines theory with practice, aiming to build a solid foundation for more complex React applications in the future.
- ReactJS - v18.3;
- CSS Modules - Used for styling individual components;
- JavaScript (ES6) - Utilized modern JavaScript features such as array methods, template literals, and destructuring for cleaner and more efficient code.
All components are located under the App.jsx file. This decision was intentional, allowing everything to remain in one place for easier tracking of changes during the development process. It simplified the focus on core concepts such as:
- Implementing props to pass data between components.
- Structuring reusable components for modular design.
- Using conditional rendering to dynamically display content based on application state.
- Traversing arrays efficiently using map and other ES6 array methods.
- Leveraging ternary operators for concise conditional logic within JSX.
This structure prioritizes simplicity and focus while solidifying key React fundamentals.
git clone https://github.com/username/react-pizza-app.git
cd react-pizza-appnpm installnpm startnpm run build- Facebook React Team for great documentation: Learn React from Docs
- 🧑🏫 Jonas Schmedtmann
- 🎓 The Ultimate React Course 2024: React, Next.js, Redux & More