Web Development

A collection of 12 posts

TypeScript

Getting started with MOBX 5 and TypeScript 3, React 16.6

When looking around for example applications that use Mobx 5.x combined with Mobx-react 5.x and TypeScript 3.x I did not find any useful…

  • HappyNeal
Code

HTML: How to control the Form ‘autofill’-autocompetion

Image Designed by Freepik The ‘autofill’ feature of browsers is a blessing and a curse. The feature enables the browser to reuse the data…

Code

MOBX to Redux-Toolkit

Ever since React Introduced Hooks it is more elegant to simply write functional components. Today I will transition my MOBX example Project…

Code

How to publish on Github Pages with create-react-app and react-router

Now I will be assuming a couple of things: You have a GitHub account and you created a repository for your app. You created a react app…

Code

Puppeteer.JS - Using Headless Chrome for Site Crawling

PuppeteerJS essentially allows you to automate Chrome. Headless Chrome allows you to run Chrome without actually rendering the webpage…

Web Development

VSCode: Launch create-react-app and Chrome with launch.json

Developing React (with create-react-app) and Visual Studio Code you usually press and then . The script from create-react-app then…

Tech

Notes on Course: Microsoft - Advanced CSS Concepts

My notes on the great course Microsoft - Advanced CSS Concepts on edx. Lesson 01 Responsive Layout Covers the basics of Responsive Layout…

Code

HTML 5: When to use <a> or <button>

tl:dr is used for page navigation is used for actions on the page is used in a form and the value is used in the form The Problem Let’s…

Java

JSP: Passing Variable Data to JavaScript

When you try to marry old JSP Technology with the modern wonders of Typescript/ES6. You will want to expose some data provided by the…

Code

Continuous Integration (CI) for Gitbook using Gitlab and Gulp

Gitbook is a static site generator, that converts a collection of Markdown files into an HTML Site. Alternatively, it can also convert the…

Web Development

Getting Started using AngularJS with Yeoman and Visual Studio Code

Typically to get started with a web-project you would start downloading libraries, configuring grunt etc. Yeoman is a project that takes…

Internet Explorer

Forcing IE 10 to render pages as IE 10

Now isn’t that a silly title, sadly it’s one of those things I never thought I would have to deal with. Especially as Internet Explorers…