React & DesignOps: um ambiente de UI development
Tags: react, ui, ux, devops
Published: 2019-02-18 19:49:45

---
title: React & DesignOps: um ambiente de UI development
published: true
tags: react, ui, ux, devops
canonical_url: https://eusoudev.com.br/react-design-ui-development/
---

Tempo de leitura:<small> 4 minutos</small>

 

Não é novidade dizer que o mundo de hoje está dominado pela **tecnologia**. À medida em que ela avança, os conhecimentos a respeito dela também evoluem. Falar de React e DesignOps é falar de mudança, reconstrução no modo de construir componentes e é, em muitos aspectos, falar de evolução.

A Vulpi realizou, no dia 30 de novembro, a 6ª Edição do DEVSTARTER, com o tema “React & DesignOps: um ambiente de UI development”. Segue uma leitura dos assuntos relacionados à esse tema, que foram discutidos.

## Um breve comentário sobre funções e profissões

Quem não se lembra do famoso filme “Tempos Modernos”? E da icônica cena de Charles Chaplin na linha de produção, apertando parafusos? Pois bem!

<iframe src="https://giphy.com/embed/VP5UwVic0l7W0" width="480" height="340" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Desde a Primeira Revolução Industrial (meados do séc XVIII), a divisão de funções trabalhistas já estava inserida na realidade da época. O Taylorismo e o Fordismo, por exemplo, foram metodologias criadas nesse contexto. Esses métodos foram essenciais para o bom funcionamento das grandes fábricas.

Cada operário tinha uma função específica e bem definida!

Independentemente do conhecimento do produto final, o funcionário precisava realizar bem uma tarefa, embora cada parte do processo impactasse fortemente no resultado do produto em questão.

Verdade é: nesse modelo de produção, a velocidade do processo e a padronização dos objetos produzidos era o que importava.

Certo, a Era Industrial já passou! Por que voltarmos nesse assunto?

Porque, observando o passado, é possível perceber os reflexos que ele causa no presente e, principalmente, ele nos ensina a sermos melhores no futuro.

## Falemos um pouco de React

O React é uma biblioteca JavaScript de código aberto, feito para criar interfaces de usuário.

Hoje, muitos grandes sites aderiram ao React, pois ele facilita ao desenvolvedor criar componentes dentro de sites, plataformas, páginas etc de forma segmentada.

Além disso, ele facilita o processo de criação de UIs. Com o React é possível criar visualizações simples, assim essas são renderizadas e atualizadas quando os dados forem alterados.

Ok, essa pessoa desenvolvedora cria interfaces e aí?

<iframe src="https://giphy.com/embed/xT77Y36ijyuwn58bja" width="480" height="431" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

É aí que mora a discórdia.

## O DesignOPS

Lembra da história do velho Chaplin? Pois é.

Por muito tempo, as funções de designers e developers eram muito bem definidas. Cada um no seu quadrado. Cada um com o seu “parafuso”.

Uma pessoa desenvolve, outra cria o design. Funções separadas e, muitas vezes, pensamentos conflitantes.

<iframe src="https://giphy.com/embed/3oz8xPZNdhKwomgrjq" width="480" height="240" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Porém, novamente pensando na evolução dos tempos e das coisas, o responsável por desempenhar atividades visuais percebeu que era importante uma aproximação do processo de desenvolvimento. O projeto, embora seja criado por partes, precisa ser coeso. Essas partes no final vão ser uma só, integrada.

Para uma indústria do século XVIII, a separação de tarefas agilizava os processos e trazia a uniformização necessária para o tipo de atividade. Porém quando se trata de criação de “produtos inteligentes”, essa concepção pode se tornar um grande problema.

Por isso, não apenas o resultado final deve estar interligado, mas também as pessoas as quais construíram o mesmo.

Então, uma profissão que já existia se fortaleceu e ganhou um nome: DesignOps.

Esse perfil de profissional é responsável por organizar e desenhar as operações dentro de um time. Ou ainda, um time pode assumir essa função de auxiliar na construção de processos organizacionais numa empresa.

No caso de devs, o esse DesignOps juntamente ao time de desenvolvedores, facilita a criação e desenvolvimento de um projeto.

## Agora tudo faz sentido

<iframe src="https://giphy.com/embed/XKwWFJl3PUcvvaNuWY" width="480" height="269" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Assim, com uma maior interação, os resultados tendem a ser melhores e harmônico.

O time de desenvolvedores da [**Vulpi**](//vulpi.com.br/) trabalha com esse modelo. Não é atoa que a nossa missão é promover o verdadeiro match entre pessoas. Conectar pessoas é fundamental!

É importante aproximar quem desenvolve software da percepção do design e o design da percepção da pessoa programadora. Isso faz com que profissionais sejam mais empáticos com relação ao trabalho do outro e, consequentemente, agreguem valores fundamentais para a sua carreira.

Nesse ambiente, existe uma ótima oportunidade de crescimento e aprendizado. Bem ali, quando procuramos entender e contribuir com as pessoas com as quais trabalhamos.

Falando em colaboração…

## Megan UI

A Megan UI é uma biblioteca de componentes de UI reutilizáveis, criada pelo time de devs da Vulpi. A Megan UI é um software de código aberto e está disponível no [GitHub.](//github.com/vulpi/meganui)

Contribuições são muito bem vindas nesse projeto.

 

 

The post [React & DesignOps: um ambiente de UI development](//eusoudev.com.br/react-design-ui-development/) appeared first on [Eu Sou Dev](//eusoudev.com.br).