![on the code](/img/default-banner.jpg)
- Видео 39
- Просмотров 262 654
on the code
Ирландия
Добавлен 13 окт 2011
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
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
mil gracias carnalito!
Alguém sabe como usar o código em site hospedado no github
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
increible tu forma de explicar..me encanta como explicas....genial me reencanto el proyecto...gracias
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!
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!
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
por favor podrias hacer un ejemplo deployando un proyecto de strapi en vercel ? se puede?
Muchas gracias por el video, funciono perfectamente!
Infinitas gracias por el tutorial @on the code !!! Saludos desde Colombia 🤜
🤛 gracias por ver, Saludos!!
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!!
Muy piola
Gracias
excelente video bro, puedes hacer un ejemplo con axios y explicar sus diferencias en base a rendimiento?
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.
on the code sos muy kpo, pero me podrias pasar de donde sacar documentacion sobre el sdk, no encuentro info para integrar con QR.
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.
Que tipazo
Excelente! Directo y al grano!
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 😁😁😁
Me salvaste la vida
Una pregunta es gratis usar la api?
¡¡¡MUY CRACK!!! segui asi!!
Excelente tutorial
Que bien que explicas chabon! Me despejaste dos millones de dudas que venía enroscado hace un mes 😅
Excelente video. Simple y conciso. Me suscribí y le voy a meter a la serie del e-commerce. Saludos
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?
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
hola hermano, todo bien? me parece que con la ultima version de checkout pro no deja usar mas cuentas de prueba puede ser?
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!
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)
@@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 }
Excelente. Muy Feliz con mi despliegue!!
🥳🥳
Muy bueno!! Ya integre en varios trabajos y 10 puntos!! Graciassss!!
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!
hola bro, te molestaria pasarme como lo hiciste en angular?
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?
Es muy difícil pasar del local a una BD en internet? Cómo podría trabajar esto inicialmente en un sitio gratuito?
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.
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.
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?
Geniooooo, todavia anda esto!!
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!
Hola, podrias subir el git del proyecto por favor?, tengo errores y me ayudarias muchisimo asi pueda comparar
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
No dejes de hacer contenido como este , saludos!!
Gracias!
:)
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
Capo eres un verdadero crack! Te tiro el sub
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?
con cuidado es un HEROE
Espectacular !!!!!! 👍
Crack!!!! podrias hacer uno explicandolo con functions de firebase?
Sos un crack amigo! me sirvio una banda! gracias
crack
una pregunta, cómo hago si no useRef() ? Tengo un formulario y no uso useRef