Building a Full-Stack Web Application with Python, NPM, Webpack and React

Discover how to build a full-stack web application using Python, NPM, Webpack, and React in this 32-minute EuroPython Conference talk. Learn the step-by-step process of creating a robust web application, starting with the initial project setup and progressing through the installation and configuration of essential tools. Explore the structure of web applications, understand the importance of JavaScript package managers and module bundlers, and gain insights into single-page vs. multi-page applications. Master the art of building your application, utilizing the watch command, and harnessing the power of React for creating dynamic user interfaces. Dive into practical examples, including creating a React app class, implementing a "Hello" component, and enhancing the layout with CSS. By the end of this talk, gain the confidence and knowledge needed to develop your own full-stack web applications using these cutting-edge technologies.

Intro
THE STRUCTURE OF A WEB APP
NITUL PROJECT SETUP
WERE GOING TO NEED A JAVASCRIPT PACKAGE MANAGER
WHY WE NEED A NODULE BUNDLER
INSTALL & CONFIGURE WEBPACK
SINGLE VS MULTI PAGE APPLICATIONS
BUILDING YOUR APPLICATION
START THE WATCH COMMAND
THE BENEFITS OF USING REACT
INSTALL REACT
ADD A REACT APP CLASS
START THE SERVER
CREATE THE HELLO CLASS
CREATE A NICE LAYOUT WITH CSS
THANK YOU ANY QUESTIONS?