Skip to content

Commit 587de29

Browse files
committed
Cambiar sintaxis de KSX para que use # en vez de @ (porque @ se usa como this)
1 parent dff0e13 commit 587de29

File tree

2 files changed

+20
-22
lines changed

2 files changed

+20
-22
lines changed

public/textos/es/docs/next/funciones/funciones-anonimas.md

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -67,9 +67,7 @@ Si la función toma un parametro rest se usa `$$`.
6767
($1, ...$$) => $1.concat($$);
6868
```
6969

70-
#### Usar `$` no define un único parámetro.
71-
72-
Un único símbolo de dolar no significa nada dentro de la función. Es decir:
70+
Si la función solo toma un parámetro se puede usar `$` en lugar de `$1`:
7371

7472
```
7573
#($)
@@ -78,10 +76,10 @@ Un único símbolo de dolar no significa nada dentro de la función. Es decir:
7876
Se compila a:
7977

8078
```javascript
81-
() => $;
79+
($) => $;
8280
```
8381

84-
O también:
82+
Si se usan `$` junto a `$1`, `$2`, etc. entonces `$` se convierte a `$1`:
8583

8684
```
8785
#($1 + $)
@@ -90,5 +88,5 @@ O también:
9088
Se compila a:
9189

9290
```javascript
93-
($1) => $1 + $;
91+
($1) => $1 + $1;
9492
```

public/textos/es/docs/next/jsx.md

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -29,20 +29,20 @@ from "react" import React, {useState}
2929
fun Example () =
3030
const [count, setCount] = useState 0
3131
32-
@div [
33-
@p "You clicked {count} times"
34-
@button {onClick #(setCount (count + 1)}
32+
#div [
33+
#p "You clicked {count} times"
34+
#button {onClick #(setCount (count + 1)}
3535
"Click me"
3636
]
3737
```
3838

3939
## API
4040

41-
La única sintáxis nueva sería el uso de `@` para indicar una etiqueta de JSX.
41+
La única sintáxis nueva sería el uso de `#` para indicar una etiqueta de JSX.
4242

4343
```
4444
// Escribir
45-
@div
45+
#div
4646
4747
// Equivale a
4848
<div></div>
@@ -52,7 +52,7 @@ Los atributos del elemento se pasan dentro de un objeto.
5252

5353
```
5454
// Escribir
55-
@div {className "contenedor"}
55+
#div {className "contenedor"}
5656
5757
// Equivale a
5858
<div className={"contenedor"}></div>
@@ -64,7 +64,7 @@ El último parámetro determina los hijos del elemento, y puede ser un string, a
6464

6565
```
6666
// Escribir
67-
@div {className "contenedor"} "Hola mundo"
67+
#div {className "contenedor"} "Hola mundo"
6868
6969
// Equivale a
7070
<div className={"contenedor"}>Hola mundo</div>
@@ -76,10 +76,10 @@ Si se pasa un array se definen varios hijos
7676

7777
```
7878
// Escribir
79-
@div {className "contenedor"} [
80-
@h1 "Blog"
81-
@br
82-
@p "Bienvenido a mi blog"
79+
#div {className "contenedor"} [
80+
#h1 "Blog"
81+
#br
82+
#p "Bienvenido a mi blog"
8383
]
8484
8585
// Equivale a
@@ -114,17 +114,17 @@ const estilos = Stylesheet.create {
114114
115115
// Crear un elemento Titulo
116116
fun Titulo props =
117-
@h1 {className css estilos.titulo} "Bienvenido, {props.usuario.nombre}!"
117+
#h1 {className css estilos.titulo} "Bienvenido, {props.usuario.nombre}!"
118118
119119
120120
fun PantallaBienvenida () =
121121
// Crear un array de p
122-
const elementos = [1, 2, 3].map #(@p {key $1} "Elemento {$}")
122+
const elementos = [1, 2, 3].map #(#p {key $1} "Elemento {$}")
123123
124124
125-
@div {className css estilos.contenedor} [
126-
@Titulo {usuario {nombre "Pedro"}}
127-
@br
125+
#div {className css estilos.contenedor} [
126+
#Titulo {usuario {nombre "Pedro"}}
127+
#br
128128
elementos
129129
]
130130
```

0 commit comments

Comments
 (0)