¿Cuál es el buen marco para construir una aplicación web progresiva?

Los sitios web progresivos están creciendo rápidamente en popularidad como una forma de crear aplicaciones con JavaScript, CSS y HTML que tienen un nivel de rendimiento y usabilidad casi idéntico a las aplicaciones nativas.

ReactJS es un buen marco para comenzar porque:

  • Es administrado y administrado por Facebook dándole longevidad.
  • Es una base para React Native, esto le permite portar aplicaciones creadas con React a aplicaciones nativas.
  • Desarrolladores que ya conocen JS, por lo que no necesitan aprender un nuevo idioma.
  • Los datos enriquecidos se pueden pasar rápidamente a través de la capa DOM.
  • ReactJS admite JavaScript sin procesar y JSX. JSX es una sintaxis similar a XML para escribir JavaScript.

Use una plantilla de polímero:.

  • Empuje recursos críticos para la ruta inicial
  • Renderizar la ruta inicial
  • Pre-cachear las rutas restantes
  • Carga lenta y crea rutas restantes bajo demanda

Herramientas extra

  • AMP (páginas móviles aceleradas)
  • AngularJS
  • Ionic 2

Recuerde elegir siempre las herramientas con las que está familiarizado.

El desarrollo de una aplicación web progresiva no tiene relación con el idioma que elija para desarrollar su aplicación web.

Si no tiene Angular, sería un desarrollo mucho más rápido.

jQuery te ayuda a crear aplicaciones de múltiples páginas fácilmente. En aplicaciones web ideales, Angular, Polymer, React, jQuery o vanilla javaScript incluso se usan juntas para diferentes secciones, teniendo en cuenta qué beneficios está tratando de aprovechar.

Por ejemplo, mi startup tiene una aplicación web, broad.io, que tiene 4 partes.

  • Página de inicio principal y páginas de contenido estático (jQuery usado para soporte de navegador cruzado)
  • Panel de control (Angular 1.5, y actualización a Angular 2 pronto)
  • Documento de soporte (Polymer funcionó bien para nosotros)
  • Nuestras API están escritas en JavaScript vainilla

Descargo de responsabilidad: soy el cofundador de una ‘herramienta de aplicación web progresiva’.

Espero que te ayude a imaginar para tu sitio web, y una vez que elijas alguno, podrás comenzar a crear una aplicación web progresiva. No será una tarea difícil, pero definitivamente exigiría un conocimiento más profundo de la tecnología, el tiempo y el mantenimiento.

Hay muchos recursos para comenzar, código abierto y herramientas pagas para notificaciones push web.

En Widely, permitimos que cualquier sitio web se actualice a una aplicación web progresiva en menos de 15 minutos con el código de copia plug and play . Puedes probar esto para una experiencia más rápida, ¡es absolutamente gratis también! 🙂

Aplicación web progresiva

Progresivo es un trabajo para todos los usuarios y también una capacidad de respuesta que se adapta a cualquier sistema de formularios, como la tableta, el escritorio, el dispositivo móvil o lo que sea que venga a continuación. Las PAW están conectadas a redes de baja calidad de acceso. -enganchable a características fáciles de usar como notificaciones push. Haga que sea posible compartir fácilmente a través de URL y no requiera una instalación compleja. Las aplicaciones deberían poder funcionar sin conexión.

Las últimas tecnologías | Aplicaciones web progresivas en India

El modelo de aplicación superior actual es antiguo e intenta buscar algo nuevo en las industrias de diseño web y móvil. Millones de aplicaciones disponibles dificultan la tendencia de una aplicación en los negocios y el mercado. Crear una aplicación nueva y más reciente también es un problema en el desarrollo de ecosistemas y aplicaciones puede ser costoso

El mundo se conecta cada vez más a Internet, así como a aplicaciones móviles. Las aplicaciones web progresivas intentan resolver todos los problemas, como el mantenimiento, el costo y la calidad.

¿Buen marco para construir aplicaciones web progresivas?

  • PWA.rocks
  • Knockear
  • PWABuilder
  • AngularJS

Desde mi perspectiva, Magento es la primera opción cuando se trata de crear aplicaciones web progresivas. Aquí hay un buen ejemplo de aplicaciones web progresivas creadas en la plataforma Magento .

¡Es gratis para que pueda descargarlo y evaluarlo fácilmente!

Más cosas que te pueden interesar:

Aplicación web progresiva: guía de la A a la Z

Ejemplos exitosos de aplicaciones web progresivas (PWA)

Demostración progresiva de aplicaciones web

Tutorial de aplicación web progresiva

Aplicaciones web progresivas: ¿Las ventajas superan a las desventajas?

¿Cuál es el papel de la aplicación web progresiva en la mejora de su SEO?

[Guía definitiva] Conversión de su sitio a aplicaciones web progresivas de Google (Parte 1)

Mis 2 centavos

Polymer + Express + NodeJS + Sequelize + PostgreSQL

El polímero le permite crear sus propios componentes web y la encapsulación CSS facilita el diseño de elementos individuales. Express es un marco que le brinda el código repetitivo para su aplicación de nodo. Sequelize es un ORM que actúa como pagador entre su aplicación y la base de datos. Para DB, use PostgreSQL ya que brinda una forma estructurada de almacenar datos como RDBMS y también almacena objetos que lo ayudan a competir contra los que no son RDBMS.

¡La mejor de las suertes!

Echa un vistazo a Polymer App Toolbox: Polymer App Toolbox – Polymer Project

Esto le proporciona plantillas para comenzar, componentes para diseñar y crear una aplicación, y una herramienta de línea de comandos que genera el Service Worker que convierte lo que construye en una aplicación web progresiva.

[Divulgación completa: soy el gerente de producto del proyecto Polymer]

Hay 7 que están siendo utilizadas por marcas de todo el mundo para desarrollar PWA dentro de una semana y, a veces, más

Aquí están –

Pero antes de eso. Un descargo de responsabilidad. Soy un culto como seguidor de ReactJS para PWA. Tanto es así, que me estoy desmayando por este artículo sobre la plataforma de aplicaciones Create React.

Sí, lo sé. Fandom

Entonces, volviendo a eso, no haré el sesgo de respuesta al difundir el amor de ReactJS aquí también (hecho lo suficiente en el artículo vinculado anteriormente). Estos son los otros marcos que también son bastante buenos (con un toque de sarcasmo).

  1. Knockear
  2. AngularJS
  3. Paquete web
  4. PWABuilder

Pero entonces, ReactJS es súper genial.

Mobsted Mobile App Maker: plataforma en la nube para crear aplicaciones web móviles

Plataforma en la nube para construir, entregar y ejecutar

Grandes aplicaciones web móviles

  • Progressive Mira y siente una aplicación nativa
  • Puntaje acelerado del 100% por GTmetrix
  • Icono de aplicación multicanal en un teléfono inteligente, bots de chat de mensajería, web móvil
  • Multiplataforma Automático optimizado y independiente del sistema operativo

Ionic 2 es bastante bueno. Tiene soporte para aplicaciones web progresivas y usa Angular 2. Puede leer más sobre Ionic y PWA en The Official Ionic Blog

Si no, diría que React + Material-UI es una buena apuesta.

Si necesita un backend, utilice uno propio o use algo como Firebase | El éxito de la aplicación simplificado

Polymer.js es excelente, incluye código repetitivo y componentes web para cosas como Service Worker (para almacenar en caché toda su aplicación), enrutamiento del lado del cliente y otras características interesantes de la aplicación de una sola página

Hola,

Estamos creando una aplicación web progresiva para las ligas de futbolín y blogueando sobre nuestro progreso:

Creación de una aplicación web progresiva – Parte 1: antecedentes y back-end

Habrá una nueva publicación de blog dentro de unos días sobre cómo elegir el marco de la interfaz y más sobre el backend.

¡Disfrutar!

Saludos,
Morten

Recomiendo probar con appstylo, el mejor creador de aplicaciones en línea.

Con su creador de aplicaciones fácil de usar, cualquiera, incluso sin habilidades de codificación, podría crear y publicar la asombrosa aplicación web progresiva en minutos.

Estoy trabajando para esta startup y me complacerá responder a su pregunta y brindarle soporte.

Aclamaciones,