Developing a Web Interface with TypeScript, React, and Webpack
Developing modern interfaces with TypeScript
Title: Developing a Web Interface with TypeScript, React, and Webpack.
What: How to use TypeScript to enhance the development of modern web interfaces.
Who: Lorenzo Savini.
Where: Student Hotel.
When: Wednesday, September 11th from 7:00 PM to 11:00 PM.
Cost: Free entry, aperitivo included.
Session Abstract
How can you make a web interface more robust while simplifying development? We will explore this in the workshop by introducing TypeScript, accompanied by React for the application side and Webpack for bundling.
The goal of this workshop is to introduce TypeScript, demonstrate how it integrates into a React application, and how to generate the final assets of our interface using Webpack. TypeScript is a typed superset of JavaScript developed by Microsoft and also used for the development of VS Code.
In the first part, the basics of TypeScript will be described, along with its usage and the initial steps to make the most of it. In the second part, a web interface will be developed to clarify the design of an application with these technologies.
The Speaker
Lorenzo Savini has been passionately designing software for over 7 years and is also involved in organizing internal training at Develer to share experiences gained during various stages of development among teams. An expert in Web programming, he successfully uses the workshop technologies on a series of applications that he has developed and maintained for years for a multinational company operating in the Ad Tech sector. He works on the entire stack of web applications: from Backend to Frontend, from monitoring to disaster recovery.
During the evening, the following topics will be covered
- Introduction to TypeScript basics
- Integration of TypeScript with React
- Compiling a TypeScript-React application using a pre-configured Webpack setup
- Creation of a web interface
Session Objectives
Gain practical experience with TypeScript for developing a web interface.
Participation Requirements
- Basic knowledge of HTML, CSS, and JavaScript
- Knowledge of Git
- Basic understanding of ES6 and React
To participate in the practical part, you need to bring your own computer with:
- Advanced text editor (VSCode, SublimeText, etc.)
- Node 10 (Downloadable from this link: https://nodejs.org/en/)
- Git
- Yarn (optional): https://yarnpkg.com/lang/en/
- Clone the repository and set up the project: https://github.com/savo92/ws-typescript-react