reactjs / pt-br.react.dev Goto Github PK
View Code? Open in Web Editor NEW🇧🇷 React documentation website in Portuguese (Brazil)
Home Page: https://pt-br.react.dev
License: Creative Commons Attribution 4.0 International
🇧🇷 React documentation website in Portuguese (Brazil)
Home Page: https://pt-br.react.dev
License: Creative Commons Attribution 4.0 International
Olá pessoal,
Resolvi trazer alguns pontos pois acredito que sejam importantes a serem discutidos antes de prosseguir com a tradução do componente LayoutHeader.
Para exemplificar estes pontos, seguem abaixo algumas imagens (simulando o tamanho de
tela dos iPhones 6/7/8).
Original:
Traduzido:
Note que existe uma barra de rolagem embaixo dos links. Será que os usuários reparariam nela e conseguiriam navegar de forma apropriada? Alguma sugestão?
Pessoal! Volte e meia eu procuro fazer lives no meu canal do twitch.tv.
E como ultimamente estou envolvida nesse projeto do Code Review, estou realizando ele de maneira online e disponível para que todos possam acompanhar o nosso trabalho.
Segue o link abaixo: https://www.twitch.tv/glaucia_lemos86
Agradecemos aos esforços feitos por todos da Comunidade Técnica Brasileira. 😍
cc: @reactjs/reactjs-org-portuguese-brazil-translation
Meninos, a página do blog, precisará de pessoas que estejam sempre traduzindo elas.
Nesse caso, 2 pessoas se mostraram super dispostas em manter essa página traduzida
Será que poderíamos incluir eles, como membros do React Community do pt-br?
O que vocês acham?
Post inserido no blog pela sincronização com a versão em inglês (#305)
Estava lendo a documentação da página React.Component, e vi que nessa linha (https://github.com/reactjs/pt-BR.reactjs.org/blame/master/content/docs/reference-react-component.md#L287) faltou ser traduzida a expressão "perform a side effect", acho que poderíamos ajustar para
Se precisar **executar um side effect** (por exemplo, buscar dados ou uma animação)
A duvida seria se já podemos ir abrindo PRs propondo melhorias nas paginas já traduzidas até o momento ou se devemos esperar a conclusão da issue: #123
Conversando no canal do slack, @halian-vilela sugeriu a criação de uma issue para discutirmos sobre o tema e também sugeriu a criação de uma label "ajuste"
Olá pessoal!
Como sugerido pela tesseralis no grupo do slack, podemos estar publicando a documentação em pt-BR em breve. Pra isso precisamos finalizar as páginas que estão faltando do core da documentação. Tomei a iniciativa de abrir essa issue com objetivo de marcar as pessoas que se propuseram a contribuir pra saber se elas ainda tem disponibilidade de traduzir as páginas que solicitaram. Sabemos que a vida de todo dev é bem corrida! Caso a pessoa responsável não tenha mais disponibilidade, a gente pode dar a oportunidade a outros contribuidores 😄
Estou listando abaixo as páginas pendentes de PR e marcando as pessoas que se propuseram a contribuir com a tradução. Se você é um desses contribuidores, por favor informa aqui que ainda tem interesse em continuar responsável pela página!
Também é possível dividir a carga de trabalho atribuindo páginas muito grandes pra mais de uma pessoa, como foi o caso da tradução do tutorial. Se esse for o caso comenta aqui pra ver se mais alguém pode ajudar.
@reactjs/reactjs-org-portuguese-brazil-translation
Basics
API Reference
Installation
Hooks
Advanced Guides
FAQ
Contributing
Components
Hi Please help me to add row dynamically when the user clicks add row.
Here is the code.
import React from 'react';
import { Table, Menu, Icon, Button } from 'semantic-ui-react';
import { get } from 'axios';
import times from 'lodash.times';
import { Helmet } from 'react-helmet';
import Page from '../Shared/Page';
import Popup from '../Shared/popup';
import '../../assets/css/custom.css';
const TOTAL_PER_PAGE = 10;
class Module extends React.Component {
constructor(props) {
super(props);
this.state = { showPopup: false};
this.state = {
users: [],
page: 0,
totalPages: 0,
user:{},
userMake : "",
userModel : "",
userPrice : ""
};
this.incrementPage = this.incrementPage.bind(this);
this.decrementPage = this.decrementPage.bind(this);
this.setPage = this.setPage.bind(this);
this.handleDelete = this.handleDelete.bind(this);
this.handleClick = this.handleClick.bind(this);
}
componentDidMount() {
this.getUsers();
}
componentWillReceiveProps({ location = {} }) {
if (location.pathname === '/users' && location.pathname !== this.props.location.pathname) {
this.getUsers();
}
}
getUsers() {
get('https://api.myjson.com/bins/15psn9')
.then(({ data }) => {
let users = data;
for(let index = 0; index < users.length; index++)
{
users[index].id = index + 1;
}
const totalPages = Math.ceil(users.length / TOTAL_PER_PAGE);
this.setState({
users: data,
page: 0,
totalPages
});
});
}
setPage(page) {
return () => {
this.setState({ page });
};
}
handleClick(item) {
this.state.user = item
this.setState({
user : item,
showPopup: !this.state.showPopup
});
}
decrementPage() {
const { page } = this.state;
this.setState({ page: page - 1 });
}
incrementPage() {
const { page } = this.state;
this.setState({ page: page + 1 });
}
handleDelete(userId) {
const { users } = this.state;
this.setState({
});
}
render() {
const { users, page, totalPages, user } = this.state;
const startIndex = page * TOTAL_PER_PAGE;
return (
<Table.Header >
<Table.Row >
<Table.HeaderCell >Name</Table.HeaderCell>
<Table.HeaderCell>Email</Table.HeaderCell>
<Table.HeaderCell>Phone</Table.HeaderCell>
<Table.HeaderCell>Action</Table.HeaderCell>
{/* <Table.HeaderCell>Address</Table.HeaderCell>
<Table.HeaderCell>City</Table.HeaderCell>
<Table.HeaderCell>Zip Code</Table.HeaderCell> /}
</Table.Row>
</Table.Header>
<Table.Body>
{users.slice(startIndex, startIndex + TOTAL_PER_PAGE).map(user =>
(<Table.Row key = {user.id }>
<Table.Cell>{user.make}</Table.Cell>
<Table.Cell>{user.model}</Table.Cell>
<Table.Cell>{user.price}</Table.Cell>
<Table.Cell><button onClick={this.handleClick.bind(this, user)}>Edit
</Table.Cell>
{/ <Table.Cell>{user.address}</Table.Cell>
<Table.Cell>{user.city}</Table.Cell>
<Table.Cell>{user.zip}</Table.Cell> */}
</Table.Row>),
)}
</Table.Body>
<Table.Footer>
<Table.Row>
<Table.HeaderCell colSpan={8}>
Galera, só pra compartilhar com vocês:
Pessoal que está revisando, perceberam que o suggestion do GitHub as vezes não está fazendo o highlight correto das diffs?
Estou revisando esse PR: https://github.com/reactjs/pt-BR.reactjs.org/pull/72/files
E se vc olharem, algumas linhas não aparecem a diff na sugestão. Veja a linha 64, por exemplo: https://github.com/reactjs/pt-BR.reactjs.org/pull/72/files#r255440979
Isso tá acontecendo com vocês também?
Sabem se tem algum lugar que podemos reportar o bug? Eu não achei nada de muito diferente nessas linhas que pudesse estar causando isso, o único padrão que parece emergir é que todas são relativamente longas (ficam com mais de 6 linhas na interface).
Issue #151
Am I the only one that find it weird to be speaking English with people that speaks Portuguese?
I propose that we discuss things in issues and PRs in Portuguese. That will makes things more easy to everyone to contribute.
English-speakers-only are welcome to have discussions in English in this repo, although I think that would be a rare case, maybe when the React team reaches out to us.
To translate a page:
Before contributing, read the glossary to understand how to translate various technical and React-specific terms.
Please be prompt with your translations! If you find find that you can't commit any more, let the maintainers know so they can assign the page to someone else.
When someone volunteers, edit this issue with the username of the volunteer, and with the PR. Ex:
When PRs are merged, make sure to mark that page as completed!
To do before releasing as an "official" translation. Please translate these pages first.
These are the navigation links that appears in the sidebar. Possibly wait until
the corresponding sections are translated to do these.
These are the next most important translations, ordered by importance:
Everyone is hooked on hooks! People are really excited for these and it would be great for them to be translated.
These are the pages that you get when you click the links in the console (e.g. https://reactjs.org/warnings/dont-call-proptypes.html). People tend to search these, so please don't translate the error message itself.
Priority: Low
Components in src/components
that have some text in them.
These are not the primary translation targets.
Vou começar a tradução do post Testing Environments, que está listada aqui #298
Arquivos que precisam de alterações:
Novas páginas:
reference-profiler.md
@luizcieslak2019-08-08-react-v16.9.0.md
@jhonmiketesting-environments.md
@Chiiiptesting-recipes.md
@luizcieslaktesting.md
@lucianomlimaA ideia é ir editando a issue e relacionando as Issues.
cc: @reactjs/reactjs-org-portuguese-brazil-translation
Comente abaixo qual doc gostaria de traduzir que irei reserva-la.
Percebi que as seguintes páginas: "Suporte/Cursos/Exemplos/Meetups/Conferencias/Artigos/Podcasts/Vídeos/Recursos Externos" filhas de Comunidade ainda não estão traduzidas, o autor da issue #106 fez parte da tradução mas foi apenas em Tools. No entanto, posso ficar responsável por elas?
Pessoal, bom dia!
Percebi que a introdução dos arquivos que falam sobre Hook é o mesmo texto em todos os arquivos:
Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class
Sendo assim, acho importante padronizarmos para evitar traduções diferentes em cada um dos arquivos.
Já vi algumas diferentes, então sugiro padronizarmos para a seguinte:
Hooks são uma nova adição ao React 16.8. Eles permitem que você use o state e outros recursos do React sem escrever uma classe.
Se você traduziu ou ainda vai traduzir algum arquivo de Hooks, por favor atente-se sobre essa questão.
Listo abaixo os colaboradores que devem se atentar sobre isso:
Obrigado.
Vou traduzir o post React v16.9.0 and the Roadmap Update
Ref.: #298
Em #123 foi trazido que precisamos dar uma olhada em como a página está em geral. Pensei em criar esse issue para ir enumerando as inconsistencias e em seguidas irmos criando os PRs para consertar.
Link da documentação em PT-BR: https://pt-br.reactjs.org
I fear that #4 will eventually grow out of control and decisions/directions will be very hard to be tracked down in the long term.
We have been versioning these terms in cezaraugusto/You-Dont-Know-JS and IMO it has been a good thing since people can open issues/PRs proposing additions and the discussion is centralised on each particular change.
Thoughts?
Priorizar ordem cronológica descendente - Vamos tentar não deixar gaps de um documento para o outro
Pessoal os posts antes de 2016, não vou listar para traduzirmos, mas caso alguém encontre um post que ache importante traduzir pode comentar aqui ou apenas abrir um PR com a tradução
Congratulations!
You all are almost done translating the React docs into Portuguese! There are couple more errands to do before we can mark the project as "completed"
html.js
to have the attribute lang="pt-BR"
We're almost there everyone!
React
itself, use o React
.Suggestion on words and terms:
Original word/term | Suggestion |
---|---|
bug | erro |
class | classe |
context | contexto |
controlled component | componente controlado |
debugging | depuração |
functional component | componente funcional |
key | chave |
library | biblioteca |
lowercase | minúscula(s) |
package | pacote |
React element | Elemento React |
React fragment | Fragmento React |
render | renderizar (verb), renderizado (noun) |
uncontrolled component | componente não controlado |
no PR #72 houve um impasse em relacao a traducao do termo "hooks". Em geral pedimos para colocar em italico as palavras em ingles. Entretanto, palavras como "hooks", "state", "props" e outras sao do vocabulario do React, e em muitas revisoes feitas por mim eu ignorei o italico nelas.
nao tenho uma opiniao sobre se deveriamos colocar todas as palavras em lingua inglesa/nao traduzidas em italico ou se deveria se basear em alguma regra. contando que isso seja documentado no glossario.
cc @reactjs/reactjs-org-portuguese-brazil-translation
I was thinking in the possibility to create a group on Discord to discuss about the Translation.
What do you think about it?
Aparentemente um dos pacotes depende da libpng-dev
, que não está disponível no Win10.
Alguma sugestão de como contornar o problema sem trocar de OS?
Some PRs got accepted including internal link translations which we later decided not to translate.
By internal links, we are referring to these:
e.g.
That should be translated to
External links (MDN, Wikipedia, etc.) should link to the Portuguese version, if available.
The task here is to go through this list and check what links have been translated and undo that.
Either a PR for each document or a PR bundle with all reverts are valid and up to the author what to choose
PT: Como vocês podem ver em content/community/conferences.md, todos os nomes de mês estão capitalizados. Isto não é correto em Português.
EN: As you can see in content/community/conferences.md, all month names are capitalized. This is not correct in Portuguese.
Local: https://pt-br.reactjs.org/docs/dom-elements.html#suppresshydrationwarning
en: "React will not warn"
If you set suppressHydrationWarning to true, React will not warn you about mismatches in the attributes and the content of that element.
pt-BR: "o React te avisará"
Se você definir
suppressHydrationWarning
paratrue
, o React te avisará sobre incompatibilidades nos atributos e no conteúdo daquele elemento.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.