ArinzeGit / First-React-App

First React App

Context and Description

This is my very first web page in React. This project introduced me to the basic concepts in React. I used this project to practice the following:

• Reusable components
• JSX (JavaScript XML) syntax
• Props
• State
• Event handling in JSX
• Conditional rendering using ternary operator or logical && operator
• Lists and keys
• Hooks in functional components

How to run

• Ensure you have a modern web browser installed
• Open the index.html file in the production build located in the 'gh-pages' branch
• The project should now be visible in your browser

• Or you can visit the live site URL here

Technologies used

• HTML
• CSS
• JSX (JavaScript XML) - Syntax extension for JavaScript
• Bootstrap - CSS Framework
• TypeScript - Programming language that extends JavaScript
• React - JavaScript library
• Node.js - JavaScript runtime environment
• Vite - React build tool with local development server

Challenges faced during development

• Being my first project in React, syntax was a bit overwhelming so I installed extensions into my Code editor:
  • ES7+ React/Redux/React-Native snippets to help me write code more efficiently by providing shortcuts for commonly used code patterns
  • Prettier - Code formatter to maintain a consistent code style across my entire codebase