From c75b751e5669e939d468087e56dae29ebb0a29cf Mon Sep 17 00:00:00 2001 From: Giu Magnani Date: Wed, 6 Feb 2019 11:04:25 +0100 Subject: [PATCH 1/2] Add translation for Styling and CSS --- content/docs/faq-styling.md | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/content/docs/faq-styling.md b/content/docs/faq-styling.md index 3079b14ad..2e2db58ad 100644 --- a/content/docs/faq-styling.md +++ b/content/docs/faq-styling.md @@ -1,14 +1,14 @@ --- id: faq-styling -title: Styling and CSS +title: Estilo y CSS permalink: docs/faq-styling.html layout: docs category: FAQ --- -### How do I add CSS classes to components? +### ¿Cómo agrego clases CSS a los componentes? -Pass a string as the `className` prop: +Pasa una string como la prop `className`: ```jsx render() { @@ -16,7 +16,7 @@ render() { } ``` -It is common for CSS classes to depend on the component props or state: +Es común que las clases CSS dependan de las props o del estado del componente: ```jsx render() { @@ -30,22 +30,22 @@ render() { >Tip > ->If you often find yourself writing code like this, [classnames](https://www.npmjs.com/package/classnames#usage-with-reactjs) package can simplify it. +>Si a menudo escribes código como este, el paquete [classnames](https://www.npmjs.com/package/classnames#usage-with-reactjs) puede hacerlo más simple. -### Can I use inline styles? +### ¿Puedo usar estilos en línea? -Yes, see the docs on styling [here](/docs/dom-elements.html#style). +Sí, ve la documentación sobre estilo [aquí](/docs/dom-elements.html#style). -### Are inline styles bad? +### ¿Los estilos en línea son malos? -CSS classes are generally better for performance than inline styles. +Las clases CSS son generalmente mejores para el rendimiento que los estilos en línea. -### What is CSS-in-JS? +### ¿Qué es CSS-in-JS? -"CSS-in-JS" refers to a pattern where CSS is composed using JavaScript instead of defined in external files. Read a comparison of CSS-in-JS libraries [here](https://github.com/MicheleBertoli/css-in-js). +"CSS-in-JS" se refiere a un patrón donde el CSS se compone usando JavaScript en lugar de definirlo en archivos externos. Lee una comparación de las bibliotecas CSS-in-JS [aquí](https://github.com/MicheleBertoli/css-in-js). -_Note that this functionality is not a part of React, but provided by third-party libraries._ React does not have an opinion about how styles are defined; if in doubt, a good starting point is to define your styles in a separate `*.css` file as usual and refer to them using [`className`](/docs/dom-elements.html#classname). +_ Ten en cuenta que esta funcionalidad no es parte de React, sino que es proporcionada por bibliotecas de terceros. React no tiene una opinión sobre cómo se definen los estilos; en caso de dudas, un buen punto de partida es definir tus estilos en un archivo `*.css` separado como de costumbre y referirse a ellos usando [`className`](/docs/dom-elements.html#classname). -### Can I do animations in React? +### ¿Puedo hacer animaciones en React? -React can be used to power animations. See [React Transition Group](https://reactcommunity.org/react-transition-group/) and [React Motion](https://github.com/chenglou/react-motion), for example. +React puede usarse para potenciar animaciones. Revisa [React Transition Group](https://reactcommunity.org/react-transition-group/) y [React Motion](https://github.com/chenglou/react-motion), por ejemplo. From 3d428f5ed53fad17fb8bd393c39e9a4de3c84557 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alejandro=20=C3=91=C3=A1=C3=B1ez=20Ortiz?= Date: Fri, 8 Feb 2019 09:12:30 +0100 Subject: [PATCH 2/2] Update content/docs/faq-styling.md Co-Authored-By: GiuMagnani --- content/docs/faq-styling.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/faq-styling.md b/content/docs/faq-styling.md index 2e2db58ad..370152115 100644 --- a/content/docs/faq-styling.md +++ b/content/docs/faq-styling.md @@ -44,7 +44,7 @@ Las clases CSS son generalmente mejores para el rendimiento que los estilos en l "CSS-in-JS" se refiere a un patrón donde el CSS se compone usando JavaScript en lugar de definirlo en archivos externos. Lee una comparación de las bibliotecas CSS-in-JS [aquí](https://github.com/MicheleBertoli/css-in-js). -_ Ten en cuenta que esta funcionalidad no es parte de React, sino que es proporcionada por bibliotecas de terceros. React no tiene una opinión sobre cómo se definen los estilos; en caso de dudas, un buen punto de partida es definir tus estilos en un archivo `*.css` separado como de costumbre y referirse a ellos usando [`className`](/docs/dom-elements.html#classname). +_Ten en cuenta que esta funcionalidad no es parte de React, sino que es proporcionada por bibliotecas de terceros._ React no tiene una opinión sobre cómo se definen los estilos; en caso de dudas, un buen punto de partida es definir tus estilos en un archivo `*.css` separado como de costumbre y referirse a ellos usando [`className`](/docs/dom-elements.html#classname). ### ¿Puedo hacer animaciones en React?