In this article I show you how to quickly and easily add cookie notice / cookie consent banner in React.
I converted my old Wordpress website to Jamstack. In this post I go through the steps of that process.
As a developer, the first instinct is to build your own blog by yourself. This is not a good idea though and here is why.
Jamstack is a modern way to build websites & apps that delivers better performance. Sounds good but why, when and how should you use it? I will answer those questions in this post.
Rubber duck debugging is actually one of the best debugging techniques out there. And it works on all languages and platforms.
CodePulse.blog is now TuomoKankaanpaa.com. I decided to update my blog and website and move it under a new domain.
vs codeweb development
Have you ever thought to yourself "It would be awesome to have Instagram like stories in VS Code". Wonder no more, it is now a reality!
In this React project you learn how to create a simple React application and how to use a REST API with React in your next React project.
GitHub profile README is here! This is an awesome feature and every developer needs to use it! Learn now how to add readme file to your own GitHub profile!
If you do remote work e.g. working from home, these tips will help you to be more productive and efficient when working remotely.
Here I share my top 10 keyboard shortcuts for Visual Studio Code that I use daily. These are something that every Visual Studio Code user should know.
Best ways to learn web development is through YouTube videos. I have many years of experience in web development and I have a YouTube channel for you!
This is very common developer problem. But the funny thing is that developers don't even realise this being a problem and thus are not looking for solution!
If you are using Git as your version control and VS Code as your code editor, you will love this new VS Code feature! The feature is...
I teach step by step how you can use React, Draft.js and Draft.js plugins to create text input component that has a mentions functionality.
Here is my top picks for the best VS Code extensions in 2020. These are a must have for every web developer using VS Code.
CSS Modules are supported with create-react-app out of the box. There is however a catch to know in order to get your CSS Modules working in your project.
What are React Fragments? How to use them and what are the advantages of using fragments? This article will answer these questions.
In this post we will take a look how to style Draft.js editor component. How to make the editor multiline, scrollable, add borders and background.
Do you want to add rich text to your React application? Draft.js is great way to do that but it can be difficult to get started. Not after this course! You learn all the basics of Draft.js on the course.
If you want to see the values of FormData object, console.log does not work. Instead you need to use a property provided by FormData to inspect the values.
How to create modal dialog with React? This tutorial will show you just that! You will also get a finished component you can use right away.
Looking for React beginner tips? You are in right place! These six things are something that every React developer should know about. Number one:...
Do you want to add Slack-like emojis, Facebook-like stickers or mentions to your React application? In that case you should...
It can be little unclear what you should do when you want to display your draft js content as HTML. In this post we will learn best way to do that...
There is little information on how to actually display Draft.js content. Here is simple and easy way to display saved Draft.js content!
GraphQL Finland which was held little over a week ago (Thursday & Friday 18-19.10.2018) in Helsinki at Paasitorni. I think the workshops and talks were...
Here is 13 basic and easy keyboard shortcuts that will instantly increase your productivity.
Getting started with Draft.js can be a bit confusing. In this post we will cover how to get started by creating an Editor component capeable for RTE.
Do you know the feeling when you are working on something that requires your full attention. Then something happens around you, phone ringing or people starting a conversation, and this breaks your concentration. That was common for me up until about 18 months ago. That's when I discovered noise cancelling headphones.
When first time using flow, many people use it through terminal. This is fine but there is a better way to implement Flow to your workflow. In this post I will cover how to setup Flow extension for Visual Studio Code.
When it comes to quickly prototyping a feature or sharing a component online code editor called codesandbox.io is the tool for me! I have also found it great when...
Learn how to create a bar chart with React using react-vis.
Short summary of React 2018.
In this article I teach you how to store Draft.js content.