https://github.com/jamal-saadeddin/react-app
Learning Modern React TypeScript, through powerfull React Course with codewithmosh.com
https://github.com/jamal-saadeddin/react-app
react react-hook-form react-hooks state-management typescript zod-validation
Last synced: about 1 month ago
JSON representation
Learning Modern React TypeScript, through powerfull React Course with codewithmosh.com
- Host: GitHub
- URL: https://github.com/jamal-saadeddin/react-app
- Owner: Jamal-SaadEddin
- Created: 2023-04-29T12:06:39.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-11-19T09:11:03.000Z (over 2 years ago)
- Last Synced: 2025-01-20T18:35:33.400Z (over 1 year ago)
- Topics: react, react-hook-form, react-hooks, state-management, typescript, zod-validation
- Language: TypeScript
- Homepage: https://react-app-typescript.netlify.app/
- Size: 70.3 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React-App
Learning React, through powerfull React TypeScript Course with [Code with Mosh](https://codewithmosh.com)
A step-by-step guide to building web apps with React 18+ and TypeScript
## Project Link
[React-App-TypeScript](https://react-app-typescript.netlify.app/)
## Getting Started
1. **Clone the Repository:**
Clone this repository to your local machine using the following command:
```bash
git clone https://github.com/Jamal-SaadEddin/react-app.git
```
2. **Install Dependencies:**
Navigate to the project directory and run the following command to install the required dependencies:
```bash
npm install
```
3. **Start the Web Server:**
Launch the web server by running the following command:
```bash
npm run dev
```
This will start the development server, and you can access the application at [http://localhost:5173](http://localhost:5173).
## What I've Learned throughout this course
- Confidently build front-end apps with React and TypeScript
- Build reusable function components
- Style components using vanilla CSS, CSS modules, and CSS-in-JS
- Manage component state
- Build forms with React Hook Forms
- Implement form validation using Zod
- Connect React apps to the backend
- Deploy React apps
- Use VSCode shortcuts to increase my productivity
- Apply the latest techniques and best practices
- Troubleshoot errors with ease
- Write clean code like a pro
## Course Link
[React 18 for Beginners](https://codewithmosh.com/p/ultimate-react-part1)
## Acknowledgments
Special thanks to [Mosh Hamedani](https://github.com/mosh-hamedani) for an enriching learning experience.
Happy coding! 🚀