React.js | Configuración con Webpack y Babel | desde Cero sin usar create-react-app

Muestro cómo configurar un proyecto React.js desde cero usando Webpack y Babel, sin usar generadores como create-react-app.

✅ Contenido:
00:00 Introducción
00:29 Iniciar el proyecto React.js con npm
04:39 Instalar y configurar Webpack
09:13 Instalar y configurar Babel
14:18 Instalar y configurar los plugins CleanWebpackPlugin y HtmlWebpackPlugin
17:08 Instalar y configurar los polyfill usando core-js
18:40 Configurar browserslist
19:37 Instalar y configurar webpack-dev-server y los source-map
21:25 Resumen

📺 Videos de la serie sobre webpack:
https://www.youtube.com/watch?v=2UBKjshUwM8&list=PL9T-KKyKXNCl7XuLL-U7i1TFg78HKCB8C

👀 Les sugiero pongan el video en 1080p para que puedan ver el código con nitidez.

👍 Suscríbete al canal y activa la campanita para que no te pierdas ningún video:
https://www.youtube.com/yoelvism?sub_confirmation=1

🐤Sígueme en twitter:
https://twitter.com/ymulenll

📌Enlaces:
Código del ejemplo: https://github.com/ymulenll/react-boilerplate

Notas:
Creo que es útil saber hacer la configuración por nosotros mismos por si estamos en un proyecto donde necesitamos hacerlo desde cero y además para saber cómo funciona React.js internamente y las herramientas que hacen posible y facilitan su uso. No obstante, no recomiendo esta configuración para un proyecto real ya que existen todavía varias optimizaciones que se pueden hacer, las cuales pienso compartir en otro video.

Muchas gracias por ver este video, espero le haya sido útil.

#webpack

#reactjs