Este é um projeto simples desenvolvido com React como parte dos meus estudos. O objetivo é colocar em prática os principais conceitos do React, criando uma aplicação para adicionar, editar e remover livros de uma lista.
O projeto utiliza o json-server para simular uma API REST local.
- Adicionar livros à lista
- Editar informações dos livros
- Remover livros
- Listar todos os livros cadastrados
- React — Biblioteca JavaScript para construção de interfaces
- Axios — Cliente HTTP para realizar requisições à API
- JSON Server — Servidor fake para simular uma API REST local
- useState e useEffect — Hooks para gerenciamento de estado e efeitos colaterais
Este projeto faz parte do curso que estou realizando para dominar os fundamentos e boas práticas do desenvolvimento com React. A ideia é explorar os conceitos de forma incremental, com foco em:
- Compreensão de JSX, props e state
- Componentização e reuso
- Manipulação de dados via API
- Estudo de hooks como
useStateeuseEffect - Aplicação de CRUD completo no frontend
- Clone o repositório:
git clone https://github.com/seu-usuario/book-list-app.git
cd book-list-app- Instale as dependências:
npm install- Inicie o servidor
json-server:
npm run serverIsso irá rodar o servidor em
http://localhost:3001
- Em outro terminal, inicie o app React:
npm startO app estará disponível em
http://localhost:3000
Este projeto está sendo desenvolvido com base em um curso completo de React e Redux que aborda:
- Construção de apps reais com React
- Gerenciamento de estado com Redux Toolkit e Context API
- Estilização com TailwindCSS
- Tipagem com TypeScript
- Uso de React Router para navegação
- Integração com APIs, manipulação de formulários, e muito mais
Curso ideal para quem quer dominar o ecossistema moderno do React.
Desenvolvido por Thiago Venceslau Monteiro 👋
This is a simple project developed with React as part of my studies. The goal is to practice the main concepts of React by creating an application to add, edit, and remove books from a list.
The project uses json-server to simulate a local REST API.
- Add books to the list
- Edit book information
- Remove books
- List all registered books
- React — JavaScript library for building user interfaces
- Axios — HTTP client to make API requests
- JSON Server — Fake server to simulate a local REST API
- useState and useEffect — Hooks for state management and side effects
This project is part of a course I'm taking to master the fundamentals and best practices of React development. The idea is to explore concepts incrementally, focusing on:
- Understanding JSX, props, and state
- Componentization and reuse
- Data manipulation via API
- Studying hooks like
useStateanduseEffect - Implementing complete CRUD on the frontend
- Clone the repository:
git clone https://github.com/your-username/book-list-app.git
cd book-list-app- Install dependencies:
npm install- Start the
json-server:
npm run serverThis will run the server at
http://localhost:3001
- In another terminal, start the React app:
npm startThe app will be available at
http://localhost:3000
This project is based on a comprehensive React and Redux course that covers:
- Building real-world apps with React
- State management with Redux Toolkit and Context API
- Styling with TailwindCSS
- Type safety with TypeScript
- Navigation using React Router
- API integration, form handling, and much more
An ideal course for those who want to master the modern React ecosystem.
Developed by Thiago Venceslau Monteiro 👋