@@ -29,20 +29,20 @@ from "react" import React, {useState}
2929fun 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
116116fun Titulo props =
117- @ h1 {className css estilos.titulo} "Bienvenido, {props.usuario.nombre}!"
117+ # h1 {className css estilos.titulo} "Bienvenido, {props.usuario.nombre}!"
118118
119119
120120fun 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