Case Story: NordSafety - Social Approach To Safety

Case Story: NordSafety - Social Approach To Safety June 08, 2018

In 2017 and also briefly in 2018, I had the pleasure to work with NordSafety. Two projects were successfully executed and, in this article, I will

React Finland 2018 - Workshop Day

React Finland 2018 - Workshop Day April 24, 2018

This is just a quick recap of the workshop day (24.4.2018). The next two days will are conference days full of talks. You can

Recap of React Helsinki Meetup Talk

Recap of React Helsinki Meetup Talk November 10, 2017

I gave one of the talks on React Helsinki meetup on 8th of November 2017. The title of the talk wasn't very imaginative, but it was

Two Easy Ways to Get Started With TypeScript and React

Two Easy Ways to Get Started With TypeScript and React September 22, 2017

Setting up a build process for a modern web application can be a tedious process. Knowing your tools is important when you're going to maintain the

What Is the Use of Exclamation Mark Operator in TypeScript?

What Is the Use of Exclamation Mark Operator in TypeScript? September 08, 2017

You might have seen an exclamation mark after a variable name, for example person!.name. The language feature is called Non-null assertion operator. What is the

React Higher-Order Components (HOC) using TypeScript

React Higher-Order Components (HOC) using TypeScript August 25, 2017

Higher-order components and monad have something in common, both sound esoteric, but at least higher-order component (HOC) is easy to explain. It is a component that

Type-safe Asynchronous Actions (Redux Thunk) Using TypeScript FSA

Type-safe Asynchronous Actions (Redux Thunk) Using TypeScript FSA May 18, 2017

If you haven't read the previous blog post (which describes FSA and the TypeScript FSA library), please read it before continuing. In this article, I cover

Refactor Redux Reducers Like a Pro With TypeScript

Refactor Redux Reducers Like a Pro With TypeScript May 04, 2017

TypeScript is a perfect match for React reducers because it has an intelligent type system, making refactoring much easier than it is with plain JavaScript. The

Type-safe Flux Standard Actions (FSA) in React Using TypeScript FSA

Type-safe Flux Standard Actions (FSA) in React Using TypeScript FSA March 19, 2017

TypeScript FSA (previously known as Redux TypeScript Actions) is a library that helps you define actions with types and use those actions while enjoying the compiler's

Practical Guide to React and CSS Modules

Practical Guide to React and CSS Modules January 22, 2017

Web developers have spent tremendous time and effort to make reusable components. One of the problems has been CSS and its cascading nature. For example, if

Starting a React project at the end of the year: 2015 VS. 2016

Starting a React project at the end of the year: 2015 VS. 2016 December 10, 2016

About a year ago, team members and I were thinking about an ideal front-end stack to fulfill a client's business requirements. We ended up with a

GraphQL and Relay with Ville Immonen

GraphQL and Relay with Ville Immonen April 26, 2016

Dear readers, I am pleased to introduce you to Ville Immonen, a co-founder of Reindex. Today we will be discussing what Reindex is, the problems it

Don't make learning React more difficult than it is

Don't make learning React more difficult than it is December 18, 2015

React itself has a quite small API surface to learn, and in theory, it should be easy to grasp. Unfortunately, the learning resources are making things

Better React linting by switching from JSHint to ESLint

Better React linting by switching from JSHint to ESLint November 12, 2015

JSHint - the JavaScript Code Quality Tool, as they call it, has served me well for past year. I enjoyed Sublime integration via SublimeLinter plugin, and