Reacciona: enrutament lateral del client

Bloc

Reacciona: enrutament lateral del client

Ús de React Router per implementar l’encaminament lateral del client

Què és l’encaminament del costat del client

L’encaminament al costat del client es produeix quan la ruta es fa mitjançant el codi frontal (Javascript / JSX) que es carrega a la pàgina. Quan es fa clic a un enllaç, la ruta es canviarà a l'URL, però s'impedirà la sol·licitud del servidor. L'estat canviarà la URL. Aquest canvi d'estat donarà lloc a una visualització diferent de la pàgina web.

Vegem un exemple del món real, diguem que teniu una aplicació que us permet veure els vostres blocs, la vostra pàgina de perfil i els vostres esborranys. Cadascuna d’aquestes pàgines té una visualització diferent del mateix SPA (aplicació d’una sola pàgina). Amb l’encaminament del costat del client, obtindreu les dades que necessiteu per mostrar totes aquestes pàgines a la primera pàgina de càrrega. Quan un usuari fa clic per veure els seus esborranys, el contingut ja està a punt i, per tant, es renderitzarà més ràpidament que si feu una sol·licitud al servidor per a aquesta pàgina.

Velocitat és l’avantatge principal de l’encaminament del costat del client. Només fem una sol·licitud al servidor i, per tant, no hem d’esperar que el servidor ens torni a respondre. Tot s’emmagatzema al costat del client i és accessible per a nosaltres quan ho necessitem.

Nota: tota la nostra pàgina no s'actualitzarà quan s'utilitzi l'encaminament del costat del client. En canvi, només canviaran els elements de la pàgina.

Inconvenients de l'encaminament del costat del client

Ja que estem carregant tot el nostre codi a la inicial ACONSEGUIR sol·liciteu que pot ser bastant lent per a la renderització inicial de la pàgina, sobretot si teniu una aplicació molt gran. Aquest és un dels majors inconvenients de l’encaminament del client.

Un altre inconvenient és el rastreig del motor de cerca menys optimitzat per als SPA. Google treballa per millorar el rastreig a les SPA, però encara és molt menys eficient que fer-ho en aplicacions del servidor.

#react #javascript

medium.com

Reacciona: enrutament lateral del client

Ús de React Router per implementar l’encaminament del client. L’encaminament del client a React ajuda a mantenir l’experiència d’usuari perfecta que promet una aplicació típica d’una sola pàgina. Això s’aconsegueix a través d’una biblioteca React externa anomenada React Router