An open API service indexing awesome lists of open source software.

https://github.com/rafa-kozand/ignite_react.js_challenge_08

React JS challenge done with 'Rocketseat' Ignite course. ("Desafio: Otimizando a aplicação")
https://github.com/rafa-kozand/ignite_react.js_challenge_08

ignite ignite-reactjs ignite-rocketseat javascript reactjs rocketseat scss typescript

Last synced: 7 months ago
JSON representation

React JS challenge done with 'Rocketseat' Ignite course. ("Desafio: Otimizando a aplicação")

Awesome Lists containing this project

README

          



GitHub language count
GitHub language count
GitHub repo file count
GitHub repo size
GitHub language count

# Ignite_React.js_Challenge_08

React JS challenge done with 'Rocketseat' Ignite course. ("Desafio: Otimizando a aplicação")

## 💻 Sobre o desafio

Nesse desafio você deverá performar uma aplicação React utilizando das ferramentas e dicas aprendidas durante o módulo **Performando apps com ReactJS**.

Se você fez o desafio opcional [Componentizando a aplicação](https://www.notion.so/Desafio-02-Componentizando-a-aplica-o-b9f0f025c95b437699d0c3115f55b0f1) deve lembrar que se trata de uma aplicação que exibe uma listagem de filmes por categoria com base na categoria selecionada e que esses dados vem de uma API (fake API com JSON Server).

Com essa aplicação componentizada, você deve aplicar os conceitos de performance no React para melhorar esse app.

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

##
![video](https://user-images.githubusercontent.com/70545003/234110879-c218249d-5b99-45ec-9bc5-69fe26f18879.gif)