🎣 React Hooks

Understand the building blocks of React

Go on a deep dive into React Hooks, and find you what you need to know to start using them in your applications right away.

[![Build Status][build-badge]][build] [![GPL 3.0 License][license-badge]][license] [![Code of Conduct][coc-badge]][coc]

Prerequisites

Experience with

React fundamentals

Pre-workshop Resources

Here are some resources you can read before taking the workshop to get you up to speed on some of the tools and concepts we'll be covering:

Why React Hooks

(35 minutes)

System Requirements

[git][git] v2.18 or greater
[NodeJS][node] v20 or greater
[npm][npm] v8 or greater

All of these must be available in your PATH. To verify things are set up properly, you can run this:

git --version
node --version
npm --version

If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for [windows][win-path] or [mac/linux][mac-path].

Setup

Use the Epic Workshop CLI to get this setup:

nonumber
npx --yes epicshop@latest add react-hooks

If you experience errors here, please open [an issue][issue] with as many details as you can offer.

Starting the app

Once you have the setup finished, you can start the app with:

npm start

The Workshop App

Learn all about the workshop app on the Epic Web Getting Started Guide.

[npm]: https://www.npmjs.com/ [node]: https://nodejs.org [git]: https://git-scm.com/ [build-badge]: https://img.shields.io/github/actions/workflow/status/epicweb-dev/react-hooks/validate.yml?branch=main&logo=github&style=flat-square [build]: https://github.com/epicweb-dev/react-hooks/actions?query=workflow%3Avalidate [license-badge]: https://img.shields.io/badge/license-GPL%203.0%20License-blue.svg?style=flat-square [license]: https://github.com/epicweb-dev/react-hooks/blob/main/LICENSE.md [coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square [coc]: https://kentcdodds.com/conduct [win-path]: https://www.howtogeek.com/118594/how-to-edit-your-system-path-for-easy-command-line-access/ [mac-path]: http://stackoverflow.com/a/24322978/971592 [issue]: https://github.com/epicweb-dev/react-hooks/issues/new

🔗 More in this category