Simon Lutterbie – Medium

Simon Lutterbie

Pinned

Simon Lutterbie
in
Level Up Coding

Hello, World! Starting a web app from a blank canvas.

From “blank canvas” to a simple HTML+JS website.

4 min readJan 29, 2021

--

Hello, World! Starting a web app from a blank canvas.

--

Simon Lutterbie

Senior Developer Skills: The ziiiiiiiig and the ZAG

The best senior developers understand what their primary contribution is — the single thing they can do that will have the greatest…

3 min readFeb 27, 2022

--

Senior Developer Skills: The ziiiiiiiig and the ZAG

--

Simon Lutterbie

Using TDD to build a “click counter button” in TypeScript

In which I use Test-Driven Development to build a simple interactive component for my vanilla Typescript web application.

6 min readFeb 13, 2021

--

Using TDD to build a “click counter button” in TypeScript

--

Simon Lutterbie

A new structure for my Single Page Application

In which I refactor my web app to be specifically built around the activities by which users will interact with its content.

7 min readFeb 12, 2021

--

A new structure for my Single Page Application

--

Simon Lutterbie

HTML templates in webpack

In which I use Webpack and Typescript to replace complicated content rendering functions with simple HTML templates.

3 min readFeb 9, 2021

--

HTML templates in webpack

--

Simon Lutterbie

Jest, Typescript, and unit testing

In which I set up jest in my Typescript project, write tests for my utility functions, and discover a great refactoring opportunity.

8 min readFeb 5, 2021

--

Jest, Typescript, and unit testing

--

Simon Lutterbie

Code quality: Prettier and ESLint

Creating clean, clear, and consistent code by using Prettier and ESLint. Developer Experience (DX) for the win!

5 min readFeb 2, 2021

--

Code quality: Prettier and ESLint

--

Simon Lutterbie

Adding webpack to a HTML+Typescript project

When my project required more comprehensive tooling that Typescript could provide, it was time to implement webpack. Here’s how I did it.

6 min readFeb 2, 2021

--

Adding webpack to a HTML+Typescript project

--

Simon Lutterbie
in
The Startup

Refactoring a Static HTML Site Into TypeScript, Part 2 of 2: Navigation

Part 2 of 2, in which I convert a website from a set of static HTML templates to one rendered via Typescript functions.

7 min readJan 31, 2021

--

Refactoring a Static HTML Site Into TypeScript, Part 2 of 2: Navigation

--

Simon Lutterbie
in
The Startup

Refactoring a Static HTML Site Into Typescript, Part 1 of 2: The Content

Part 1 of 2, in which I convert a website from a set of static HTML templates to one rendered via Typescript functions.

5 min readJan 31, 2021

--

Refactoring a Static HTML Site Into Typescript, Part 1 of 2: The Content

--

Simon Lutterbie

Simon Lutterbie

Senior Frontend Engineer committed to creating value and being a force-multiplier. Typescript, React, GraphQL, Cypress, and more. Also: PhD in Social Psychology

Following

Help
Status
About
Careers
Blog
Privacy
Terms
Text to speech
Teams