Habilidades para garantizar el éxito

Esta guía cubre las habilidades técnicas clave para un desarrollo exitoso con PWA Kit.

En general, los desarrolladores de PWA Kit deben sentirse cómodos con lo siguiente:

• Armado de aplicaciones universales de React.js.
• Codificado en ES6 JavaScript.
• Estilizado de componentes de IU con CSS.
• Trabajo con las RESTful API como Salesforce Commerce API.
• Desarrollo de aplicaciones web con Node.js y Express.js.
• Uso de npm para gestionar paquetes y ejecutar scripts.

Si se siente identificado con esto, entonces está listo para empezar. Lo que sigue es un inventario más completo de las habilidades utilizadas en la construcción de una aplicación de escaparate con PWA Kit. No se preocupe si no es un experto en todo. Trabajar con el PWA Kit ofrece muchas oportunidades para divertirse aprendiendo nuevas habilidades en gran demanda.

Una aplicación PWA Kit se codifica en JavaScript moderno. Incluso su CSS está escrito en JavaScript.

Una aplicación de comercio headless realiza frecuentes solicitudes de red, por lo que el conocimiento de fetch() es crucial. Recomendamos utilizar una biblioteca de búsqueda universal (búsqueda cruzada, por ejemplo) que funcione tanto en un navegador como en un entorno de Node.js. Para obtener el máximo rendimiento, debe ser capaz de escribir código asíncrono con Promises y asíncrono y espera.

• Curso en línea: JavaScript moderno desde el comienzo
• Curso en línea: Concurrencia de JavaScript
• MDN: API Fetch- API web
• fetch() cheatsheet
• El servidor web Express.js
• Cómo depurar una aplicación de Node.js
• Gestión de paquetes npm
• Uso de scripts de ejecución de npm

React es la base de todas las aplicaciones PWA Kit. La documentación de React oficial es un excelente punto de partida. Es tan útil que recomendamos leerla completa. Para un enfoque más específico en el aprendizaje de React, intente centrarse en los componentes, las props, el ciclo de vida de la renderización y la gestión del estado, lo que incluye nuevos conceptos como los enlaces que se introdujeron en React 16.8.

• Curso en línea: React moderno
• Componentes y props: React
• Gestión de estado
• Estado y sincronización con efectos
• Contexto
• Límites de error
• Enlaces Inicio rápido, tutorial e información general de referencia
• Renderización del lado del servidor
• Hidratación
• Depuración con DevTools de React
• Extensiones de React como router de React y casco de React

Su aplicación obtiene todos los datos comerciales de Salesforce Commerce Cloud mediante las API. Debe estar familiarizado con las API RESTful en general y con B2C Commerce API y Open Commerce API (OCAPI) en particular.

• Referencia de la API de Commerce
• API Developer Sandbox Rest de B2C Commerce

Dependiendo de los detalles de su proyecto, se valorarán los conocimientos y habilidades adicionales en las siguientes áreas:

• Principios de arquitectura para aplicaciones de una sola página y el patrón backend para frontend
• Pruebas de rendimiento de páginas web con Lighthouse y WebPageTest
• La Lista de verificación de PWA
• Interacción con las API a través de herramientas como cURL y Postman
• Redes y almacenamiento en caché de HTTP
• Web analytics
• Optimización del motor de búsqueda
• Configuración de herramientas de construcción como webpack
• Realización de cambios y cortes de rendimiento de DNS
• Trabajar con bibliotecas JavaScript de terceros para mejorar la funcionalidad del sitio
• Técnicas de maquetación de diseño web responsivo con consultas de medios, flexbox y matriz