En el mundo del desarrollo web, React ha marcado un antes y un después en la creación de interfaces. Pero, ¿te has encontrado alguna vez con el dilema de optimizar el rendimiento y mejorar la experiencia de usuario en tus proyectos React? Aquí es donde Next.js entra en juego, y en EDteam te explicamos todo lo que necesitas saber, porque tú sabes que en español, #NadieExplicaMejor.
¿Qué es React?
React es una librería de frontend para construir las interfaces. Es decir, que con React creas las pantallas de tu aplicación y las interacciones en cada una de ellas. Esto significa que las páginas de tu aplicación son solo un HTML vacío, al cual React le inyecta el contenido en tiempo real. Por eso se dice que React solo se encarga de las vistas y lo hace demasiado bien. No por nada, es la tecnología número uno del frontend.
Sin embargo, el principal reto de este enfoque es que el navegador tiene demasiada responsabilidad, lo que en algunas ocasiones puede hacer que el sitio tarde en cargar y se le deba poner un loader o que el navegador consuma mucha RAM o batería.
Estos retos los resuelve Next aprovechando todas las ventajas de React y llevándolas al servidor.
¿Por qué usar Next.js?
Con Next puedes usar el mismo React que ya conoces, pero desde el servidor, de tal manera que ahora las interfaces se construyen usando todo el poder del servidor y quitándole responsabilidad al navegador. Pero sigue siendo frontend. De locos.
Con Next puedes crear tres tipos de aplicaciones web:
- Dinámica en el navegador. Lo de toda la vida, el navegador recibe un div vacío y React crea la interfaz en tiempo real.
- Dinámica en el servidor. React se ejecuta en el servidor y entrega al navegador las interfaces ya construidas.
- Estática. Si tu sitio no cambia, o cambia muy poco, generas un build que te entrega HTML, CSS y JavaScript estáticos. Y que puedes actualizar automáticamente cada cierto tiempo cuando los contenidos de tu sitio cambien.
Mi nombre es Beto Quiroga, soy COO y líder de frontend en EDteam y seré tu profesor en el curso: Next.js desde cero, dónde aprenderás la última versión del framework más importante de React.
Si quieres aprender a crear aplicaciones web modernas y con buenas prácticas y elevar tu nivel como frontend, te espero en este curso. Si eres estudiante premium ya está disponible en tu cuenta y si aún no lo eres puedes ver gratis las primeras clases para que compruebes por qué, en español, #NadieExplicaMejor que EDteam.