1 of 20

Primeiros passos com React usando Carbon

2 of 20

Luiza Mendes

Software Developer @ IBM

Engenheira de Software em formação @ Infnet

Pós graduada em Marketing Estratégico pelo Ibmec

Designer Gráfico pela ESPM

​

3 of 20

Uma biblioteca JavaScript para criar interfaces de usuário

React

4 of 20

Create

React

App

5 of 20

Carbon

Design

System

6 of 20

is open

is inclusive

is modular and flexible

puts the user first

builds consistency

​

Carbon

7 of 20

https://www.carbondesignsystem.com/

8 of 20

https://react.carbondesignsystem.com/

9 of 20

10 of 20

Requisitos mínimos: Node 8.10 e npm 5.6

11 of 20

12 of 20

13 of 20

14 of 20

ESLint

&

Prettier

15 of 20

ESLint: Responsável por identificar padrões de código em desacordo com as regras pré-estabelecidas.

Prettier: Responsável por formatar o código de acordo com essas regras.

16 of 20

17 of 20

Husky

&

Lint-staged

18 of 20

Husky: Ferramenta que permite o uso dos hooks do git. Utiliza o package.json, podendo assim ser versionado

Lint-staged: Ferramenta que realiza o processo de lint nos arquivos que foram modificados pelo desenvolvedor

​

​

19 of 20

20 of 20

Obrigada!