Actualizar Proyecto React
Guía completa 2025 – React 19
1. Verifica tu versión actual
npm list react react-dom
# o con Yarn: yarn list react react-dom
# o con Yarn: yarn list react react-dom
Create React App (CRA)
Paso 1 – Actualiza React
npm install react@latest react-dom@latest
Paso 2 – (Opcional) Actualiza scripts
npm install react-scripts@latest
CRA está obsoleto. Migra a Vite.
Vite (recomendado)
npm install react@latest react-dom@latest
npm install vite@latest @vitejs/plugin-react@latest
npm install vite@latest @vitejs/plugin-react@latest
Pasos generales (cualquier proyecto)
- Backup:
git commit -m "Backup" - Actualiza:
npm install react@latest react-dom@latest - Limpia:
npm cache clean --force
rm -rf node_modules package-lock.json
npm install - Prueba:
npm start
Cambios clave al actualizar
| De → A | Cambio importante |
|---|---|
| React 18 → 19 | Nuevo use hook, Server Components, React Compiler |
| React 17 → 18 | Nuevo root API: createRoot |
| CRA → Vite | HMR más rápido, menor bundle |
Migrar de CRA a Vite
npm create vite@latest mi-proyecto -- --template react- Copia
src/ypublic/ - Configura
package.jsony elimina CRA
Comando rápido
npm install react@latest react-dom@latest
npm start
npm start
