ZikaZaki / custom-hooks

Custom-Hooks

This Custom-Hooks web application is part of a React Advanced Tutorial. The main purpose of this tutorial is to discuss React Hooks in details and give students a comprehensive and practical on how to leverage them while building web application with React library.

Built With ⚙️

• Major languages: HTML, CSS, & JavaScript.
• Frameworks: React & React-Hooks.
• Linters: Lighthouse, Webhint, Stylelint & ESLint.
• Technologies used: Yarn, Webpack, & Jest Library.
• Tools: Git, Gitflow, GitHub, VS Code, & Chrome Browser.

Live Demo (Deployed On Netlify) 🚀

Live Demo Link

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

• Basic Knowledge of HTML, CSS, & JavaScript.
• Basic knowledge of React fundamentals.
• Basic knowledge of React-Hooks fundamentals.
• Basic knowledge of ES6 syntax.
• Basic knowledge of Git & GitHub.
• Basic knowledge of Linters.
• Basic knowledge of Webpack.
• Basic knowledge of Jest unit-testing library.
• Basic knowledge of VS Code or any other code-editors.

Setup

• Create a new projects directory and move into it.
• Open the Command Prompt (CMD) in the current directory (projects directory).
• Run the following command:

$ git clone https://github.com/ZikaZaki/custom-hooks.git

• Once finished you should see a new folder called custom-hooks in your current (projects) directory.
• Start customizing the project so it fits your personal preferences and needs.

Install Dependencies

Using npm package manager:

$ npm install

Using yarn package manager:

$ yarn add

Run tests

We used the Jest & React-testing libraries for testing the project.

$ npm run test

Authors

👤 Zakariya Al-Khamisi (ZikaZaki)

• GitHub: ZikaZaki
• LinkedIn: ZikaZaki
• Twitter: Zakariya Al-Khamisi

Show your support

Give a ⭐️ if you like this project!

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Acknowledgments

• Code Reviewers & Coding Partners
• Hat tip to anyone whose code was used
• Inspiration
• etc

📝 License

This project is MIT licensed.