Curso de Rendimiento en Angular

Clases del Curso de Rendimiento en Angular

Instruido por:
Nicolas Molina
Nicolas Molina
Básico
3 horas de contenido
Ver la ruta de aprendizaje
Platzi Shop
Proyecto del curso
Platzi Shop

Usando los nuevos features de Angular 8, optimiza todas las funciones de Platzi Shop hasta llevar el proyecto a producción.

Curso de Rendimiento en Angular

Curso de Rendimiento en Angular

Progreso del curso:0/23contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/23contenidos(0%)

Introducción

Material Thumbnail

Angular 8 Performace

00:47 min

Analizando el tamaño del Bundle

Material Thumbnail

¿Qué es un bundle size? Tree shaking y su importancia

04:21 min

Material Thumbnail

Implementando Webpack Bundle Analyzer

07:36 min

Material Thumbnail

Moment vs date-fns

13:01 min

Material Thumbnail

Aplicando un Performance Budget desde el Angular CLI

05:45 min

Aumenta la velocidad de navegación

Material Thumbnail

Code splitting a nivel de rutas

06:15 min

Material Thumbnail

Implementando una propia estrategia de precarga

08:23 min

Material Thumbnail

Implementando QuicklinkStrategy

09:11 min

Material Thumbnail

Usando Machine Learning para predecir rutas

06:15 min

Material Thumbnail

Google Analytics y Angular

11:21 min

Material Thumbnail

Implementando GuessJs

13:13 min

Material Thumbnail

Precarga con Service workers

09:21 min

Material Thumbnail

¿Qué es Server Side Render?

03:35 min

Material Thumbnail

Implementando Angular Universal

09:23 min

Material Thumbnail

Cuidados con SSR y Angular

09:18 min

Rendimiento en tiempo de ejecución

Material Thumbnail

¿Qué es el Change Detection?

09:17 min

Material Thumbnail

Preparando módulo para Change Detection

09:52 min

Material Thumbnail

Analizando el Change Detection

11:11 min

Material Thumbnail

Optimización de componentes con OnPush

08:34 min

Material Thumbnail

Usando pipes puros

08:11 min

Conclusiones

nuevosmás votadossin responder
Camila Alejandra Cardona Otálora
Camila Alejandra Cardona Otálora
Estudiante

Cómo saber que modulo es al que se refiere Angular una vez ha compilado?

2
TAMARA HILARION JAIR FABIAN
TAMARA HILARION JAIR FABIAN
Estudiante

tengo una duda como se podria realizar el balanceo en aplicaciones de angular ??

1
Rodrigo Rodriguez
Rodrigo Rodriguez
Estudiante

Amigos de Platzi, logre hacer que funcionara el SSR en el servidor pero unicamente si lo cargo como
midominio-com

ya no funciona

midominio-com con https

Alguien podria indicarme por donde puede venir el problema o por donde investigar ?

1
Rodrigo Rodriguez
Rodrigo Rodriguez
Estudiante

Hola a todos, tengo la siguiente duda, si el home hace llamadas al API y se hace server side rendering, tendriamos que hacer las llamadas al api solo cuando se esta en el servidor ? , por lo tanto tendria que hacer uso de
if platformServer para saber si corresponde hacer la llamada. ??

1
Rodrigo Rodriguez
Rodrigo Rodriguez
Estudiante

Hago el build y veo que ahora en la carpeta “dist” genera dos carpetas “browser” y “server” , en esta ultima hay un archivo main.js

La duda es ¿Donde debe ir el archivo main en el servidor de produccion?

¿Como verifico si se esta haciendo el server side rendering?

1
capacita.ti
capacita.ti
Estudiante

Al 2021 -> Esta aplicación está bloqueada
Esta aplicación ha intentado acceder a información sensible de tu cuenta de Google. Para proteger tu cuenta, Google ha bloqueado este acceso.

1
Juan Diego Brocca Salazar
Juan Diego Brocca Salazar
Estudiante

Cuando levanto el SSR me sale el siguiente mensaje de error:

@ngrx/store: The feature name “siteContext” does not exist in the state, therefore createFeatureSelector cannot access it.  Be sure it is imported in a loaded module using StoreModule.forRoot(‘siteContext’, ...) or StoreModule.forFeature(‘siteContext’, ...).  If the defaultstate is intended to be undefined, as is the case with router state, this development-only warning message can be ignored.

Alguien sabe porque?

1
Oscar Morera García
Oscar Morera García
Estudiante

Estoy teniendo el siguiente error al momento de correrlo
npm run dev:ssr

C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:1008
name: window.location.pathname,
^

**ReferenceError: window is not defined
at routingInstrumentation (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:1008:19)
at BrowserTracing.HEiX.BrowserTracing.setupOnce (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:80075:9)
at setupIntegration (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:3305:17)
at C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:3320:9
at Array.forEach (<anonymous>)
at Object.setupIntegrations (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:3318:37)
at BrowserClient.baEJ.BaseClient.setupIntegrations (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:114924:48)
at Hub.5EJM.Hub.bindClient (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:54891:20)
at Object.initAndBind (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:175954:9)
at Object.init (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:91413:12)
at Object.init (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:206453:15)
at Module.ZAI4 (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:112280:54)
at webpack_require (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:26:30)
at Module.24aS (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:43459:69)
at webpack_require (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:26:30)
at Module.K011 (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:85263:80)
at webpack_require (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:26:30)
at Module.uj+Y (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:215423:74)
at webpack_require (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:26:30)
at Object.0 (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:3048:18)
at webpack_require (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:26:30)
at C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:117:18
at Object.<anonymous> (C:\Users\Oscar\Documents\TFS_HANGARTEC\platzi-store\dist\platzi-store\server\main.js:120:10)
at Module._compile (internal/modules/cjs/loader.js:1076:30)
at Object.Module._extensions…js (internal/modules/cjs/loader.js:1097:10)
at Module.load (internal/modules/cjs/loader.js:941:32)
at Function.Module._load (internal/modules/cjs/loader.js:782:14)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
at internal/main/run_main_module.js:17:47

A server error has occurred.
node exited with 1 code.
connect ECONNREFUSED 127.0.0.1:57734**

Cual puede ser la causa de este problema?

1
Oscar Morera García
Oscar Morera García
Estudiante

Consulta es posible utilizar una mezcla de estas estrategias?

1
Sergio Naranjo Morales
Sergio Naranjo Morales
Estudiante
Captura de pantalla 2021-06-09 124522.jpg

No se porque me aparece este error en el shared module

1