https://github.com/abongsjoel/react-plus-typescript
A simple application built while extending my knowledge on Typescript with React. I build a simple pizza ordering process.
https://github.com/abongsjoel/react-plus-typescript
react reactjs typescript webpack
Last synced: 3 months ago
JSON representation
A simple application built while extending my knowledge on Typescript with React. I build a simple pizza ordering process.
- Host: GitHub
- URL: https://github.com/abongsjoel/react-plus-typescript
- Owner: abongsjoel
- License: mit
- Created: 2021-07-05T21:07:22.000Z (about 5 years ago)
- Default Branch: dev
- Last Pushed: 2022-10-19T08:05:52.000Z (over 3 years ago)
- Last Synced: 2025-06-28T00:03:41.810Z (about 1 year ago)
- Topics: react, reactjs, typescript, webpack
- Language: TypeScript
- Homepage:
- Size: 563 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Delicious Pizza (React Plus Typescript)
> A simple application built while extending my knowledge on Typescript with React. It implements a simple pizza ordering process.
The project starts by setting up webpack to work with Typescript and then adding react and react-dom to the mix.
Typescript is setup using either ts-loader or babel-loader.
Then, I setup css in webpack and then configure CSS Modules.
Next, I set up a webpack loader for SVG files and describe .svg imports to Typescript
Then, I proceeded in creating functional as well as class based components coupled with looking at handling events using react.
Next, i added React context and the useState hook and then went further to replace setState with useReducer
I proceeded by making use of localstorage to store some data and then call it in the useEffect hook.
Next, i created a Higher Order Component (HOC) for sharing the state, and then a Render Props component as well as a Custom Hook.
I also made use of the React Ref API to handle DOM events using the original DOM API.
## Built With
- Typescript
- React
- Redux
## Running the Application
To run this application locally, after clonning it, run
```
npm i
```
```
npm run start
```
## Author
👤 **Chi A. Joel**
- GitHub: [@abongsjoel](https://github.com/abongsjoel)
- Twitter: [@thierryjoel10](https://twitter.com/ThierryJoel10)
- LinkedIn: [Chi Abongwa Joel](https://www.linkedin.com/in/chi-abongwa-joel-b4285a97/)
## Acknowledgments
- [Dmytro Danylov](https://www.udemy.com/course/react-with-typescript/)
## Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/abongsjoel/react-plus-typescript/issues).
## Show your support
Give a ⭐️ if you like this project!
## License
This project is MIT licensed.