Workshops

Webpack - The Good Parts

Juho Vepsäläinen

In this high-level overview you'll learn how to configure Webpack. Even if you know it already, there might be some surprises in store as you gain insight to the tool you otherwise might miss.

Topics covered

• Fundamental ideas of webpack;
• Development techniques;
• Build techniques;
• Asset management;
• Bundle/code splitting;
• Build analysis;
• Optimizing the build.

Ideally, you can bring your own webpack-based projects/problems to look at, so you get something concrete in addition to the previous topics. If you don't have a project to improve, you'll still get value out of the workshop.

Frequently Asked Questions

Do I need a laptop with a local setup?

Yes.

Which tools should I install?

• Node >= 8;
• An editor of your choice. VS Code is free and it has everything that you need out of the box.

Hint: You can use nvm, nvm-windows, or n to easily switch Node versions on your machine.

What are the prerequisites for this workshop?

Basic knowledge of JavaScript and Node/npm.

React Advanced

Kristijan Ristovski (Kitze)

This workshop will cover advanced React patterns and recent features.

Topics covered

Advanced Patterns

We'll explore all the advanced techniques for making flexible and maintainable React components. We'll see how using popular patterns like Compound Components, Controlled Components, Render Props, Function As A Child etc. can help us in simplifying things, making our components more reusable and our apps more declarative.

React 16 & Beyond

React 16 comes with some major changes and an update to the core algorithm. In this module, we'll explore some practical use-cases for Portals, Fragments etc. React.lazy and Suspense will help us to easily code split and lazy load components in our app in order to reduce the final size of the bundle. We'll see how the new Context API can simplify state-management and various component reusability patterns.

Hooks

Classes are so 2018, so we'll start by learning everything about the biggest change that happened to React: Hooks. Combined with Context, they are changing the entire state-management game. We'll cover useState, useEffect, useContext, etc. Although useful on their own, they're even more powerful when combined and abstracted away in custom hooks.

Frequently Asked Questions

Do I need a laptop?

Yes.

Do I need to have a local setup?

Only if you want to. We’re gonna use CodeSandbox for all the exercises so you can even use an iPad or a Chromebook.

If I want a local setup, which tools should I install?

• Node >= 6;
• create-react-app;
• An editor of your choice. VS Code is free and it has everything that you need out of the box.

Hint: You can use nvm, nvm-windows, or n to easily switch Node versions on your machine.

What are the prerequisites for this workshop?

• Good knowledge of JavaScript, and most of the new ES6 features;
• Good understanding of React and most of its concepts.