Django+React Configuración de desarrollo de pila completa usando Dact

Cuando trabajamos en un proyecto que tiene Django como back-end y tiene un potente front-end usando React , la configuración de desarrollo toma una cantidad significativa de tiempo para configurar: configurar Babel, Webpack, URL, vistas, etc. Solíamos configurar hasta esto antes para comenzar con ReactJS antes de que llegara npx create-react-app . El comando npx … Continue reading «Django+React Configuración de desarrollo de pila completa usando Dact»

¿Cómo mostrar u ocultar elementos en React?

ReactJS es una arquitectura completa basada en componentes que se utilizan para crear increíbles componentes de interfaz de usuario y de desarrollo. En cualquier aplicación React, se trata de componentes, por lo que, por lo general, tenemos que trabajar con nuevos componentes para desarrollar una interfaz de usuario rica. Por lo tanto, según las diferentes … Continue reading «¿Cómo mostrar u ocultar elementos en React?»

¿Cómo crear un botón Me gusta receptivo en ReactJS?

React es una biblioteca de JavaScript utilizada para desarrollar interfaces de usuario interactivas. Haremos una función Me gusta usando React JS. Módulos requeridos: npm Reaccionar fuente impresionante npm install –save @fortawesome/react-fontawesome Configuración básica: Inicie un proyecto con el siguiente comando: NPX : es una herramienta de ejecución de paquetes que viene con npm 5.2+, npx es … Continue reading «¿Cómo crear un botón Me gusta receptivo en ReactJS?»

ReactJS | Gancho useState

Los componentes funcionales son algunos de los componentes más utilizados en ReactJS. La mayoría de los desarrolladores prefieren usar componentes funcionales en lugar de componentes basados ​​en clases por la sencilla razón de que los componentes funcionales requieren menos codificación (por parte del desarrollador). Sin embargo, dos características principales de la clase se pierden cuando … Continue reading «ReactJS | Gancho useState»

ReactJS | Introducción a JSX

Ya habíamos dicho en nuestro artículo sobre Introducción a ReactJS que React es una biblioteca de JavaScript declarativa, eficiente y flexible para crear interfaces de usuario. Pero en lugar de usar JavaScript normal, el código de React debe escribirse en algo llamado JSX. Veamos un ejemplo de código JSX:  const ele = <h1>This is sample JSX</h1>; … Continue reading «ReactJS | Introducción a JSX»

Las 10 principales extensiones para ReactJS en VSCode

Para hacer su desarrollo más rápido y más fácil, instale algunas de las Extensiones de Visual Studio que se describen a continuación y cree su desarrollo más y más herramientas poderosas que la alternativa. Las 10 principales extensiones para ReactJs en VSCode son: La extensión Bracket Pair Colorizer . (Depreciado) La extensión de cambio de … Continue reading «Las 10 principales extensiones para ReactJS en VSCode»

React.js | Entradas no controladas frente a entradas controladas

En HTML, los elementos de formulario como <input>, <textarea>, <select>, etc. normalmente mantienen su propio estado y lo actualizan según la entrada del usuario. En React, un estado mutable (modificable) generalmente se mantiene en la propiedad de estado de los componentes. En los formularios de React, el valor de entrada puede ser de dos tipos según … Continue reading «React.js | Entradas no controladas frente a entradas controladas»

Introducción a los ganchos de reacción

¿Qué son los ganchos? Los ganchos son una nueva incorporación en React 16.8. Permiten a los desarrolladores usar el estado y otras funciones de React sin escribir una clase. Por ejemplo, el estado de un componente. Es importante tener en cuenta que los ganchos no se usan dentro de las clases. ¿Por qué la necesidad … Continue reading «Introducción a los ganchos de reacción»

Usando API con estilo en ReactJS

Los componentes con estilo en ReactJS son una biblioteca CSS-in-JS que se puede usar para un mejor diseño de interfaz de usuario. Esta API nos permite crear un componente con estilo y aplicar todas las propiedades de estilo. Para usar API con estilo en React, necesitamos instalar componentes con estilo. requisitos previos: Fundamentos de ReactJS … Continue reading «Usando API con estilo en ReactJS»

Los 7 mejores libros para aprender React JS

Es posible que haya escuchado el dicho, el trabajo duro es la clave del éxito , que podría haber sido relativo en el pasado, pero ahora el escenario ha cambiado. Ahora el mundo se ha desarrollado tanto que solo esforzarse no garantiza el éxito; tendrás que hacer un trabajo inteligente. ReactJs es la biblioteca front-end … Continue reading «Los 7 mejores libros para aprender React JS»