rubenmarcus / guiareact.org Goto Github PK

Por quê?
Ao abrirmos um projeto para o público, é importante que tenhamos ferramentas para manter o projeto padronizado. Seria interessante termos uma Action para quando o PR for aberto passar por um lint de markdown, e só após isso o mesmo poder ser mergeado.
O que acham? 🤔

Refs
https://github.com/nosborn/github-action-markdown-cli

Guia de Hooks

O que são Hooks? É uma função especial que permite utilizar state dentro de recursos funcionais (dentro de uma função)
Como usar?
Você precisa importar o useState.O useState recebe um argumento que é o valor do estado atual e uma função que permite alterar o estado.

  import {usestate} from 'react';
  function Counter(){
    const[count,setCount] = useState(0);
  return(
    <>
    <h1>Contador {count}</h1>
    <button
    onClick={()=>setCount(count+1)}
    > adicionar </button>
    </>
  )
}

Explicando o exemplo acima.
Iniciamos o estado atual com zero, e para mudar esse estado toda vez que o usuário clicar no butão devemos fazer isso com a funcão SetCount que adiciona 1 toda vez que o usuário invoca a função.

O que?

Seria interessante utilizar algum padrão para as mensagens de commit. Como por exemplo o Conventional Commits.

Existem ferramentas como commitlint e husky que automatizam esse processo evitando que mensagens que fujam do padrão subam para o repositório.

O que acham? Se estiver dentro da proposta do projeto, posso abrir um Pull Request com a configuração destas ferramentas.

Por quê?

Ajudaria a manter a organização do projeto, facilita a busca utilizando o escopo (feat, chore, test...)

Nessa PR #28, atualizei o código do exemplo que estava escrito em componente de classe para o estilo funcional. Me mantive fiel ao que foi feito em Inglês, porém se alguém tiver uma sugestão de melhoria que possa agregar mais informações ao exemplo, fique a vontade para sugerir!

name: Redesign do Guia
about: Sugestões e alterações
title: Redesign do Guia de padrões React
labels: redesign
assignees: https://github.com/Poggioli

O que?

Redesign do Guia de padrões React para uma melhor usabilidade da comunidade

Por quê?

Atualmente temos o guia com um design simples e funcional, a ideia é manter a ideia de algo funcional mas alterando o design, a princípio usarei as libs do ecossistema Radix-ui e o Design System da Modulz, já trazem componentes prontos, harmoniosos e acessíveis

Referências

changed example to functional component

link PR: #19

Descrição sobre context API.
#30

Changing Greeting for Hello component on High-order components