Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ReactDOMServer Package #40

Closed
wants to merge 4 commits into from
Closed

ReactDOMServer Package #40

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ef063b5
react dom server added
gabobaxx Oct 22, 2022
f8bd940
react dom server index link added and compound components pattern ind…
gabobaxx Oct 22, 2022
a709e84
more info at react dom server fixed
gabobaxx Oct 22, 2022
3946e68
ReactDOMServer Package
gabobaxx Oct 24, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 24 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,9 +41,10 @@
- [¿Qué hace el hook `useId`?](#qué-hace-el-hook-useid)
- [¿Cómo podemos ejecutar código cuando el componente se monta?](#cómo-podemos-ejecutar-código-cuando-el-componente-se-monta)
- [¿Qué son los Fragments en React?](#qué-son-los-fragments-en-react)
- [¿Qué es el Compound Components Pattern?](#¿qué-es-el-compound-components-pattern?)
- [¿Qué es el Compound Components Pattern?](#qué-es-el-compound-components-pattern)
- [¿Cómo puedes inicializar un proyecto de React desde cero?](#cómo-puedes-inicializar-un-proyecto-de-react-desde-cero)
- [¿Qué es React DOM?](#qué-es-react-dom)
- [¿Qué es ```react-dom/server```?](#qué-es-react-domserver)
- [Intermedio](#intermedio)
- [¿Cuántos `useEffect` puede tener un componente?](#cuántos-useeffect-puede-tener-un-componente)
- [¿Cómo podemos ejecutar código cuando el componente se desmonta del árbol?](#cómo-podemos-ejecutar-código-cuando-el-componente-se-desmonta-del-árbol)
Expand Down Expand Up @@ -898,6 +899,28 @@ Mientras que la biblioteca de *React*, a secas, es el motor de creación de comp

---

#### ¿Qué es ```react-dom/server```?

ReactDOMServer es el paquete que contiene todos los métodos necesarios para hacer un [server side rendering](#qué-es-el-server-side-rendering-y-qué-ventajas-tiene) utilizando React.

Entre sus métodos más básicos están:

- ```renderToString()```: retorna un HTML en formato string y se usa para generar el HTML desde en el servidor.

- ```renderToStaticMarkup()```: similar al método anterior con la diferencia de que no crea la propiedad ```data-reactroot``` en el HTML generado.

<strong><i>Para profundizar más sobre este tema se tiene la pregunta:

- [¿Cómo puedes crear un Server Side Rendering con React desde cero?](https://github.com/midudev/preguntas-entrevista-react#c%C3%B3mo-puedes-crear-un-server-side-rendering-con-react-desde-cero)</i></strong>

Enlaces de interés:

- [Documentacion Oficial de React sobre ReactDOMServer](https://reactjs.org/docs/react-dom-server.html#rendertostring)

**[⬆ Volver a índice](#índice)**

---

### Intermedio

#### ¿Cuántos `useEffect` puede tener un componente?
Expand Down