on the code
on the code
  • Видео 39
  • Просмотров 262 654
integración de PAYPAL con REACT.JS
En este video se muestra como funciona la integración de paypal con React.js utiliznado unicamente frontend
Contacto, colaboraciones y mas información :
linktr.ee/onthecode
documentación paypal javascript-react: developer.paypal.com/sdk/js/reference/
#reactjs #paypal
Просмотров: 84

Видео

La nueva forma de utilizar CONTEXT en REACT 19 | use()
Просмотров 7321 день назад
En este video armamos un context con react 19 utilizando use() aprendiendo y estudiando las mejoras en relación a versiones anteriores de reactJs Contacto y mas información : linktr.ee/onthecode Capítulos: 00:00 Intro 00:15 Capítulo 01: Leyendo blog e instalando react19 02:00 Capítulo 02: Armando el context 06:31 Capítulo 03: consumiendo el context y viendo las mejoras 11:51 Bonus Track #react
Como consumir una API con REACT 19 | use - suspense
Просмотров 2 тыс.28 дней назад
En este video consumimos una api utilizando use() y suspense con react 19 aprendiendo y estudiando las mejoras en relación a versiones anteriores de reactJs Contacto y mas información : linktr.ee/onthecode Capítulos: 00:00 Intro - Presentando el proyecto 00:17 Capítulo 01: Api con React 18 01:37 Capítulo 02: Instalando React 19 02:16 Capítulo 03: Api con React 19 - use - suspense #react #api
Creando un juego SPACE INVADERS con JAVASCRIPT y Aprendiendo P5.js - Paso a Paso
Просмотров 212Месяц назад
En este video, creamos el juego Space Invaders utilizando JavaScript, mientras aprendemos a usar la libreria p5.js código junto con la imagen utilizada en el video github.com/pab-mchn/space-invaders Capítulos: 0:00 intro 0:30 Capítulo 01 2:10 Capítulo 02 4:48 Capítulo 03 6:42 Capítulo 04 18:15 Capítulo 05 24:36 Capítulo 06 33:08 Capítulo 07 38:17 Capítulo 08 43:32 Capítulo 09 51:00 Capítulo 10 ...
Agregando Mercado Pago a un Ecommerce con Javascript | Carrito de Compras - Checkout Pro 2024
Просмотров 1,6 тыс.2 месяца назад
En este video vemos como agregar MercadoPago un Ecommerce con JavaScript integrándole la pasarela de pago de mercado pago. Video sobre como integrar paso a paso Mercado Pago con Javascript: ruclips.net/video/vEXwN9-tKcs/видео.htmlsi=mhRCSO2_BdY6xb19 Video anterior creando el ecommerce: ruclips.net/video/80mh0cl21qE/видео.html Respecto al codigo del video⭐ No soy un creador de contenido famoso y...
Ecommerce con Mercado Pago y Javascript para principiantes | carrito de compras - Checkout Pro 2024
Просмотров 6572 месяца назад
En este video, vemos cómo crear un Ecommerce desde cero con JavaScript para su integración con Mercado Pago. Video siguiente: Integrando Mercado Pago. ruclips.net/video/Gykudr8IAfc/видео.html Respecto al codigo del video⭐ (incluye la integración de Mercado Pago que se ve en la segunda parte) No soy un creador de contenido famoso y millonario. Tampoco me gusta la idea de crear contenido de pago....
Como crear un FILTRO por CATEGORIAS de PRODUCTOS con JAVASCRIPT
Просмотров 6355 месяцев назад
En este video creamos un filtro por categorias de productos con javascript Acá el código ⭐ gist.github.com/pab-mchn/224e2f3292117b5afb874176711397f9 Contacto, colaboraciones y mas información : linktr.ee/onthecode Capítulos: 0:00 intro 1:10 capitulo uno: presentando templete básica 2:36 capitulo dos: mostrando productos disponibles 11:59 capitulo tres: preparando las funciones del proyecto 17:0...
Creando botones para hacer SCROLL HORIZONTAL con html - css y Javascript en varias filas de cards
Просмотров 3745 месяцев назад
En este video creamos de forma muy simple dos botones que sirven para mover varias filas de cards de forma horizontal utilizado HTML - CSS y apenas un poquito de javascript. Gracias :) ❤️ Me dejarías tu ayuda en forma de donación? ☕ Cafecito: cafecito.app/onthecode Mercado Pago: www.mercadopago.com.ar/subscriptions/checkout?preapproval_plan_id=2c9380848b143a00018b1478d8cf0032 PayPal: www.paypal...
Capturando datos de PAGO EXITOSO en MERCADO PAGO con Webhooks - Checkout Pro - ACTUALIZADO 2024
Просмотров 4,1 тыс.6 месяцев назад
En este video se muestra como un camino para lograr capturar información de pagos en Mercado Pago Video Integraciones Mercado Pago: Con Javascript: ruclips.net/video/vEXwN9-tKcs/видео.htmlsi=n9FoR-Bu5gDpRAPC Con React.js: ruclips.net/video/-VD-l5BQsuE/видео.htmlsi=aygJ4GiQ-s2OJSGC Respecto al código del video ⭐ No soy un creador de contenido famoso y millonario. Tampoco me gusta la idea de crea...
Integracion de MERCADO PAGO con MODAL y/o REDIRECCIONAMIENTO | checkout pro Actualizado 2024
Просмотров 2,2 тыс.6 месяцев назад
En este video se muestra como funciona la integración de mercado pago checkout pro utilizando redireccionamiento y/o modal Videos anteriores con la integracion de Mercado Pago: Con Javascript: ruclips.net/video/vEXwN9-tKcs/видео.html Con React.js: ruclips.net/video/-VD-l5BQsuE/видео.html Respecto al código del video⭐ No soy un creador de contenido famoso y millonario. Tampoco me gusta la idea d...
integración de Mercado Pago con ReactJs - Checkout Pro - ACTUALIZADO 2024
Просмотров 9 тыс.8 месяцев назад
En este video se muestra como funciona la integración de mercado pago checkout pro con React.js Respecto al codigo del video⭐ No soy un creador de contenido famoso y millonario. Tampoco me gusta la idea de crear contenido de pago. Prefiero que sea público y gratuito para quien quiera verlo. 😁 Podes apoyarme con mi contenido mediante este link de mercado Pago. mpago.la/1xEiSSE En cuanto reciba e...
integración de Mercado Pago con Javascript - Checkout Pro - ACTUALIZADO 2024
Просмотров 11 тыс.8 месяцев назад
En este video se muestra como funciona la integración de mercado pago checkout pro Respecto al codigo del video⭐ No soy un creador de contenido famoso y millonario. Tampoco me gusta la idea de crear contenido de pago. Prefiero que sea público y gratuito para quien quiera verlo. 😁 Podes apoyarme con mi contenido mediante este link de mercado Pago. mpago.la/1P7ryqw En cuanto reciba el pago dentro...
Como crear un editor de código en tiempo real con javascript | Proyecto para principiantes
Просмотров 4429 месяцев назад
En este video creamos un editor en tiempo real con HTML, CSS y Javascript Articulo con el código completo y comentarios: MUY PRONTO... ❤️ Me dejarías tu ayuda en forma de donación? ☕ Mercado Pago: www.mercadopago.com.ar/subscriptions/checkout?preapproval_plan_id=2c9380848b143a00018b1478d8cf0032 PayPal: www.paypal.com/donate/?hosted_button_id=4ESR6T6LK4EVS Contacto y mas información : linktr.ee/...
Creando una ECOMMERCE APP con REACT NATIVE | Carrito de compras en React Native con EXPO
Просмотров 1,2 тыс.9 месяцев назад
Este es un video pensado para dar los primeros pasos en React Native creando una aplicación de Ecommerce. Acá el código del video ⭐ Me ayudarías dejando una estrella en el repositorio? github.com/pab-mchn/Ecommerce-App-React-Native ❤️ Me dejarías tu ayuda en forma de donación? ☕ Cafecito: cafecito.app/onthecode Mercado Pago: www.mercadopago.com.ar/subscriptions/checkout?preapproval_plan_id=2c93...
Como crear un BUSCADOR DE PRODUCTOS en JAVASCRIPT | FILTRO DE BUSQUEDA en tiempo real
Просмотров 1,3 тыс.9 месяцев назад
En este video creamos un buscador de productos haciendo la funcionalidad de un filtro de búsqueda en JavaScript. Acá una nota en mi blog con el código y algunos comentarios ⭐ dev.to/pabmchn/buscador-y-filtrado-de-productos-en-javascript-45h1 Ejemplo similar con un filtro por categorias: ruclips.net/video/YkAFpaEsOrM/видео.htmlsi=KHW8-nKoMbvYjZju ❤️ Me dejarías tu ayuda en forma de donación? ☕ c...
Como agregar localStorage a un Ecommerce en ReactJs
Просмотров 55510 месяцев назад
Como agregar localStorage a un Ecommerce en ReactJs
Como deployar proyecto de ReactJs en Vercel
Просмотров 79310 месяцев назад
Como deployar proyecto de ReactJs en Vercel
Google Log In con FIREBASE y ReactJs | Firebase Autenticacion
Просмотров 341Год назад
Google Log In con FIREBASE y ReactJs | Firebase Autenticacion
Creando un filtro de busqueda simple con JavaScript
Просмотров 2,2 тыс.Год назад
Creando un filtro de busqueda simple con JavaScript
Mercado Pago con React Js- creando proyecto de donaciones | integracion checkout pro.
Просмотров 2,1 тыс.Год назад
Mercado Pago con React Js- creando proyecto de donaciones | integracion checkout pro.
integración de Mercado Pago con React Js - Checkout Pro
Просмотров 11 тыс.Год назад
integración de Mercado Pago con React Js - Checkout Pro
Como deployar proyecto Backend en Vercel | Node.js - Expess.js
Просмотров 17 тыс.Год назад
Como deployar proyecto Backend en Vercel | Node.js - Expess.js
Ecommerce con Mercado Pago y Javascript para principiantes | carrito de compras - Checkout Pro
Просмотров 11 тыс.Год назад
Ecommerce con Mercado Pago y Javascript para principiantes | carrito de compras - Checkout Pro
Mercado Pago con Javascript - creando proyecto de donaciones | integracion checkout pro.
Просмотров 2,8 тыс.Год назад
Mercado Pago con Javascript - creando proyecto de donaciones | integracion checkout pro.
integración de Mercado Pago con Javascript - Checkout Pro
Просмотров 15 тыс.Год назад
integración de Mercado Pago con Javascript - Checkout Pro
Como limpiar o resetear formulario en React Js
Просмотров 1,9 тыс.Год назад
Como limpiar o resetear formulario en React Js
Creando botones para hacer scroll horizontal con html - css y Javascript
Просмотров 4,7 тыс.Год назад
Creando botones para hacer scroll horizontal con html - css y Javascript
Creando un carrito de compras aplicando react-router-dom y context | Ecommerce Parte 2- React Js
Просмотров 4,2 тыс.Год назад
Creando un carrito de compras aplicando react-router-dom y context | Ecommerce Parte 2- React Js
Como agregar promesas y asincronía con archivo json a un carrito de compras | Ecommerce - Javascript
Просмотров 8 тыс.Год назад
Como agregar promesas y asincronía con archivo json a un carrito de compras | Ecommerce - Javascript
Como recibir correos con React Js de forma simple con Email Js
Просмотров 12 тыс.Год назад
Como recibir correos con React Js de forma simple con Email Js

Комментарии

  • @inmueblesjuan
    @inmueblesjuan 2 дня назад

    mil gracias carnalito!

  • @coracaopiratta
    @coracaopiratta 5 дней назад

    Alguém sabe como usar o código em site hospedado no github

  • @ponic12
    @ponic12 6 дней назад

    Buen video!, pregunta, si hacen transferencia por ALIAS desde diferentes medios de pago a mi cuenta de MP, no me aparece info del pagador (payer) ni el mail, ni el telefono, ni el nombre... Como hago para verificar que se acredito de un pagador especifico? Gracias

  • @user-bi6um1gz1n
    @user-bi6um1gz1n 7 дней назад

    increible tu forma de explicar..me encanta como explicas....genial me reencanto el proyecto...gracias

  • @TermuxxDev
    @TermuxxDev 7 дней назад

    Excelente contenido hermano, se aprende bastante con tus videos, si puedes subir la manera de implementar más métodos de pago o cobrar con tarjeta con ReactJS estaría genial amigo, un saludo a la distancia!

    • @onthecode
      @onthecode 7 дней назад

      Hola! Gracias. Me encanta el tema de métodos de pago, seguro siga subiendo contenido de ese estilo. Se ve muy bien tu canal de termux! Saludos!

  • @williamshung7553
    @williamshung7553 7 дней назад

    Gran video, solo quiero hacerte una consulta si tengo varios productos como hago la parte de orderData. Si pudieras ayudarme con eso soy nuevo en todo esto y no se como hacer esa parte. Gracias

  • @code_castle
    @code_castle 8 дней назад

    por favor podrias hacer un ejemplo deployando un proyecto de strapi en vercel ? se puede?

  • @Lucia-pp9ev
    @Lucia-pp9ev 8 дней назад

    Muchas gracias por el video, funciono perfectamente!

  • @mitchelcardona1947
    @mitchelcardona1947 11 дней назад

    Infinitas gracias por el tutorial @on the code !!! Saludos desde Colombia 🤜

    • @onthecode
      @onthecode 10 дней назад

      🤛 gracias por ver, Saludos!!

  • @teclag5483
    @teclag5483 11 дней назад

    Pregunta de principiante jaja estoy tratando de juntar info sobre estas pasarelas de pago, sabras de que manera se puede implementar algo como tiene pedidos ya? donde no tenga que abrir una pagina nueva o cambiar el aspecto de mi pagina web para poder realizar el pago? Muchas gracias!!

  • @marcostomas2872
    @marcostomas2872 11 дней назад

    Muy piola

  • @israelgonzalez4439
    @israelgonzalez4439 12 дней назад

    excelente video bro, puedes hacer un ejemplo con axios y explicar sus diferencias en base a rendimiento?

  • @renemerlo3243
    @renemerlo3243 12 дней назад

    Hola On the Code, excelente video, felicitaciones. Quería hacerte la siguiente consulta: que pasa si no tenes disponible un backend donde montar el servidor de node?. Ese es mi caso y me quedé colgado ahí. Desde ya, muchas gracias, saludos y espero me puedas ayudar.

  • @luislavayen9495
    @luislavayen9495 15 дней назад

    on the code sos muy kpo, pero me podrias pasar de donde sacar documentacion sobre el sdk, no encuentro info para integrar con QR.

  • @_PulpoPaul
    @_PulpoPaul 15 дней назад

    Estoy desarrollando un sistemita para controlar mis pagos personales, quisiera poder trackear mis gastos basicamente, me gustaría recibir una notificacion en un webhook de MIS propios pagos a cualquier negocio. Tenés idea cual es el producto que debería usar? Será wallet connect? Gracias de antemano.

  • @mateogonzalez6066
    @mateogonzalez6066 15 дней назад

    Que tipazo

  • @jesusmedina9356
    @jesusmedina9356 15 дней назад

    Excelente! Directo y al grano!

  • @mitchelcardona1947
    @mitchelcardona1947 16 дней назад

    Muchas gracias por este tutorial @on the code, no sabes las vueltas que dí hasta en la propia página para encontrar una solución 😁😁😁

  • @alberthpantoja4106
    @alberthpantoja4106 18 дней назад

    Me salvaste la vida

  • @abcd4rio
    @abcd4rio 19 дней назад

    Una pregunta es gratis usar la api?

  • @Tomasmargari
    @Tomasmargari 20 дней назад

    ¡¡¡MUY CRACK!!! segui asi!!

  • @takemyhandarg.3023
    @takemyhandarg.3023 20 дней назад

    Excelente tutorial

  • @MardelGaming
    @MardelGaming 20 дней назад

    Que bien que explicas chabon! Me despejaste dos millones de dudas que venía enroscado hace un mes 😅

  • @TheGabixx
    @TheGabixx 21 день назад

    Excelente video. Simple y conciso. Me suscribí y le voy a meter a la serie del e-commerce. Saludos

  • @mdm3773
    @mdm3773 22 дня назад

    Hola. Estoy desarrollando una app donde implemento un scanner de QR. Desde MI app se escanea el qr de mercadoPago en cualquier tienda y se obtiene una URL. Me estoy quedando trabado en este paso: no puedo redirigir al usuario al checkout en la app de mercadoPago para que pague en la url del código que escaneó. Conocen alguna solución?

  • @mateoelizalde4243
    @mateoelizalde4243 22 дня назад

    Hay alguna manera de captar el evento de retorno a la pagina donde se clickea para efectuar la compra/pago? Porque necesito saber cuando refrescar mi lista de items y asi mostrar que ya se actualizo el status interno del item pagado. Solo encontre los eventos onReady y onSubmit

  • @maximilianosanchez9356
    @maximilianosanchez9356 22 дня назад

    hola hermano, todo bien? me parece que con la ultima version de checkout pro no deja usar mas cuentas de prueba puede ser?

    • @onthecode
      @onthecode 22 дня назад

      Puede ser! Me lo comentarios varios. Yo tadavia no me fije. Cuando lo haga haré un vídeo.. chequeate la documentación a ver si dice algo!

    • @ignaciogalceran4646
      @ignaciogalceran4646 20 дней назад

      Buenas que tal, si deja, lo que no te da es el accessToken de prueba, pero se tiene que utilizar el de produccion (utilizando una integracion desde una cuenta de prueba) el procedimiento seria el siguiente: 1. Crear en tu cuenta principal una integracion con checkoutPro 2. Crear dos cuentas de prueba 3. Elegir una de las cuentas de prueba, iniciar sesion con la misma y crear una nueva integración checkout pro 4. Utilizar el accessToken de produccion de esa cuenta de prueba. 5. Logearse en otra pestaña incognito o en otro navegador web con la otra cuenta de prueba, la cual la vas a usar para comprar con las tarjetas de prueba que mercadopago brinda. puntos importantes a tener en cuenta: 1. Los webhooks que configures deben ser los de produccion (y en la cuenta de prueba donde creaste la integracion), ya que estamos utilizando el accessToken de produccion. 2. el url que obtenemos de la Preference debe ser el siguiente: preference.init_point (ya que preference.sandbox_init_point pertenece al entorno de pruebas, y como menciono en el punto anterior, estamos usando la version de "produccion" por el accessToken. Al parecer cambiaron la forma de utilizar esto en la ultima actualizacion que hicieron)

    • @gabrieldesposito5to3ra12
      @gabrieldesposito5to3ra12 17 дней назад

      @@ignaciogalceran4646Buenas, yo al hacer eso, mi boton de mercado pago no aparece y en la terminal me aparece el siguiente mensaje: { message: ’invalid_token’, error: ’bad_request’, status: 400, cause: null }

  • @ov7bigboyvaldivia921
    @ov7bigboyvaldivia921 22 дня назад

    Excelente. Muy Feliz con mi despliegue!!

  • @RoRo-wf6dw
    @RoRo-wf6dw 22 дня назад

    Muy bueno!! Ya integre en varios trabajos y 10 puntos!! Graciassss!!

  • @mateoelizalde4243
    @mateoelizalde4243 23 дня назад

    Muy bueno, sencillo, claro y concreto. Me ha servido bastante. Solo me costo encontrarle la vuelta para implementarlo en Angular pero salio andando al menos para pruebas. Gracias crack!

    • @nachotosini8247
      @nachotosini8247 2 дня назад

      hola bro, te molestaria pasarme como lo hiciste en angular?

  • @daybarguitar
    @daybarguitar 23 дня назад

    hola muchas gracias, se puede hacer que se cargue 2 productos de 2 vendedores diferentes y hacer un solo pago? y que el dinero vaya a cada vendedor?

  • @nicocorzi
    @nicocorzi 23 дня назад

    Es muy difícil pasar del local a una BD en internet? Cómo podría trabajar esto inicialmente en un sitio gratuito?

  • @XxdestructorxXful
    @XxdestructorxXful 24 дня назад

    AYUDA Quede con una duda, en febrero, despues del ultimo video donde haces esto mismo pero con reactJS subiste un video comentando que ahora MP pedia enviar otro codigo para que no se profujeran errores en el pago en caso de que se fuera el internet o se cerrara la pagina no se duplicara el pago o algo asi.... mi duda es, eso ya no es necesario?? por que creo que borraste el video y veo en este video que el codigo para que funcione sigue siendo igual y me sigue funcionando, pero aun asi tengo la duda.

    • @onthecode
      @onthecode 23 дня назад

      Hola, ese video tuve q borrarlo. No me di cuenta y mostre un dato sensible y preferi borrarlo por seguridad. Tengo que volver a grabarlo! el codigo te va funcionar. Si utilizas payment en lugar de preference(como hago yo en estos videos) ahi si que es obigatorio aplicar idempotencia para q funcione. De todas formas es recomendable que lo hagas, para evitar duplicados.

  • @monsemunoz6541
    @monsemunoz6541 24 дня назад

    Hola buen dia, yo e estado viendo muchos videos y e tenido muchas pruebas, intentando estos filtros, son buenos la verdad, me que filtro me podrias recomendar, para un catalogo de productos, te explico, tengo un pagina donde ofresco productos de canasata basica, alimentos entre mas, son arlededor de 9 html diferentes, cada pagina comparte la misma card, tarjeta donde se actualiza los productos, mi problema es que estoy filtros unicamente busca o te filtra los productos en la misma pagina donde estas, pero a mi gusto, me gustaria que el filtro buscara el productos inculso si no esta en la misma pagina, donde estoy, prodrian ayudarme?

  • @joapede1792
    @joapede1792 24 дня назад

    Geniooooo, todavia anda esto!!

  • @josejones3645
    @josejones3645 25 дней назад

    Muy buenos todos tus videos sobre este tema! Sería posible que aclares la parte de las credenciales de prueba, ya no están disponibles para integraciones con checkoutPro. Gracias!

  • @enzofacelli1716
    @enzofacelli1716 28 дней назад

    Hola, podrias subir el git del proyecto por favor?, tengo errores y me ayudarias muchisimo asi pueda comparar

  • @NandaKore8
    @NandaKore8 29 дней назад

    no tiene nada que ver lo que voy a comentar, pero alguna vez te dijeron que tenes la voz igual al "Demente"???, el youtuber jajaj siento que me esta dando clases el boludo, igual, masterclass, muy buenos tus videos, a romperla crackkkkk

  • @federicocallegari7972
    @federicocallegari7972 Месяц назад

    No dejes de hacer contenido como este , saludos!!

  • @mr.fabian8471
    @mr.fabian8471 Месяц назад

    Gracias!

  • @lucaksstrive2457
    @lucaksstrive2457 Месяц назад

    Crack! un lujo este video muy buena onda y bien explicado! faltó agregar un detalle luego del if para que no se creen multiples botones dejo codigo: if (window.checkoutButton) window.checkoutButton.unmount(); window.checkoutButton = await bricksBuilder.create("wallet",.......resto de codigo

  • @joanenriquealvarezescalera4794
    @joanenriquealvarezescalera4794 Месяц назад

    Capo eres un verdadero crack! Te tiro el sub

  • @marianoprivitera5115
    @marianoprivitera5115 Месяц назад

    Hola! buen video! Estoy teniendo problemas con mi codigo, deberia enviar un email al usuario comprador y otro al admin, pero ambos se envian a la cuenta admin de EmailJS, busque por todos lados habilitar permisos dinamicos, pero no encontre nada, esta vigente esta herramienta aun?

  • @jairo931012
    @jairo931012 Месяц назад

    con cuidado es un HEROE

  • @EduCoder78
    @EduCoder78 Месяц назад

    Espectacular !!!!!! 👍

  • @DesprogramandoConAle
    @DesprogramandoConAle Месяц назад

    Crack!!!! podrias hacer uno explicandolo con functions de firebase?

  • @tincho4204
    @tincho4204 Месяц назад

    Sos un crack amigo! me sirvio una banda! gracias

  • @inakipalacios1203
    @inakipalacios1203 Месяц назад

    crack

  • @mariadelosangelessoriakuen1294
    @mariadelosangelessoriakuen1294 Месяц назад

    una pregunta, cómo hago si no useRef() ? Tengo un formulario y no uso useRef