Welcome to my blog

Here you will find various blog posts on all things related to Frontend and JavaScript but especially on things related to Nuxt, React, Testing and Performance.

nuxt

react

testing

Design Tokens and Theming

react design tokens theming

As frontend developers we are normally given a design from Figma or similar tools that we then need to turn into code. So where do we start? What are the first steps we should take when converting our design into code?

March 24, 2022

Theming in React

bit react theming

Theming is a fascinating topic and a really important one these days as more and more people add light and dark mode to their sites and companies change the theme of their site or part of their site on specific dates to celebrate occasions such as christmas, pride week etc.

March 10, 2022

Building a Cart Context Component

react context

Creating a generic cart component that can add and remove a product from the cart using React Context. This component can then be used in any other component or app to create more specific cart components.

February 2, 2022

Building and Testing a Counter Component

react testing

We want to build and test a counter component built with React and TypeScript. So where do we start? Which components do we need to build to create this component and what do we test?

January 12, 2022

TypeScript and Children

typescript react

What happens when we pass in children in React? Children is a special prop that allows us to pass in any type of element. It could be a number, a string, a boolean, an array of elements or even another component. So how can we check the types?

January 11, 2022

Building and Testing a Select Component

react testing

Building a Select component with a Composition to see the component render in isolation as well as Tests using React Testing Library to test the select works on change and shows a new value.

January 10, 2022

Testing a Button Component

react testing

Testing a button component with React Testing Library. What to test and how to test your button component when building multiple compositions of the button.

January 7, 2022

Building an ecommerce Product details component

architecture bit react

Where do you start when building a product page for an e-commerce store? How do you think about naming the components and how much to break down the components? What do you start building first and why?

December 23, 2021

Understanding TypeScript

typescript react

TypeScript is a superset of JavaScript. Any types that are added are not part of the final bundle so really TypeScript is there to make your life easier as a developer.

October 6, 2021

...