React

  1. 5 ejemplos prácticos para aprender el framework React

    Probablemente haya oído hablar del popular marco JavaScript de Facebook:React. Es utilizado por muchos sitios web populares, incluido el propio Facebook e Instagram. En este artículo, encontrará 5 ejemplos prácticos que se han creado con React y que le darán una ventaja inicial con el marco. ¿Qué ti

  2. Creando tu primera aplicación web con React

    React ha ganado mucha popularidad recientemente y ha atraído a una comunidad grande y activa. Esto da como resultado una gran cantidad de componentes reutilizables que le ahorrarán tiempo al codificar. La propia biblioteca fomenta la escritura de código débilmente acoplado que es modular y componibl

  3. Reaccionar rápidamente Screencasts

    Cada capítulo de mi nuevo libro React Quickly (Manning, 2016) tiene un proyecto que se complementa con un video screencast. Mira los videos aquí o en YouTube. El código está en GitHub. Reaccionar rápidamente Además, puede descargar el primer capítulo completo GRATIS en Manning. El lanzamiento del

  4. Encuentro con React.js:un extracto de 'React Quickly'

    Este es un extracto de React Quickly (Manning, 2016). Puede descargar el primer capítulo completo de forma gratuita en Manning . El lanzamiento del libro está programado para el primer trimestre de 2016, pero MEAP ya está disponible. Usa el código “mardandz ” para obtener un 39 % de descuento. Cada

  5. Pila web reactiva:3RES:React, Redux, RethinkDB, Express, Socket.io

    Esta publicación ha sido escrita por Scott Hasbrouck. Puedes encontrarlo en Twitter o en su sitio web. No ha sido más que maravilloso ver que JavaScript realmente se incendió en los últimos años en la tecnología web, y finalmente se convirtió en el lenguaje más utilizado en 2016, según los datos de

  6. Cómo crear un componente de lista Seleccionar todo en React con Next.js

    Cómo crear un componente de lista de selección total usando React en una aplicación Next.js. Primeros pasos Para este tutorial, usaremos CheatCode Next.js Boilerplate para darnos un punto de partida para nuestro trabajo. Primero, clone el modelo: Terminal git clone https://github.com/cheatcode/ne

  7. Cómo crear un formulario de tarjeta de crédito usando Stripe.js con React.js en Next.js

    Cómo crear un formulario de tarjeta de crédito usando Stripe.js y Stripe Elements, así como también cómo recuperar el valor de ese formulario de tarjeta de crédito y generar un token fuente de Stripe. Primeros pasos Para este tutorial, para darnos un punto de partida para nuestro trabajo, vamos a

  8. Tutorial de React:una descripción general y un tutorial

    Escuché sobre React desde que comencé a aprender JavaScript, pero admito que le eché un vistazo y me asustó. Vi lo que parecía un montón de HTML mezclado con JavaScript y pensé, ¿no es esto lo que hemos estado tratando de evitar? ¿Cuál es el problema con React? En cambio, me concentré en aprender

  9. Cree una aplicación CRUD en React con Hooks

    Se introdujo un nuevo concepto en React - Hooks. Los ganchos son una alternativa a las clases. Si ha usado React antes, estará familiarizado con los componentes simples (funcionales) y componentes de clase . Componente simple } Componente de clase } } Muchas de las funciones disponibles para las

  10. Uso de elementos editables de contenido en JavaScript (React)

    Cualquier elemento se puede hacer editable con la adición de contenteditable atributo. Este atributo se usa en toda la web, como en Hojas de cálculo de Google. No te voy a decir que uses o no uses contenteditable elementos en su aplicación. Si elige usar contenteditable , puede encontrar este artícu

  11. Uso de React Router para una aplicación de una sola página

    React no viene con un enrutador incorporado, pero podemos lograr fácilmente el enrutamiento con el react-router-dom biblioteca. Enrutamiento es cómo una aplicación web dirige el tráfico. (Si sabe qué es el enrutamiento, no dude en omitir esta sección). Ejemplo:Si vas a taniarascia.com, terminas en

  12. Usando la API de contexto en React (ganchos y clases)

    React Context API es una forma de crear esencialmente variables globales que se pueden pasar en una aplicación React. Esta es la alternativa a la perforación de accesorios, o pasar accesorios de abuelo a padre a hijo, y así sucesivamente. El contexto a menudo se promociona como una solución más simp

  13. Cómo y cuándo usar el contexto en React con Hooks

    Hace un tiempo, escribí un artículo sobre el uso de la API de contexto en React. Sin embargo, la mayoría de mis ejemplos en esa página usaban componentes de Clase, static contextType y Consumer , que es una forma heredada de tratar con Context y en TYOOL 2021 queremos componentes agradables, limpios

  14. React Architecture:cómo estructurar y organizar una aplicación React

    No hay consenso sobre la forma correcta de organizar una aplicación React. React te da mucha libertad, pero con esa libertad viene la responsabilidad de decidir sobre tu propia arquitectura. A menudo, el caso es que quien configura la aplicación al principio arroja casi todo en un components carpeta

  15. Cómo crear una animación de carga en React from Scratch

    Introducción Cuando se crean aplicaciones React que obtienen contenido de fuentes externas que tardan algún tiempo en cargarse, siempre es una buena idea brindar una experiencia de usuario agradable atrayendo a los usuarios y manteniendo su atención con un cargador, ya que esto ayuda a los usuarios

  16. Cómo crear una animación de carga en React con react-spinners

    Introducción Cuando se crean aplicaciones React que obtienen contenido de fuentes externas que tardan algún tiempo en cargarse, siempre es una buena idea brindar una experiencia de usuario agradable atrayendo a los usuarios y manteniendo su atención con un cargador, ya que esto ayuda a los usuarios

  17. Cómo implementar una aplicación React en Heroku

    Introducción Cuando un desarrollador crea una aplicación, el siguiente paso es compartirla con amigos o con el público para que todos puedan acceder a ella. Ese proceso de transferir código de un entorno de desarrollo a una plataforma de alojamiento donde se sirve a los usuarios finales se denomina

  18. Guía para implementar una aplicación React en Netlify

    Introducción Despliegue es el proceso de mover nuestro código de un sistema de control de código fuente a una plataforma de alojamiento donde se almacena y se puede servir como una aplicación para los usuarios finales. Por lo general, esto se hace en la nube o en un servidor local. Antes de la lle

  19. Guía para la gestión de eventos de React

    Introducción Los eventos suelen representar algún tipo de interacción entre el usuario y la aplicación:cada vez que un usuario hace clic en el objeto, escribe en el campo de entrada, arrastra o suelta algún elemento, etc. Por lo tanto, cada evento suele requerir algún tipo de reacción de la aplicac

  20. Guía para Reaccionar Componente

    Introducción Un componente es probablemente el concepto más importante para entender en React. Es uno de los bloques de construcción básicos de React que nos permite dividir una interfaz de usuario en piezas independientes y reutilizables, lo que facilita mucho la tarea de crear interfaces de usuar

Total 23725 -Tutorial de JavaScript  FirstPage PreviousPage NextPage LastPage CurrentPage:1/1187  20-Tutorial de JavaScript/Page Goto:1 2 3 4 5 6 7