Buscar con React JS, PHP, MySQL y Bootstrap

Tutoriales

Demo Github

El potencial de React JS es que puedes crear los módulos que requieras, pero también es muy rápido para las consultas a la base de datos, no por algo es usado por Facebook.

Para los que no saben React JS es el framework javascript, usado en la Red Social mas famosa del mundo “Facebook”.

Recalcar que React JS no tiene ni esta hecho para MVC, pero puede interactuar con Angular JS y Backbone JS, para hacerlo MVC.

React JS usa la arquitectura FLUX:

flux-react

En este oportunidad les enseñare a como buscar un ítem en tiempo real con React JS, la información la jalo de mi Base de datos MySQL con PHP. (El buscador de FanPages, Amigos, Grupos, etc. de Facebook Usa esta tecnología para hacer las búsquedas.)

react

index.php

Nota: Dejare comentarios  dentro de los componentes, para explicar que hace cada javascript.

 

data.php

Ahora en nuestro archivo data.php conectamos a la Base de Datos MySQL e imprimimos los registros:

Listo !

Podemos ver la aplicación funcionando en la siguiente DEMO.

Si desean le agregan una columna mas y la llaman acciones y allí colocan los botones editar, eliminar y también en la parte superior colocan un botón agregar nuevo item y que les habrá un popup bootstrap y tendrán un CRUD.

Espero les sirva de mucho el Tutorial.

 

Pueden descargar el código alojado en nuestro repositorio GitHub.

Sígueme en Twitter: @pepoflex

Hasta nuestro siguiente artículo !

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required