Comprensión de libros de cuentos y formas de escribir Stories for React

Storybook es una herramienta de desarrollo de interfaz de usuario de código abierto. Ayuda a los desarrolladores a crear componentes de interfaz de usuario organizados y reutilizables con la documentación adecuada de forma independiente. El componente que creamos se llama la historia en Storybook. En este artículo, entenderemos los siguientes temas: Cómo escribir una historia … Continue reading «Comprensión de libros de cuentos y formas de escribir Stories for React»

Cree un compilador de código en línea usando React.js y Node.js

En este artículo, aprenderemos cómo crear un compilador de código en línea usando React.js como frontend y Express.js como backend. Los usuarios podrán escribir código C, C++, Python y Java con el resaltado de sintaxis adecuado, así como compilarlo y ejecutarlo en línea. El principal objetivo de construir un compilador en línea es facilitar a … Continue reading «Cree un compilador de código en línea usando React.js y Node.js»

¿Por qué los fragmentos son mejores que los divs de contenedores?

React Fragments es una forma moderna de agregar múltiples elementos a un React Component sin envolverlos en Nodes DOM adicionales. React.js representa el JSX utilizando la declaración de devolución. Para renderizar un componente, usamos el método render, que renderiza un solo Node raíz a la vez. Siempre que necesitemos representar varios elementos, debemos incluirlos en … Continue reading «¿Por qué los fragmentos son mejores que los divs de contenedores?»

¿Qué es el algoritmo de diferenciación?

React usa DOM virtual , que es una versión ligera del DOM. La única diferencia es la capacidad de escribir la pantalla como el DOM real; de hecho, se crea un nuevo DOM virtual después de cada renderizado. DOM almacena los componentes de un sitio web en una estructura de árbol. Cómo se actualiza DOM … Continue reading «¿Qué es el algoritmo de diferenciación?»

Consumir una API de GraphQL usando fetch – React Client

En este artículo, aprenderemos a desarrollar una aplicación React, que obtendrá los datos de una API GraphQL pública mediante Fetch. Usaremos la API The Movie Database Wrapper (TMDB) para obtener los programas disponibles con nombre/palabra clave. Puede encontrar la referencia de la API y los enlaces del código fuente al final de este artículo. Antes … Continue reading «Consumir una API de GraphQL usando fetch – React Client»

Segmentos de ruta dinámica de Next.js

En este artículo, aprenderemos cómo podemos obtener la ruta actual en nuestro proyecto NextJS. NextJS es un marco basado en React. Tiene el poder de desarrollar hermosas aplicaciones web para diferentes plataformas como Windows, Linux y Mac. La vinculación de rutas dinámicas ayuda a representar sus componentes NextJS de forma condicional. Los segmentos de rutas … Continue reading «Segmentos de ruta dinámica de Next.js»

¿Cómo pasar la propiedad de los accesorios de un componente principal a un componente secundario?

En este artículo, aprenderemos cómo pasar la propiedad del componente principal al componente secundario en React js. Al incorporar el componente secundario dentro del componente principal en React, los desarrolladores deben enviar propiedades o datos al componente secundario desde el componente principal.  React.js nos permite usar props (forma abreviada de propiedad) para pasar datos del … Continue reading «¿Cómo pasar la propiedad de los accesorios de un componente principal a un componente secundario?»

Componente de renderizado condicional usando Enums en ReactJS

En algunas situaciones, el desarrollador de React Js necesita renderizar y ocultar componentes según la condición particular. Por ejemplo, al crear una aplicación de lista de tareas pendientes, el desarrollador debe procesar tareas si hay alguna tarea pendiente disponible; de ​​lo contrario, debe mostrar un mensaje como «No hay ninguna tarea pendiente disponible». Hay varios … Continue reading «Componente de renderizado condicional usando Enums en ReactJS»

¿Cuáles son las ventajas de usar la CLI create-react-app?

Introducción:  para comenzar con cualquier marco, debe comprender qué archivos necesita instalar. Con React no tienes que preocuparte por esto. React instalará todos los archivos necesarios para que puedas comenzar con un solo comando. Tendrá todos los paquetes necesarios instalados y podrá comenzar a renderizar y construir su proyecto a la vez.   Enfoque: los … Continue reading «¿Cuáles son las ventajas de usar la CLI create-react-app?»

Cosas esenciales que debe saber como React Developer

ReactJS es una biblioteca JavaScript de código abierto que se utiliza para crear la interfaz de usuario impresionante para el front-end del sitio web. React JS también es famoso por el código declarativo, basado en componentes y Learn Once, Write Anywhere. En este artículo, sabemos lo esencial como desarrollador reciente que se detalla a continuación: … Continue reading «Cosas esenciales que debe saber como React Developer»