TypeScript Monthly: TS Code Gen for APIs, TS Codemods, Custom ESLint Rules
Welcome!
Come join us at Cahoots in Ann Arbor on the first Tuesday of every month! Fully catered by Jerusalem Garden and after the 2nd talk we'll have warm cookies delivered from Insomnia Cookies. Cahoots has super fast WiFi and every seat will have will have a power outlet so bring your laptop.
This month we have three amazing speakers:
TypeScript Code Generation for APIs
A large part of a frontend engineer's job is dealing with APIs, consuming and updating data. In a typed codebase, we know that the largest risk is dealing with data at the "edges" of the system; I/O data such as user input or from the network. In this talk, we'll explore some options for reducing bugs and increasing productivity with TypeScript, OpenAPI (Swagger), and GraphQL.
Rob Meyer is a staff engineer working (mostly) on the ReScript/TypeScript React frontend using GraphQL at Autobooks, a fintech startup headquartered in Detroit, MI.
Building a Type Import Codemod
The 4.5 release of TypeScript added a new type import modifier syntax, which allows us to be explicit about which named imports are types and which are not. This talk will discuss the new syntax, why you might want to use it, and the creation of a codemod to combine type and value imports across your entire codebase.
Ian VanSchooten is the lead frontend developer at Defined Networking and the organizer of the SEM.js meetup group. He helps to maintain the vite builder for Storybook and a few other open source projects. When he isn't coding, he's probably hanging out with his family, renovating his house, or taking care of his ducks and bees.
Writing a Custom ESLint Rule
All the basics you need to know to get started writing custom lint rules for your project. Why? Sometimes there are things you'd like to enforce that are specific to your own project. We'll look at three good community use-cases for this (typescript-eslint itself, MUI, and Elastic UI) and give you the tools you need to apply the same design patterns for your own project.
Brett Merrifield is a frontend engineer at Kraken, leading the charge on cryptocurrency trading. He enjoys functional programming, tinkering with Rust, and micro-frontend applications. Recently, in his free time he's been playing entirely too much Rocket League.
Parking Info
Thankfully, parking should be very easy! There are a a few parking garages nearby, the closest being 4th and Washington. Also, street parking is free after 6pm and available all around the area.
Walk in through the Cahoots main entrance at 206 E. Huron St. which is the big wooden door under many small windows with 'Kleinschmidt Insurance' chiseled in stone on above the door.
If you have any questions please feel free to reach out to [email protected].
See you there!