{"id":23153782,"url":"https://github.com/gabriel4420/concepts-b7web","last_synced_at":"2026-04-28T20:02:15.317Z","repository":{"id":265161686,"uuid":"895318377","full_name":"Gabriel4420/concepts-b7web","owner":"Gabriel4420","description":"Este repositório foi criado para documentar e organizar os conceitos aprendidos no curso de React da B7Web, ministrado pelo professor Bonieky Lacerda.","archived":false,"fork":false,"pushed_at":"2025-05-13T12:40:42.000Z","size":24775,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-13T13:50:01.097Z","etag":null,"topics":["api","contexts","events","hooks","react","reducer","redux","states","use-ref-hook"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Gabriel4420.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-28T01:29:43.000Z","updated_at":"2025-05-13T12:40:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"2cc90492-112d-46b5-9c6e-b636de58c1fd","html_url":"https://github.com/Gabriel4420/concepts-b7web","commit_stats":null,"previous_names":["gabriel4420/concepts-b7web"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Gabriel4420/concepts-b7web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gabriel4420%2Fconcepts-b7web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gabriel4420%2Fconcepts-b7web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gabriel4420%2Fconcepts-b7web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gabriel4420%2Fconcepts-b7web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Gabriel4420","download_url":"https://codeload.github.com/Gabriel4420/concepts-b7web/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gabriel4420%2Fconcepts-b7web/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32396781,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T19:38:08.556Z","status":"ssl_error","status_checked_at":"2026-04-28T19:37:55.688Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","contexts","events","hooks","react","reducer","redux","states","use-ref-hook"],"created_at":"2024-12-17T20:09:57.247Z","updated_at":"2026-04-28T20:02:15.312Z","avatar_url":"https://github.com/Gabriel4420.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n## 📚  Conceitos de React e Next B7Web 📚\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Gif da Aplicação\" src=\"/public/images/HomeApp.png\" /\u003e\n\u003c/p\u003e\n\n---\n\n\u003cp align=\"center\"\u003e\n   \u003cimg alt=\"GitHub language count\" src=\"https://img.shields.io/github/languages/count/Gabriel4420/concepts-b7web\"\u003e\n\n  \u003cimg alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/Gabriel4420/concepts-b7web?logo=html\"\u003e\n\n  \u003cimg alt=\"GitHub repo size in bytes\" src=\"https://img.shields.io/github/repo-size/Gabriel4420/concepts-b7web?color=green\"\u003e\n\n  \u003cbr\u003e\n  \n  \u003ca href=\"https://www.codacy.com/manual/Gabriel4420/concepts-b7web?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=Gabriel4420/concepts-b7web\u0026amp;utm_campaign=Badge_Grade\"\u003e\n    \u003cimg src=\"https://app.codacy.com/project/badge/Grade/6dd6b46abeb14e99935a2b9ac5c6ede2\"/\u003e\n  \u003c/a\u003e\n  \n  \u003cimg alt=\"GitHub code size in bytes\" src=\"https://img.shields.io/github/last-commit/Gabriel4420/concepts-b7web\"\u003e\n\n\n  \u003ca href=\"https://www.linkedin.com/in/gabriel-rodrigues-perez-2069b072/\"\u003e\n    \u003cimg alt=\"Made by Gabriel\" src=\"https://img.shields.io/badge/made%20by-Gabriel-%2304D361\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\n\n\nEste repositório foi criado para documentar e organizar os conceitos aprendidos no curso de React da B7Web, ministrado pelo professor Bonieky Lacerda. O curso abrangeu uma série de tópicos fundamentais para o desenvolvimento com React, desde os primeiros passos até o uso avançado de hooks, contextos e integração com APIs.\n\n\n\n\n## Stack utilizada\n\n**Front-end:** Next, Typescript, Redux, TailwindCSS\n\n**Back-end:** Next, Node\n\n\n## Tópicos Abordados:\n\n- Primeiros passos no React: Estrutura básica de uma aplicação React, configuração do ambiente e introdução ao JSX.\n- Estados e Eventos: Manipulação de estados internos e gestão de eventos para interação com o usuário.\n- Effects: Uso do hook useEffect para efeitos colaterais e gerenciamento do ciclo de vida de componentes.\n- Reducers: Implementação de gerenciamento de estado global utilizando o hook useReducer.\n- Hooks e Contexts: Exploração dos hooks mais utilizados no React (como useState, useEffect, useReducer, etc.) e gerenciamento de estado global com Context API.\n- Uso de APIs com Fetch e Axios: Consumo de APIs externas para obter dados dinâmicos e integrá-los na aplicação.\n\nEste repositório serve como um guia de referência rápida, contendo exemplos práticos e explicações claras para cada um dos tópicos mencionados. A cada novo conceito, o código será documentado e explicado com o objetivo de facilitar a compreensão e aplicação em projetos reais.\n## Rodando localmente\n\nClone o projeto\n\n```bash\n  git clone https://github.com/Gabriel4420/concepts-b7web.git\n```\nInstale as dependências\n\n```bash\n  npm install\n```\nInicie o servidor\n\n```bash\n  npm run dev\n```\n\n\n## Feedback\n\nSe você tiver algum feedback, por favor nos deixe saber por meio de gabriel_rodrigues_perez@hotmail.com \n\n---\n\n\u003ch4 align=\"center\"\u003e\n  Feito com ❤️ por Gabriel Rodrigues 👋️ \u003ca href=\"mailto:gabriel_rodrigues_perez@hotmail.com\"\u003eEntre em contato!\u003c/a\u003e\n\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n\n  \u003ca href=\"https://www.linkedin.com/in/gabriel-rodrigues-perez-2069b072/\"\u003e\n    \u003cimg alt=\"Gabriel Rodrigues Perez\" src=\"https://img.shields.io/badge/LinkedIn-Gabriel_Rodrigues-0e76a8?style=flat\u0026logoColor=white\u0026logo=linkedin\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.facebook.com/gabriel.rodrigues.perez\"\u003e\n    \u003cimg alt=\"Gabriel Rodrigues Perez\" src=\"https://img.shields.io/badge/Facebook-Gabriel_Rodrigues-1778F2?style=flat\u0026logoColor=white\u0026logo=facebook\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.instagram.com/gabriel_rodrigues_perez/\"\u003e\n    \u003cimg alt=\"Gabriel Rodrigues Perez\" src=\"https://img.shields.io/badge/Instagram-@gabriel4420-833AB4?style=flat\u0026logoColor=white\u0026logo=instagram\"\u003e\n  \u003c/a\u003e\n  \n  \n\u003c/p\u003e\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabriel4420%2Fconcepts-b7web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgabriel4420%2Fconcepts-b7web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabriel4420%2Fconcepts-b7web/lists"}