Tutorial React Admin

5
 min de leitura

O React Admin é um framework criado para auxiliar na criação de dashboards e tabelas para gerenciamento de negócios tendo várias funções prontas para auxiliar no tempo de desenvolvimento e criar uma plataforma extremamente amigável ao usuário e de simples desenvolvimento.

Tutorial React Admin

1. Introdução

O React Admin foi um facilitador encontrado pela equipe MBB na Semantix para a criação da plataforma Ironhide,ele é baseado no React, que é uma biblioteca Javascript que é utilizada em plataformas web para a criação de sites, dashboards e outro sistemas web que podem ser acessados pelo navegador, e também é baseado no Material Design, um kit de estilo criado pelo Google como facilitador na criação de componentes para o universo web, muitos sistemas hoje em dia utilizam o Material Design e o React como forma de desenvolvimento. Nesse artigo será descrito como iniciar um projeto utilizando React Admin, suas vantagens e suas utilidades.

2. Tutorial

Para inicar esse projeto, é necessário ter instalado o Yarn e o Node em sua máquina, você pode instala-los  seguindo o  passo  a passo  nos  site do  Yarn  (https://yarnpkg.com/)  e do  Node (https://nodejs.org/en/). Após isso é só rodar os seguintes comandos:

Para esse artigo iremos utilizar uma API pronta, a JSON Placeholder apenas para termos alguns dados para serem mostrados em tabela. Então iremos colocar um src/app.js  o seguinte código:

Isso já é suficiente para criarmos uma tela vazia do React Admin, agora iremos criara primeira tela com tabela. Para fazer isso iremos alterar osrc/App.js para o seguinte código:

<script src="https://gist.github.com/mktstix22/6a232359af90361081eeceb2974188c7.js"></script>

Pronto! Dessa forma já possuímos uma tela pronta e utilizável! Simples, rápido e prático!

3.Experimentos e Resultados

Após a utilização extensa do React Admin, explorando todas as suas qualidades podemos observar que ele foi um grande facilitador na entrega desse projeto, auxiliando na velocidade da entrega, na agilidade do projeto, pois através dele podemos observar que as telas ficaram fáceis de implementar, apesar de uma grande curva de aprendizado, agora agiliza bastante o nosso trabalho pois muitos componentes estão prontos e preparados para serem utilizados.

4.Conclusões

Após todo o tempo de uso e adaptação podemos concluir que a utilização do React Admin foi  e é  um  grande facilitador  do  nosso trabalho,  pois  através dele  a  criação de  telas  e de componentes é facilitada, pois muitas coisas estão prontas então diminui o nosso tempo de desenvolvimento agilizando a entrega do projeto e a entrega das demandas, transformando o projeto, melhorando a agilidade e aumentando a produtividade.

Compartilhar esse conteúdo: