Skip to content

Commit a916a22

Browse files
laurosilvacomlaurosilvacom
authored
Merge pull request #1 from typescript-cheatsheets/inicial-translation
Editing + adding to README / GUIA.md / CONTRIBUYENDO.md
2 parents c56c262 + bd68600 commit a916a22

File tree

3 files changed

+167
-2
lines changed

3 files changed

+167
-2
lines changed

‎CONTRIBUYENDO.md

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
# ¡Entonces quieres contribuir!
2+
3+
**IMPORTANTE:**
4+
5+
Si desea contribuir un ejemplo a la [Cheatsheet Original](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet), abre un *Issue* en el repositorio original que está en inglés. De ahi se puede agregar al repositorio traducido en español.
6+
7+
---
8+
9+
¡Gracias por ayudar a la comunidad! Estamos buscando activamente colaboradores y mantenedores para que sea más que bienvenido.
10+
11+
Pensé que debería exponer algunos principios básicos que seguiremos para que este repositorio no se vuelva demasiado salvaje y pierda su valor.
12+
13+
1. **Somos una CHEATSHEET sobre todo**: todos los ejemplos deben ser lo más simples posible, fáciles de buscar y presentar para copiar y pegar.
14+
2. **Explicaciones plegables**: No más de 1-2 oraciones de explicación, más que eso, ponemos dentro de las etiquetas 'detalles'.
15+
3. **React + TypeScript SOLO**: El ecosistema de React es enorme, no podemos cubrirlo todo. Esto incluye Redux. Animaría a las personas a mantener listas separadas para cosas como React + Apollo Graphql, por ejemplo. Además, no intentamos convencer a las personas de que usen TypeScript, solo existimos para ayudar a las personas que ya han decidido probarlo.
16+
4. **Agregar enlaces de juegos de TypeScript**: cada vez que agregue un código de ejemplo de más de cuatro líneas, agregue un enlace al campo de juegos de TypeScript con el código. Use las opciones predeterminadas del área de juegos del compilador.
17+
18+
Eso es todo lo que tengo! Una vez más, ¡realmente feliz de que estés pensando en ayudar, quién sabe, la persona a la que podrías estar ayudando eres tú mismo en el futuro!

‎GUIA.md

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
# Guía de estilo
2+
3+
## Texto en bloques de código
4+
5+
Deja el texto en los bloques de código sin traducir, excepto para los comentarios. Opcionalmente puedes traducir el texto en cadenas, ¡pero cuida de no traducir cadenas que hagan referencia a código!
6+
7+
Ejemplo:
8+
```js
9+
// Example
10+
const element = <h1>Hello, world</h1>;
11+
ReactDOM.render(element, document.getElementById('root'));
12+
```
13+
14+
✅ CORRECTO:
15+
16+
```js
17+
// Ejemplo
18+
const element = <h1>Hello, world</h1>;
19+
ReactDOM.render(element, document.getElementById('root'));
20+
```
21+
22+
✅ TAMBIÉN CORRECTO:
23+
24+
```js
25+
// Ejemplo
26+
const element = <h1>Hola mundo</h1>;
27+
ReactDOM.render(element, document.getElementById('root'));
28+
```
29+
30+
❌ INCORRECTO:
31+
32+
```js
33+
// Ejemplo
34+
const element = <h1>Hola mundo</h1>;
35+
// "root" hace referencia a un indentificador de un elemento.
36+
// NO LO TRADUZCAS
37+
ReactDOM.render(element, document.getElementById('raíz'));
38+
```
39+
40+
❌ DEFINITIVAMENTE INCORRECTO:
41+
42+
```js
43+
// Ejemplo
44+
const elemento = <h1>Hola mundo</h1>;
45+
ReactDOM.hacer(elemento, documento.obtenerElementoPorId('raíz'));
46+
```
47+
48+
## Enlaces externos
49+
50+
Si un enlace externo es a un artículo en un sitio de referencias como [MDN] o [Wikipedia] y existe una versión de este artículo en español con una calidad aceptable, considera sustituir el enlace por el de esa versión.
51+
52+
[MDN]: https://developer.mozilla.org/en-US/
53+
[Wikipedia]: https://en.wikipedia.org/wiki/Main_Page
54+
55+
Ejemplo:
56+
57+
```md
58+
React elements are [immutable](https://en.wikipedia.org/wiki/Immutable_object).
59+
```
60+
61+
✅ BIEN:
62+
63+
```md
64+
Los elementos de React son [inmutables](https://es.wikipedia.org/wiki/Objeto_inmutable).
65+
```
66+
67+
Para enlaces que no tienen un equivalente en español (Stack Overflow, videos de YouTube, etcétera) mantén el enlace en inglés.
68+
69+
## Usted, tú y vos
70+
71+
Para mantener la consistencia y evitar regionalismos decidimos utilizar tú para la segunda persona del singular.
72+
73+
## Traducciones comunes
74+
75+
Aquí hay algunas sugerencias para la traducción de términos de uso común en este tipo de documentación técnica.
76+
77+
| Original word/term | Suggestion |
78+
| ------------------ | ---------- |
79+
| array | *array* |
80+
| arrow function | función flecha |
81+
| assert | comprobar |
82+
| bug | error |
83+
| bundler | *bundler* |
84+
| callback | *callback* |
85+
| camelCase | *camelCase* |
86+
| controlled component | componente controlado |
87+
| Cheatsheet | *Cheatsheet* |
88+
| debugging | depuración |
89+
| DOM | DOM |
90+
| framework | *framework* |
91+
| function component | componente de función |
92+
| hook | *hook* |
93+
| key | *key* |
94+
| lazy initialization | inicialización diferida |
95+
| library | biblioteca |
96+
| lowercase | minúscula(s) |
97+
| props | *props* |
98+
| React element | Elemento de React |
99+
| Type | *tipo* |
100+
| Types | *tipos* |
101+
| render | renderizar (verb), renderizado (noun)
102+
| shallow rendering | renderizado superficial |
103+
| state | estado |
104+
| string | *string* |
105+
| template literals | *template literals* |
106+
| uncontrolled component | componente no controlado |
107+
108+
Si desea agregar algo que falta, abra un [Issue](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet-es/issues/new).

‎README.md

Lines changed: 41 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,41 @@
1-
# react-typescript-cheatsheet-es
2-
Spanish translation of react-typescript-cheatsheet
1+
<div align="center">
2+
3+
<h1>React+TypeScript Cheatsheets en Español</h1>
4+
5+
<a href="https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/issues/81">
6+
<img
7+
height="90"
8+
width="90"
9+
alt="react + ts logo"
10+
src="https://user-images.githubusercontent.com/6764957/53868378-2b51fc80-3fb3-11e9-9cee-0277efe8a927.png"
11+
align="left"
12+
/>
13+
</a>
14+
15+
<p>Cheatsheets para desarrolladores expertos en React que comienzan con TypeScript</p>
16+
17+
[**Básico**](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet#basic-cheatsheet-table-of-contents) |
18+
[**Avanzado**](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md) |
19+
[**Migrando**](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/MIGRATING.md) |
20+
[**HOC**](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/HOC.md) |
21+
[中文翻译](https://github.com/fi3ework/blog/tree/master/react-typescript-cheatsheet-cn) |
22+
[¡Contribuir!](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/CONTRIBUTING.md) |
23+
[¡Preguntas!](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet-es/issues/new)
24+
25+
</div>
26+
27+
---
28+
29+
:wave: Este repositorio es mantenido por [@laurosilvacom](https://twitter.com/laurosilvacom). ¡Estoy tan feliz de que quieras probar TypeScript con React! Si ve que algo anda mal o falta, ¡presente un [Issue](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet-es/issues/new)! :+1:
30+
31+
El repositorio original se puede encontrar [aquí](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet) (inglés).
32+
33+
34+
---
35+
36+
**¿Quieres contribuir ayudando a traducir estos recursos?**
37+
38+
**¡Increíble!** Primero, revise este *[Issue]()* que describe el progreso y lea la [Guía de Estilo]() para traducir.
39+
40+
41+
---

0 commit comments

Comments
 (0)