I'm a frontend developer

Hi, my name is Tobias Lindström. I'm a developer with passion for frontend and an eye for design. This website is created to help others and educate myself to become a greater instructor.

My mono repository 👘
Created my own mono repository with Lerna and called it @gunnarx2. It contains hooks, utilities, linters etc.
01 December 2020 • 1 min read
useTrapFocus(🎯)
With this hook you will be able to trap the focus order and extend it with some grateful options.
26 October 2020 • 1 min read
Airbnb introduces visx 🐯
Collection of reusable low-level visualization components. Combines the power of d3 to generate your visualization with the benefits of React.
05 October 2020 • 1 min read
Cancellation with switchMap and custom promises ⛔
I will show you a simple snippet that uses axios to perform custom promises within switchMap.
29 September 2020 • 1 min read
useScroll(📜)
New hook every day #7. Get scroll amount on y axis and the current direction, and with the opportunity to throttle the callback.
07 August 2020 • 1 min read
useClickOutside(👇)
New hook every day #6. Trigger a callback when the user clicks outside of a defined element.
06 August 2020 • 1 min read
useBreakpoint(💔)
New hook every day #5. With this hook we can communicate the use of breakpoints between SCSS and JavaScript.
05 August 2020 • 1 min read
useWindowSize(📺)
New hook every day #4. Get window width and height with the opportunity to debounce the resize event.
04 August 2020 • 1 min read
useResize(🛠)
New hook every day #3. A callback will be triggered when a resize event takes place. The hook can be debounced to be helpful to the browser.
03 August 2020 • 1 min read
useEventListener(👂)
New hook every day #2. With this hook you can easily add event listeners and it will remove itself for you to avoid memory leaks.
02 August 2020 • 1 min read
useMutationObserver(👀)
New hook every day #1. This hook uses MutationObserver to watch for changes being made to a defined target.
01 August 2020 • 1 min read
Chrome Extension with Giphy API
Chrome extension created with React, Redux-Observable & Typescript. Uses Giphy's API to request GIFs.
27 March 2020 • 1 min read
ResizeObserver hook 📌
The Resize Observer API provides a performant mechanism by which code can monitor an element for changes to its size.
30 October 2019 • 2 min read
Embla Carousel 🍀
Extensible low level carousels for the web. Extend it with basic JavaScript and build awesome physics simulated carousels.
07 September 2019 • 1 min read
React with Cloud Firestore 🔥
Cloud Firestore is a NoSQL document database that simplifies storing, syncing, and querying data for your mobile and web apps at global scale.
07 March 2019 • 4 min read
Measure scrollbar width and height 📐
I thought it was difficult to measure the scrollbar, but after some research I changed my mind.
15 January 2019 • 1 min read
How to create a breakpoint mixin with styled-components
CSS-in-JS is getting more common within modern frontend and styled-components is one of these libraries.
03 January 2019 • 1 min read
Simple integration with Unsplash API
Using Unsplash Source is the most easiest way of integrating their API in your application 📷
10 December 2018 • 1 min read
Iterate over objects with ES7 🔥
Learn how to create a reusable function that iterates over objects with a ES7 method.
21 November 2018 • 1 min read
Disable :hover on touch devices 📵
Hover effects are unnecessary when the user is on a touch device because it's not possible to perform a hover.
05 November 2018 • 2 min read