diff --git a/beta/src/pages/community/meet-the-team.md b/beta/src/pages/community/meet-the-team.md index 6a6c1f38c..732a67cdc 100644 --- a/beta/src/pages/community/meet-the-team.md +++ b/beta/src/pages/community/meet-the-team.md @@ -3,88 +3,100 @@ -React development is led by a small dedicated team working full time at Facebook. It also receives contributions from people all over the world. +O desenvolvimento do React é liderado por uma pequena equipe dedicada que trabalha em tempo integral no Facebook. Também recebe contribuições de pessoas de todo o mundo. ## React Core {/*react-core*/} -The React Core team members work full time on the core component APIs, the engine that powers React DOM and React Native, React DevTools, and the React documentation website. +Os membros da equipe React Core trabalham em tempo integral nas APIs do componente principal, no mecanismo que alimenta o React DOM e React Native, React DevTools e o site de documentação React. -Current members of the React team are listed in alphabetical order below. +Os membros atuais da equipe React estão listados em ordem alfabética abaixo. ### Andrew Clark {/*andrew-clark*/} ![Andrew Clark](../images/team/acdlite.jpg) -[@acdlite on GitHub](https://github.com/acdlite) · [@acdlite on Twitter](https://twitter.com/acdlite) +[@acdlite no GitHub](https://github.com/acdlite) · [@acdlite no Twitter](https://twitter.com/acdlite) -Andrew got started with web development by making sites with WordPress, and eventually tricked himself into doing JavaScript. His favorite pastime is karaoke. Andrew is either a Disney villain or a Disney princess, depending on the day. +Andrew começou com o desenvolvimento web criando sites com WordPress e, eventualmente, acabou migrando para o ecossistema JavaScript. Seu passatempo favorito é karaokê. Andrew pode ser um vilão da Disney ou uma princesa da Disney, dependendo do dia. ### Brian Vaughn {/*brian-vaughn*/} ![Brian Vaughn](../images/team/bvaughn.jpg) -[@bvaughn on GitHub](https://github.com/bvaughn) · [@brian\_d\_vaughn on Twitter](https://twitter.com/brian_d_vaughn) +[@bvaughn no GitHub](https://github.com/bvaughn) · [@brian\_d\_vaughn no Twitter](https://twitter.com/brian_d_vaughn) + +Brian estudou arte na faculdade e fez programação para pagar seus estudos. Eventualmente, ele percebeu que gosta de trabalhar com código aberto. Brian tem uma [carreira musical solo](https://soundcloud.com/brianvaughn/) e em mais [duas](https://soundcloud.com/pilotlessdrone) [bandas](https://soundcloud.com/pinwurm). Ele também cuida do gato mais fofo do mundo. + -Brian studied art in college and did programming on the side to pay for his education. Eventually, he realized that he enjoys working on open source. Brian has one [one-person band](https://soundcloud.com/brianvaughn/) and two [two-person](https://soundcloud.com/pilotlessdrone) [bands](https://soundcloud.com/pinwurm). He also takes care of the cutest cat in the world. ### Dan Abramov {/*dan-abramov*/} ![Dan Abramov](../images/team/gaearon.jpg) -[@gaearon on GitHub](https://github.com/gaearon) · [@dan_abramov on Twitter](https://twitter.com/dan_abramov) +[@gaearon no GitHub](https://github.com/gaearon) · [@dan_abramov no Twitter](https://twitter.com/dan_abramov) + +Dan começou a programar depois de acidentalmente descobrir o Visual Basic dentro do Microsoft PowerPoint. Ele encontrou sua verdadeira vocação ao transformar os tweets de [Sebastian](#sebastian-markbåge) em longas postagens de blog. Dan ocasionalmente vence no Fortnite, escondendo-se em um arbusto até o fim do jogo. + -Dan got into programming after he accidentally discovered Visual Basic inside Microsoft PowerPoint. He has found his true calling in turning [Sebastian](#sebastian-markbåge)'s tweets into long-form blog posts. Dan occasionally wins at Fortnite by hiding in a bush until the game ends. ### Luna Ruan {/*luna-ruan*/} ![Luna](../images/team/lunaruan.jpg) -[@lunaruan on GitHub](https://github.com/lunaruan) · [@lunaruan on Twitter](https://twitter.com/lunaruan) +[@lunaruan no GitHub](https://github.com/lunaruan) · [@lunaruan no Twitter](https://twitter.com/lunaruan) + +Luna aprendeu programação porque ela pensou que isso significava criar videogames. Em vez disso, ela acabou trabalhando no aplicativo web do Pinterest e agora no próprio React. Luna não quer mais fazer videogames, mas planeja escrever textos criativos se algum dia ficar entediada. + -Luna learned programming because she thought it meant creating video games. Instead, she ended up working on the Pinterest web app, and now on React itself. Luna doesn't want to make video games anymore, but she plans to do creative writing if she ever gets bored. ### Marco Salazar {/*marco-salazar*/} ![Marco](../images/team/salazarm.jpeg) -[@salazarm on GitHub](https://github.com/salazarm) · [@BkOptimism on Twitter](https://twitter.com/BkOptimism) +[@salazarm no GitHub](https://github.com/salazarm) · [@BkOptimism no Twitter](https://twitter.com/BkOptimism) + +A primeira linguagem de programação de Marco foi a Assembly porque ele poderia usá-la para hackear videogames. Agora, os jogos online são muito mais seguros, então ele se contenta em jogar de forma justa (na maioria das vezes). Em seu tempo livre, ele joga em sua mesa de esteira e faz artes que nunca termina. Esperançosamente, seus PRs não terão o mesmo destino. + -Marco's first programming language was Assembly because he could use it to hack video games. Now online games are much more secure so he settles for playing fairly (mostly). In his spare time he plays games on his treadmill desk and makes art that he never finishes. Hopefully his PRs don't have the same fate. ### Rachel Nabors {/*rachel-nabors*/} ![Rachel](../images/team/rnabors.jpg) -[@rachelnabors on GitHub](https://github.com/rachelnabors) · [@rachelnabors on Twitter](https://twitter.com/rachelnabors) +[@rachelnabors no GitHub](https://github.com/rachelnabors) · [@rachelnabors no Twitter](https://twitter.com/rachelnabors) + +Rachel escreveu um [livro sobre animação de interface do usuário](https://abookapart.com/products/animation-at-work) e trabalhou com MDN e W3C na API de animações da web. Agora ela está ocupada com materiais educacionais e engenharia comunitária na equipe React. Secretamente, ela é uma cartunista premiada para adolescentes. Ela está fazendo um chá chique com água morna na micro-cozinha agora mesmo. + -Rachel wrote a [book about UI animation](https://abookapart.com/products/animation-at-work) once and worked with MDN and the W3C on the web animations API. Now she is busy with education materials and community engineering on the React team. Secretly, she is an award-winning cartoonist for teenage girls. Catch her making fancy tea with lukewarm water in the microkitchen. ### Rick Hanlon {/*rick-hanlon*/} ![Ricky](../images/team/rickhanlonii.jpg) -[@rickhanlonii on GitHub](https://github.com/rickhanlonii) · [@rickhanlonii on Twitter](https://twitter.com/rickhanlonii) +[@rickhanlonii no GitHub](https://github.com/rickhanlonii) · [@rickhanlonii no Twitter](https://twitter.com/rickhanlonii) -Ricky majored in theoretical math and somehow found himself on the React Native team for a couple years before joining the React team. When he's not programming you can find him snowboarding, biking, climbing, golfing, or closing GitHub issues that do not match the issue template. +Ricky formou-se em matemática teórica e, de alguma forma, acabou fazendo parte da equipe React Native por alguns anos antes de se juntar à equipe React. Quando ele não está programando, você pode encontrá-lo praticando snowboard, ciclismo, escalada, golfe ou fechando "issues"" do GitHub que não correspondem ao modelo. ### Sebastian Markbåge {/*sebastian-markbåge*/} ![Sebastian](../images/team/sebmarkbage.jpg) -[@sebmarkbage on GitHub](https://github.com/sebmarkbage) · [@sebmarkbage on Twitter](https://twitter.com/sebmarkbage) +[@sebmarkbage no GitHub](https://github.com/sebmarkbage) · [@sebmarkbage no Twitter](https://twitter.com/sebmarkbage) + +Sebastian formou-se em psicologia. Ele geralmente fica quieto. Mesmo quando ele diz algo, muitas vezes só faz sentido para o resto de nós alguns meses depois. A forma correta de pronunciar seu sobrenome é “mark-boa-geh”, mas ele se contentou com “mark-beige” por pragmatismo - e é assim que ele aborda React. + -Sebastian majored in psychology. He's usually quiet. Even when he says something, it often doesn't make sense to the rest of us until a few months later. The correct way to pronounce his surname is "mark-boa-geh" but he settled for "mark-beige" out of pragmatism -- and that's how he approaches React. ### Seth Webster {/*seth-webster*/} ![Seth](../images/team/sethwebster.jpg) -[@sethwebster on GitHub](https://github.com/sethwebster) · [@sethwebster on Twitter](https://twitter.com/sethwebster) +[@sethwebster no GitHub](https://github.com/sethwebster) · [@sethwebster no Twitter](https://twitter.com/sethwebster) -Seth started programming as a kid growing up in Tucson, AZ. After school, he was bitten by the music bug and was a touring musician for about 10 years before returning to *work*, starting with Intuit. In his spare time, he loves [taking pictures](https://www.sethwebster.com) and flying for animal rescues in the northeastern United States. +Seth começou a programar quando era uma criança crescendo em Tucson, AZ. Depois da escola, ele foi mordido pelo inseto da música e foi músico em turnê por cerca de 10 anos antes de retornar ao trabalho, começando com a Intuit. Nas horas vagas, ele adora tirar fotos e voar para resgates de animais no nordeste dos Estados Unidos. -## Past contributors {/*past-contributors*/} +## Contribuidores anteriores {/*past-contributors*/} -You can find the past team members and other people who significantly contributed to React over the years on the [acknowledgements](/community/acknowledgements) page. +Você pode encontrar os membros anteriores da equipe e outras pessoas que contribuíram significativamente para o React ao longo dos anos na página de [reconhecimentos] (/community/acknowledgements). diff --git a/beta/src/pages/learn/start-a-new-react-project.md b/beta/src/pages/learn/start-a-new-react-project.md index d9c70d491..c94408d4f 100644 --- a/beta/src/pages/learn/start-a-new-react-project.md +++ b/beta/src/pages/learn/start-a-new-react-project.md @@ -1,33 +1,33 @@ --- -title: Start a New React Project +title:Iniciar um novo projeto no React --- -If you're learning React or considering adding it to an existing project, you can get started quickly by [adding React to any HTML page with script tags](/learn/add-react-to-a-website). If your project will need many components and many files, it might be time to consider the options below! +Se você está aprendendo React ou pensando em adicioná-lo a um projeto existente, pode começar rapidamente [adicionando React a qualquer página HTML com tags de script](/learn/add-react-to-a-website). Se o seu projeto precisar de muitos componentes e muitos arquivos, talvez seja hora de considerar as opções abaixo! -## Choose your own adventure {/*choose-your-own-adventure*/} +## Escolha sua própria aventura {/*choose-your-own-adventure*/} -React is a library that lets you organize UI code by breaking it apart into pieces called components. React doesn't take care of routing or data management. For these features, you'll want to use third-party libraries or write your own solutions. This means there are several ways to start a new React project: +React é uma biblioteca que permite organizar o código da interface do usuário dividindo-o em partes chamadas componentes. O React não cuida do roteamento ou gerenciamento de dados. Para esses recursos, convém usar bibliotecas de terceiros ou escrever suas próprias soluções. Isso significa que existem várias maneiras de iniciar um novo projeto React: -* Start with a **minimal set up with just a toolchain,** adding features to your project as necessary. -* Start with an **opinionated framework** with common functionality already built in. +* Comece com uma **configuração mínima com apenas um conjunto de ferramentas,** adicionando recursos ao seu projeto conforme necessário. +* Comece com um **software opinativo** com funcionalidade comum já incorporada. -Whether you're just getting started, looking to build something big, or want to set up your own toolchain, this guide will set you on the right path. +Se você está apenas começando, procurando construir algo grande ou deseja configurar seu próprio conjunto de ferramentas, este guia te colocará no caminho certo. -## Getting started with a React toolchain {/*getting-started-with-a-react-toolchain*/} +## Começando com um conjunto de ferramentas React {/*getting-started-with-a-react-toolchain*/} -If you're just getting started with React, we recommend [Create React App](https://create-react-app.dev/), the most popular way to try out React's features and a great way to build a new single-page, client-side application. Create React App is an unopinionated toolchain configured just for React. Toolchains help with things like: +Se você está apenas começando com o React, recomendamos [Ceate React App](https://create-react-app.dev/), a maneira mais popular de experimentar os recursos do React e uma ótima maneira de criar um novo aplicativo do lado do cliente de single-page. Create React App é um conjunto de ferramentas sem opinião configurada apenas para React.Os conjuntos de ferramentas ajudam com coisas como: -* Scaling to many files and components -* Using third-party libraries from npm -* Detecting common mistakes early -* Live-editing CSS and JS in development -* Optimizing the output for production +* Dimensionamento para muitos arquivos e componentes +* Usando bibliotecas de terceiros do npm +* Detectando erros comuns antecipadamente +* Edição ao vivo de CSS e JS em desenvolvimento +* Otimizando a saída para produção -You can get started building with Create React App with one line of code in your terminal! (**Be sure you have [Node.js](https://nodejs.org/) installed!**) +Você pode começar a construir com o Create React App com uma linha de código em seu terminal! (**Certifique-se de ter o [Node.js](https://nodejs.org/) instalado!**) @@ -35,7 +35,7 @@ npx create-react-app my-app -Now you can run your app with: +Agora você pode executar seu aplicativo: @@ -44,37 +44,38 @@ npm start -For more information, [check out the official guide](https://create-react-app.dev/docs/getting-started). +Para mais informações [confira o guia oficial ](https://create-react-app.dev/docs/getting-started). -> Create React App doesn't handle backend logic or databases; it just creates a frontend build pipeline. This means you can use it with any backend you want. But if you're looking for more features like routing and server-side logic, read on! +> Create React App não lida com lógica de back-end ou bancos de dados; ele apenas cria um pipeline de construção de front-end. Isso significa que você pode usá-lo com qualquer back-end que desejar. Mas se você estiver procurando por mais recursos, como roteamento e lógica do lado do servidor, continue lendo! -### Other options {/*other-options*/} +### Outras opções {/*other-options*/} -Create React App is great to get started working with React, but if you'd like an even lighter toolchain, you might try one of these other popular toolchains: +O Create React App é ótimo para começar a trabalhar com o React, mas se você quiser um conjunto de ferramentas ainda mais leve, tente um desses outros cconjuntos de ferramentas populares: * [Vite](https://vitejs.dev/guide/) * [Parcel](https://parceljs.org/) * [Snowpack](https://www.snowpack.dev/tutorials/react) -## Building with React and a framework {/*building-with-react-and-a-framework*/} +## Programando com React e um framework {/*building-with-react-and-a-framework*/} -If you're looking to start a bigger, production-ready project, [Next.js](https://nextjs.org/) is a great place to start. Next.js is a popular, lightweight framework for static and server‑rendered applications built with React. It comes pre-packaged with features like routing, styling, and server-side rendering, getting your project up and running quickly. +Se você deseja iniciar um projeto maior e pronto para produção, o [Next.js](https://nextjs.org/) é um ótimo lugar para começar. Next.js é uma estrutura popular e leve para aplicativos estáticos e renderizados por servidor criados com React. Ele vem em um pacote com recursos como roteamento, estilo e renderização do lado do servidor, colocando seu projeto em funcionamento rapidamente. -[Get started building with Next.js](https://nextjs.org/docs/getting-started) with the official guide. +[Comece a criar com Next.js](https://nextjs.org/docs/getting-started) usando o guia oficial. -### Other options {/*other-options-1*/} +### Outras opções {/*other-options-1*/} -* [Gatsby](https://www.gatsbyjs.org/) lets you generate static websites with React with GraphQL. -* [Razzle](https://razzlejs.org/) is a server-rendering framework that doesn't require any configuration, but offers more flexibility than Next.js. +* [Gatsby](https://www.gatsbyjs.org/) permite gerar sites estáticos com React com GraphQL. +* [Razzle](https://razzlejs.org/) é uma estrutura de renderização de servidor que não requer nenhuma configuração, mas oferece mais flexibilidade do que o Next.js. -## Custom toolchains {/*custom-toolchains*/} +## Conjuntos de ferramentas personalizadas +s {/*custom-toolchains*/} -You may prefer to create and configure your own toolchain. A JavaScript build toolchain typically consists of: +Você pode preferir criar e configurar sueu próprio conjunto de ferramentas. Um conjunto de ferramentas de construção JavaScript normalmente consiste em: -* A **package manager**—lets you install, updated and manage third-party packages. [Yarn](https://yarnpkg.com/) and [npm](https://www.npmjs.com/) are two popular package managers. -* A **bundler**—lets you write modular code and bundle it together into small packages to optimize load time. [Webpack](https://webpack.js.org/), [Snowpack](https://www.snowpack.dev/), [Parcel](https://parceljs.org/) are several popular bundlers. -* A **compiler**—lets you write modern JavaScript code that still works in older browsers. [Babel](https://babeljs.io/) is one such example. +* Um **gerenciador de pacotes**—permite instalar, atualizar e gerenciar pacotes de terceiros. [Yarn](https://yarnpkg.com/) e [npm](https://www.npmjs.com/) são dois gerenciadores de pacotes populares. +* Um **bundler**— permite escrever código modular e agrupá-lo em pequenos pacotes para otimizar o tempo de carregamento. [Webpack](https://webpack.js.org/), [Snowpack](https://www.snowpack.dev/), [Parcel](https://parceljs.org/) são alguns bundlers populares. +* Um **compilador**— permite escrever código JavaScript moderno que ainda funciona em navegadores mais antigos. [Babel](https://babeljs.io/) é um desses exemplos. -In a larger project, you might also want to have a tool to manage multiple packages in a single repository. [Nx](https://nx.dev/react) is an example of such a tool. +Em um projeto maior, você também pode querer ter uma ferramenta para gerenciar vários pacotes em um único repositório. [Nx](https://nx.dev/react) é um exemplo deesse tipo de ferramenta. -If you prefer to set up your own JavaScript toolchain from scratch, [check out this guide](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658) that re-creates some of the Create React App functionality. +Se você preferir configurar seu própria conjunto de ferramentas JavaScript do zero, [confira este guia ](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658) que recria algumas das funcionalidades Create React App.