SHARE
TWEET

Untitled

a guest Nov 19th, 2019 92 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. Dividiria a primeira pagina em 3 partes
  2.  
  3. <Main>
  4.   <Topo>
  5.     <Logo src={LogoSrc} />
  6.     <Image src={ImageSrc} />
  7.   </Topo>
  8.   <Section>
  9.     <Title text="Dividindo o peso." />
  10.     <Title text="Dividindo a jornada." />
  11.     <Text>
  12.       Na <Bold>Cora</Bold> não tem burocracia, o seu tempo é para cuidar do seu negócio.
  13.     </Text>
  14.   </Section>
  15.   <Btns>
  16.     <Btn {...styleAbrirConta} onClick={registerFunction}>
  17.       Abrir conta em 5 minutos <Arrow />
  18.     </Btn>
  19.     <Btn {...styleLogin} onClick={loginFunction}>
  20.       Login
  21.     </Btn>
  22.   </Btns>
  23. </Main>
  24.  
  25. As proximas faria algo como (com suas variações, mas usando basicamente os mesmos componentes)
  26.  
  27. <Main>
  28.   <ProgressBar progress={1} />
  29.   <div className="container-questions">
  30.     <SubTitle text={props.subtitle || "Vamos começar?"} />
  31.     <Title text={props.subtitle || "Qual seu nome completo?"} />
  32.   </div>
  33.   <Input onChange={handleNameChange} />
  34.   <div className="container-btn-questions">
  35.     <Btn {...styleBtnQuestions} disabled={emptyName} onClick={nextFunction}>
  36.       Proximo <Arrow />
  37.     </Btn>
  38.   </div>
  39. </Main>
  40.  
  41. E a de finalização seria algo próximo a primeira.
  42.  
  43. Claro que tem que ser levado em consideração várias variáveis, como por exemplo se vamos separar componentes por página ou é mais interessante existir vários componentes globais?
  44.  
  45. Eu acho que no caso de alguns componentes como o <Main> e <Btn> é mais interessante serem algo que pode ser usado em várias páginas, <Logo> depende da interface do resto do site.
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top