gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chore(i18n,curriculum): update translations

Browse Source
This commit is contained in:
camperbot
2021-10-27 15:10:57 +00:00
committed by Mrugesh Mohapatra
parent e139fbcf13
commit c1fb339bbc
539 changed files with 3319 additions and 3352 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
curriculum/challenges/portuguese/03-front-end-development-libraries/react/access-props-using-this.props.md
View File

@@ -14,67 +14,54 @@ Sempre que você se refere a um componente de classe dentro dele mesmo, você us
# --instructions--
Renderize uma instância do componente `ReturnTempPassword` no componente parente `ResetPassword`. Aqui, dê a `ReturnTempPassword` à prop `tempPassword` e atribua a ela o valor de uma string que tenha pelo menos 8 caracteres. Dentro do filho, `ReturnTempPassword`, acesse a prop `tempPassword` dentro das tags `strong` para certificar-se que o usuário veja a senha temporária.
Renderize uma instância do componente `Welcome` no componente parente `App`. Aqui, dê a `Welcome` uma "prop" `name` e atribua a ela um valor de uma string. Dentro do elemento filho, `Welcome`, acesse a propriedade `name` dentro das tags `strong`.
# --hints--
O componente `ResetPassword` deve retornar um único elemento `div`.
O componente `App` deve retornar um único elemento `div`.
```js
assert(
(function () {
const mockedComponent = Enzyme.mount(React.createElement(ResetPassword));
const mockedComponent = Enzyme.mount(React.createElement(App));
return mockedComponent.children().type() === 'div';
})()
);
```
O quarto filho de `ResetPassword` deve ser o componente `ReturnTempPassword`.
O elemento filho de `App` deve ser o componente `Welcome`.
```js
assert(
(function () {
const mockedComponent = Enzyme.mount(React.createElement(ResetPassword));
const mockedComponent = Enzyme.mount(React.createElement(App));
return (
mockedComponent.children().childAt(3).name() === 'ReturnTempPassword'
mockedComponent.children().childAt(0).name() === 'Welcome'
);
})()
);
```
O componente `ReturnTempPassword` deve ter uma prop chamada `tempPassword`.
O componente `Welcome` deve ter uma prop chamada `name`.
```js
assert(
(function () {
const mockedComponent = Enzyme.mount(React.createElement(ResetPassword));
return mockedComponent.find('ReturnTempPassword').props().tempPassword;
const mockedComponent = Enzyme.mount(React.createElement(App));
return mockedComponent.find('Welcome').props().name;
})()
);
```
A prop `tempPassword` de `ReturnTempPassword` deve ser igual uma string de pelo menos 8 caracteres.
O componente `Welcome` deve exibir a string que você passou como a prop `name` dentro das tags `strong`.
```js
assert(
(function () {
const mockedComponent = Enzyme.mount(React.createElement(ResetPassword));
const temp = mockedComponent.find('ReturnTempPassword').props()
.tempPassword;
return typeof temp === 'string' && temp.length >= 8;
})()
);
```
O componente `ReturnTempPassword` deve exibir a senha que você criou como a prop `tempPassword` dentro das tags `strong`.
```js
assert(
(function () {
const mockedComponent = Enzyme.mount(React.createElement(ResetPassword));
const mockedComponent = Enzyme.mount(React.createElement(App));
return (
mockedComponent.find('strong').text() ===
mockedComponent.find('ReturnTempPassword').props().tempPassword
mockedComponent.find('Welcome').props().name
);
})()
);
@@ -85,13 +72,13 @@ assert(
## --after-user-code--
```jsx
ReactDOM.render(<ResetPassword />, document.getElementById('root'))
ReactDOM.render(<App />, document.getElementById('root'))
```
## --seed-contents--
```jsx
class ReturnTempPassword extends React.Component {
class App extends React.Component {
constructor(props) {
super(props);
@@ -100,14 +87,14 @@ class ReturnTempPassword extends React.Component {
return (
<div>
{ /* Change code below this line */ }
<p>Your temporary password is: <strong></strong></p>
<Welcome />
{ /* Change code above this line */ }
</div>
);
}
};
class ResetPassword extends React.Component {
class Welcome extends React.Component {
constructor(props) {
super(props);
@@ -115,11 +102,8 @@ class ResetPassword extends React.Component {
render() {
return (
<div>
<h2>Reset Password</h2>
<h3>We've generated a new temporary password for you.</h3>
<h3>Please reset this password from your account settings ASAP.</h3>
{ /* Change code below this line */ }
<p>Hello, <strong></strong>!</p>
{ /* Change code above this line */ }
</div>
);
@@ -130,7 +114,7 @@ class ResetPassword extends React.Component {
# --solutions--
```jsx
class ReturnTempPassword extends React.Component {
class Welcome extends React.Component {
constructor(props) {
super(props);
@@ -138,28 +122,27 @@ class ReturnTempPassword extends React.Component {
render() {
return (
<div>
<p>Your temporary password is: <strong>{this.props.tempPassword}</strong></p>
</div>
);
}
};
class ResetPassword extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
<h2>Reset Password</h2>
<h3>We've generated a new temporary password for you.</h3>
<h3>Please reset this password from your account settings ASAP.</h3>
{ /* Change code below this line */ }
<ReturnTempPassword tempPassword="serrPbqrPnzc" />
<p>Hello, <strong>{this.props.name}</strong>!</p>
{ /* Change code above this line */ }
</div>
);
}
};
class App extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
{ /* Change code below this line */ }
<Welcome name="Quincy"/>
{ /* Change code above this line */ }
</div>
);
}
};
```

2
curriculum/challenges/portuguese/03-front-end-development-libraries/react/compose-react-components.md
View File

@@ -14,7 +14,7 @@ Enquanto os desafios continuam a usar composições mais complexas com component
No editor de código, o componente `TypesOfFood` já está renderizando um componente chamado `Vegetables`. Além disso, há o componente `Fruits` do último desafio.
Aninhe dois componentes dentro de `Fruits` — primeiro `NonCitrus`, e depois `Citrus`. Ambos os componentes são fornecidos nos bastidores. Em seguida, aninhe o componente de classe `Fruits` dentro do componente `TypesOfFood`, abaixo do cabeçalho `h1` e acima de `Vegetables`. O resultado deve ser uma série de componentes aninhados, que usa dois tipos de componentes diferentes.
Aninhe dois componentes dentro de `Fruits` — primeiro `NonCitrus`, e depois `Citrus`. Ambos os componentes são fornecidos nos bastidores. Em seguida, aninhe o componente de classe `Fruits` dentro do componente `TypesOfFood`, abaixo do elemento de título `h1` e acima de `Vegetables`. O resultado deve ser uma série de componentes aninhados, que usa dois tipos de componentes diferentes.
# --hints--

2
curriculum/challenges/portuguese/03-front-end-development-libraries/react/create-a-controlled-form.md
View File

@@ -109,7 +109,7 @@ assert(
);
```
O título `h1` deve renderizar o valor do campo `submit` do estado do componente.
O elemento de título `h1` deve renderizar o valor do campo `submit` do estado do componente.
```js
(() => {

4
curriculum/challenges/portuguese/03-front-end-development-libraries/react/create-a-react-component.md
View File

@@ -38,7 +38,7 @@ O componente React deve retornar um elemento `div`.
assert(Enzyme.shallow(React.createElement(MyComponent)).type() === 'div');
```
A `div` retornada deve renderizar um título `h1` dentro dele.
A `div` retornada deve renderizar um elemento de título `h1` dentro dele.
```js
assert(
@@ -48,7 +48,7 @@ assert(
);
```
O título `h1` deve conter a string `Hello React!`.
O elemento de título `h1` deve conter a string `Hello React!`.
```js
assert(

4
curriculum/challenges/portuguese/03-front-end-development-libraries/react/render-state-in-the-user-interface-another-way.md
View File

@@ -27,7 +27,7 @@ assert(
);
```
`MyComponent` deve renderizar um título `h1` que está dentro de um único `div`.
`MyComponent` deve renderizar um elemento de título `h1` que está dentro de um único `div`.
```js
assert(
@@ -44,7 +44,7 @@ A tag `h1` renderizada deve ter uma referência a `{name}`.
assert(/<h1>\n*\s*\{\s*name\s*\}\s*\n*<\/h1>/.test(getUserInput('index')));
```
O título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
O elemento de título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
```js
async () => {

4
curriculum/challenges/portuguese/03-front-end-development-libraries/react/render-state-in-the-user-interface.md
View File

@@ -33,7 +33,7 @@ assert(
);
```
`MyComponent` deve renderizar um título `h1` que está dentro de um único `div`.
`MyComponent` deve renderizar um elemento de título `h1` que está dentro de um único `div`.
```js
assert(
@@ -43,7 +43,7 @@ assert(
);
```
O título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
O elemento de título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
```js
async () => {

4
curriculum/challenges/portuguese/03-front-end-development-libraries/react/set-state-with-this.setstate.md
View File

@@ -35,13 +35,13 @@ assert(
);
```
`MyComponent` deve retornar um título `h1`.
`MyComponent` deve retornar um elemento de título `h1`.
```js
assert(Enzyme.mount(React.createElement(MyComponent)).find('h1').length === 1);
```
O título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
O elemento de título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
```js
async () => {