From 34f81804b6b6ecc5e20e12291aebb1eb185d6604 Mon Sep 17 00:00:00 2001 From: samuelcaldas Date: Wed, 14 Feb 2024 03:39:39 -0300 Subject: [PATCH] Update README.md --- README.md | 40 +++++++++++----------------------------- 1 file changed, 11 insertions(+), 29 deletions(-) diff --git a/README.md b/README.md index c403366..2c1d097 100644 --- a/README.md +++ b/README.md @@ -1,36 +1,18 @@ -This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). +# React Hooks experiments -## Getting Started +This is a simple project to demonstrate my learning with React Hooks. -First, run the development server: +## What are the experiments in this project? -```bash -npm run dev -# or -yarn dev -# or -pnpm dev -# or -bun dev -``` +This project contains four experiments that show how to use some of the most common and useful React Hooks: -Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. +- useState: A hook that lets you add state to function components +- useEffect: A hook that lets you perform side effects in function components +- useContext: A hook that lets you access and update context data in function components +- useSWR: A hook that lets you fetch and cache data from an API -You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. +Each experiment has its own page with a description and a code example. You can navigate between the pages using the links in the header. -This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. +## License -## Learn More - -To learn more about Next.js, take a look at the following resources: - -- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. -- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. - -You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! - -## Deploy on Vercel - -The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. - -Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. +This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details. \ No newline at end of file