Stefan Baumgartner

Web ops, performance and front-end

List of articles

Streaming your Meetup - Part 2: Speaker video

We successfully set up the projector in our last chapter. Now it’s time to record the speaker himself. I’ll show you a couple of options how you can record the speaker video. It’s up to your budget and up to the quality you want to achieve.

Read more

Streaming your Meetup - Part 1: Basics and Projector

When we did Script’18 in January 2018, we borrowed an A/V equipment worth of 35.000 EUR to make sure we get kick-ass videos. A+ camera, an A/V mixer and a hard disc recording system that does editing on the fly. We wanted to go live with our recordings directly after the conference.

Read more

TypeScript and React Guide: Added a new styles chapter

CSS in JS! In all possible ways. Or at least, in 5 of them. I collected a list of popular ways on how to style React components: emotion, styled components, styled-jsx, inline styles and webpack imports. The focus is again on typings. How well do they play with TypeScript? How complete are TypeScript integrations. Have fun!

Check it out

TypeScript and React Guide: Added a new render props chapter

This took me exactly one year. But mostly due to not finding a lot to talk about. Typings for React render props are extremely easy and show through typings what its all about: About sharing state between components. Check out the chapter in my TypeScript + React guide.

Check it out

TypeScript and React Guide: Added a new prop types chapter

React has a built-in way of type checking called prop types. This works at run time and is a great accompanying feature for TypeScript. I’ve added a small chapter on prop types in my React and TypeScript guide.

Check it out

TypeScript without TypeScript -- JSDoc superpowers

One way to think about TypeScript is as a thin layer around JavaScript that adds type annotations. Type annotations that make sure you don’t make any mistakes. The TypeScript team worked hard on making sure that type checking also works with regular JavaScript files. TypeScript’s compiler (tsc) as well as language support in editors like VSCode give you a great developer experience without any compilation step. Let’s see how.

Read more

TypeScript: Mapped types for type maps

Factory functions are a popular tool in JavaScript to create a diversity of objects with a single call. There’s a particular factory function that you might have used at some point:

Read more

JAMStack vs serverless web apps

JAMStack seems to be one of the most trending topics right now. So are serverless web apps. Hot and loved! I’ve seen some tweets, articles and even live presentations just this week that talk about JAMStack and serverless web apps as if they are the same. For good reason. In an ideal scenario, serverless web apps and JAMStack sites/apps are indistinguishable.

Read more

The Unsung Benefits of JAMStack Sites

This post originally appeared on dev.to

Read more

TypeScript: Ambient modules for Webpack loaders

When you work on modern JS apps you most likely use Webpack. Webpack always looked like a very complicated build tool to me, until I realised that it’s nothing but a JavaScript bundler. A JavaScript bundler that allows you to bundle everything! CSS, Markdown, SVGs, JPEGs, you name. It exists and helps the web, you can bundle it.

Read more