During the workshop, we will complete exercises. To participate, you need to install some necessary tools (if you haven't already).
You can use this guide to check, if your setup works before the workshop. This ensures you have time to resolve any issues, especially if your computer has security restrictions or you lack full administrative access.
For Your Laptop/PC
Ensure the following are installed on your laptop/PC:
- Git (for cloning the workspace)
- Node.js and package manager (see below)
- A Web Browser
- An IDE or a Text Editor. If you already have a preferred editor, use it during training to avoid learning a new tool. Otherwise, the following tools are recommended:
- WebStorm (Evaluation version is sufficient)
- IntelliJ IDEA (Ultimate Edition; evaluation version is also sufficient)
- Visual Studio Code
Note on IntelliJ/Webstorm TypeScript support
When using IntelliJ or Webstorm, please make sure you're using an up-to-date release of it. Older versions might not work correctly with the recent version of TypeScript that we're using during the workshop
- Please use a Node.js LTS version (currently 22.x). For testing, I used version
22.14, but I think newer versions should also work. - I'm using pnpm as my package manager, because I find it more performant than npm and it has an simpler cli.
- If you do not have pnpm installed, you can either:
- Install pnpm. The easiest way is to use "corepack" for the installation. Corepack is part of Node.js. More information: https://pnpm.io/installation#using-corepack
- Do not use pnpm. Probably installing the packages in the workspace will also work with
npm, that is part of Node.js.
Optional: Browser Extensions for React
- For working with React, there a developer tools for your browser.
- Find more information here: https://react.dev/learn/react-developer-tools
- These Developer Tools are not required for the workshop.
During the Training
- As updates may need to be installed before and during training, ensure that your computer has internet access throughout the session:
- Ensure that installing (p)npm packages and pulling Git repositories also work during the training.
- Check that no proxy, VPN, firewall, or other settings prevent access to Git and npm.
Online-Training
- Please keep your camera on during the training! Otherwise, it’s difficult for me to see if I am boring you or if you’re struggling to keep up.
- You only need to turn on your microphone when you want to speak or ask a question (which you are welcome to do at any time!).
- Wi-Fi is convenient, but a wired network connection is more stable for (long) streaming sessions. If possible, use a cable connection instead of Wi-Fi (and disable Wi-Fi) for a smoother experience 😊.