Second challenge of the Rocketseat Ignite Training - React.js

Overview

Rocketseat Ignite Bootcamp


Challenge 02 - React Components


The challenge was to break the application contained in App.tsx into small components
  • Cut code from the App component to paste it into another component and make the proper tweakings
  • Connect the given interfaces to the new components to eradicate the errors
  • Analyze which parts of code and data needed to be passed to the other components and make it work

This is what it looks like:

Instalação

Depois de fazer o download você deverá instalar as dependências utilizando gerenciadores de pacotes.

usando NPM:

npm install

usando Yarn

yarn

Setup

There are two commands to be run in the terminal:

Start the backend server in order to display the content fetched from the API

yarn server

or

npm run server

Start the React Application in the frontend


yarn dev

or

npm run dev

License

© Projeto feito pela Rocketseat e o desafio feito por Ramon Pereira 🤝

You might also like...
Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corretamente
Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corretamente

upfi Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corr

▶️⚛️ Plataforma de evento desenvolvida com React JS no Ignite Lab.
▶️⚛️ Plataforma de evento desenvolvida com React JS no Ignite Lab.

▶️⚛️ Plataforma de evento desenvolvida com React JS no Ignite Lab.

Resolução dos desafios do Ignite React (2022) que gravei em meu canal do Youtube.
Resolução dos desafios do Ignite React (2022) que gravei em meu canal do Youtube.

Desafios Ignite React 2022 Repositório destinado a armazenar todas as resoluções dos desafios que desenvolvi juntamente com o link para o vídeo no meu

⚛ Primeiro desafio do Bootcamp Ignite na trilha de ReactJS
⚛ Primeiro desafio do Bootcamp Ignite na trilha de ReactJS

⚛ Desafio: Conceitos do React 🚀 Bootcamp Ignite Tecnologias | Projeto | Como rodar | Licença 🚀 Tecnologias Esse projeto foi desenvolvido com as segu

Aplicação desenvolvida com Next-js, Strepi, FaunaDB, Next-Auth e Prismic no curso de React-Js da RocketSeat

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Calculator app challenge built with react.js
Calculator app challenge built with react.js

Frontend Mentor - Calculator app solution This is a solution to the Calculator app challenge on Frontend Mentor. Frontend Mentor challenges help you i

A React Application challenge With CRUD (Create, Read, Update, Delete)
A React Application challenge With CRUD (Create, Read, Update, Delete)

Desafio 03 - Corrigindo o código 💻 Sobre o desafio Nesse desafio, temos uma aplicação Node.js que está em processo de desenvolvimento mas que já poss

Plataforma-marvel - A Marvel Platform challenge Using React
Plataforma-marvel - A Marvel Platform challenge Using React

Plataforma Marvel 💻 Sobre o projeto Esse é o front de uma hipotética plataforma

Codelandia-Challenge-2-JordanShoes - Desafio da comunidade da Codelândia, realizada com React e Typescript.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Owner
Ramon Pereira
Front-End Developer 👨‍💻
Ramon Pereira
A React Finance Application, made during the Ignite React Course, from Rocketseat

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Rodrigo Nahid 2 Mar 1, 2022
Projeto #02 - Ignite ReactJS (Rocketseat)

O projeto foi baseado no 4º módulo da trilha ReactJS do Ignite. Além do que foi construído na aula, foi criado um banco de dados com o Prisma, um CRUD de usuários e um sistema de autenticação baseado na aula de autenticação e autorização.

Matheus Landuci 12 Nov 20, 2022
Criação de um hook de carrinho de compras, conforme desafio proposto no segundo capítulo do programa Ignite, ministrado pelo professor Diego Fernandes, na trilha de ReactJS, da Rocketseat

Desafio 1 - Capitulo 2 - Ignite Criação de um hook de carrinho de compras, conforme desafio proposto no segundo capítulo do programa Ignite, ministrad

Lucbm99 1 Apr 21, 2022
O dt-money é um aplicativo simples para controle financeiro, desenvolvido durante o Ignite da Rocketseat.

dt-finance Sobre o projeto O dt-money é um aplicativo simples para controle financeiro, desenvolvido durante o Ignite da Rocketseat. Formulario: Trans

Bruno Mateus 2 May 12, 2022
Application of a finance manager developed in Rocketseat's Ignite ReactJS course using ReactJS and TypeScript

dtmoney Application of a finance manager developed in Rocketseat's Ignite ReactJ

Igor Michael 4 Jul 4, 2022
Second React practical project

Second React practical project This is the second React practical project. In summary. it's a simple TODO application. First practical project is a sh

AmirHossein Mohammadi 6 Jul 25, 2022
Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories. Technologies used: HTML5, CSS3 and React.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Rui Neto 11 Apr 13, 2022
React Typescript project with react-testing-library, own training, inspired and designed by ArchakovBlog

React Typescript project with react-testing-library, own training, inspired and designed by ArchakovBlog

tyroslavMoloshnyi 1 Jan 8, 2022
Small training project in React, NodeJs, Express and MangoDB made in few days to learn React

??‍?? ​ Small training project in React, NodeJs, Express and MangoDB made in few days to learn React ??‍?? ​

Amine Zouitine 5 Aug 18, 2022
为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件 / Words learning and English muscle memory training software designed for keyboard workers

Qwerty Learner English 为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件 ?? 在线访问 Vercel: https://qwerty.kaiyi.cool/ , https://qwerty-learner.vercel.app/ GitHub Pages: https://

Kaiyi 7.4k Jan 6, 2023