/chuck-norris-jokes

Aplicação em react que consome dados da api https://api.chucknorris.io/

Primary LanguageJavaScript

This project was bootstrapped with Create React App.

#Chuck Norris Facts

  • Folder structure: Modular
  • File naming convention: kebab-case
  • Http requests: React-Async
  • Styles: Styled-Components
  • Framework: React
  • State Management: Context Api & Hooks
  • Code Style: Prettier
  • LazyLoading: with Suspense

100% powered by Hooks

O codigo usa majoritariamente a nova API de gerenciamento de estado do React. A exemplos de useReducer, useState, useContext, useEffect substituindo diferentes metodos de ciclos de vidas da antiga API. Para um exemplo de uso de context junto com useReducer (Meu substituto para o Redux em diversos projetos): favoritar um card na página de categoria e voltar para a página inicial.

Foco em uma estrutura escalável

Meu foco para essa entrega foi usar uma arquitetura modular testada com sucesso em produção e altamente escalável. Deixei o design e a responsividade em segundo plano por motivos de correria no job e fim de ano. Para uma visão de como são minhas aplicações feitas com maior atenção a estilo conferir meu Site Portfolio (desatualizado) feito com vanilla js.

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.