Simple expense tracker app. Through this project I learned the foundations of React:
- components
- props + keys
- JSX expressions
- event listeners
- child-to-parent communication
- two-way binding
- outputting stateful lists
- dynamic charts
Simple to-do list app. Besides reviewing the previously mentioned concepts, I learned about different methods of dynamic styling:
- HTML inline styles
- CSS modules
- styled-components package
Same project as the second, except the instructor injected minor bugs. Therefore, I learned how to debug by:
- Dissecting the error message
- Tracing the functionality and testing application behavior
- Adding breakpoints through the browser console
- Installing a browser extension called React DevTools