/custom-hooks

Primary LanguageJavaScript

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) 🚀

Netlify Status

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)

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.