NNeoVim After 10plus Days
I got bitten by the Vim bug at the beginning of March. I can't exactly remember why and how. I spent some frustrating first days with this editor. I switched back and forth between (Neo)Vim and VS…
I got bitten by the Vim bug at the beginning of March. I can't exactly remember why and how. I spent some frustrating first days with this editor. I switched back and forth between (Neo)Vim and VS…
Nvim-TypeScript adds TypeScript support for NeoVim. Why Nvim-TypeScript instead of Tsuquomi ? The author answers the question on github : tsuquyomi requires vimproc currently, which can be slow for…
Using (Neo)Vim is surprisingly enjoyable after the initial hurdle . Language support for Elixir also works fine in Vim. Plugins I use minpac as my package manager. VimCasts has a good introduction…
These are the plugins and settings that I use for JavaScript/React.js-development with (Neo)Vim. Vim Plugins I use minpac as my package manager. VimCasts has a good introduction video on minpac if…
If you want to open a new file in the same directory as the current file: :e for edit (opens a file) %:p:h for the current directory and the head of the file name If you want to save the current…
I was always confused about where to put my config for the bash shell on Linux. I shoved everything into ~./bashrc because that seemed to be the easiest solution. What is .bashrc ? .bashrc is a…
Today I learned that you can remap Vim keys with VS Code. In my NeoVim config I have some custom keybindings that I can now replicate with VS Code. The official VSCodeVim documentation has some…
I'm slowly learning the power of Vim/NeoVim but the first steps are quite painful. If you're like me and would like to learn Vim gradually and still use VS Code in the meantime, you might want to take…
I found a new beautiful color scheme that's available for different platforms: Nova Colors : The (free) color scheme is available for Vim, tmux, Git, VS Code and other terminals and editors. It looks…
I'm playing around with editors. It seems like some Elixir people use Spacemacs instead of Vim for their needs . Spacemacs is an Emacs distribution that comes with default configuration and…
As I'm experimenting with Vim/Neovim, I realized how much I rely on Prettier and ESlint for taking care of my JavaScript syntax. But how can I have that with Vim? It doesn't come out of the box. I…
When you type in : you can run commands in Vim. And when you run :! you can run terminal commands. For example, :!ls gives you a list of the current directory. In Neovim, you can also start a…
I use Visual Studio Code as my main editor at the moment. It offers great in-built features and because of its popularity, you can also enhance it with many plugins. I love it. I used Sublime Text…
There is a useful free Chrome extension called FP Glossary . It explains functional programming concepts when you open a new tab in Chrome. For example: Currying The process of converting a function…
A few months ago I worked through the book Web Development with Clojure, 2nd Edition . The book was written in 2016 and some code is outdated. That was frustrating but I could get it to work by…
I'm reading Programming Elixir ≥ 1.6 right now and there are two interesting examples of coding Fizzbuzz . This is the output: Here the function upto is the trampoline for the function. It calls…
I'm learning how to handle React Hooks . The article Getting Hooked on React Hooks helped me clear up some misunderstandings. But I'm still not sure how to use the Effect Hook when it's supposed…
My computer uses the QUERTZ per default. From Wikipedia : [ The PC keyboard layout QUERTZ ] employs dead keys to type accented characters like “é”, and the AltGr key to access characters in the…
The new version of React, React 16.8 was released this month - and it finally has Hooks . From the official announcement : Hooks let you use state and other React features without writing a class…
Fish Shell is an interactive and user-friendly command shell for all platforms. The default shell on Linux (and macOS?) is bash. But fish is much nicer. It looks better, it has great autocomplete…
Create-React-App allows you to set environment variables. This is often used to store secret keys, for example, API Keys. You need those to authenticate a request to a third party service (i.e. a…
Here is one of the Algorithm challenges from FreeCodeCamp: Intermediate Algorithm Scripting: Sum All Odd Fibonacci Numbers : Given a positive integer num, return the sum of all odd Fibonacci numbers…
Yesterday I was working on my portfolio site . A local copy of Hugo , the static site generator written in Golang, worked fine on my machine. But when I tried to deploy the site to Netlify , the…
I'm learning ELixix at the moment, to have some variety from coding in JavaScript. Elixir is a friendly, functional language with a syntax that is a bit similar to Ruby. This document gives a good…
I did some work on algorithm challenges and data structures, but am now back to coding a Javascript/Node app called feedbacky . I learned about authentication with Google OAuth using Passport-Next…
I'm working on learning data structures and different algorithms. One of the first ones is Bubble Sort: Bubble Sort takes O(n^2) time in the worst case because you have two nested loops. This is a…
During development, you set a port that Node listens to. That doesn't work with Heroku because Heroku binds your port and you cannot set it yourself. You'll get an error: Web process failed to bind…
Here are all falsy values: JavaScript Python 3 Clojure/ClojureScript false False false null None nil NaN undefined 0 (zero) 0 0.0 0.0 "" (empty string) "" (empty string) [] (empty list…
There are some gotchas with React's setState() . For example, state updates may be asynchronous : React sometimes batches multiple setState() calls for performance reasons. Make sure to set state…
In the last few weeks, I've upleveled my coding skills. I've been coding every day for at least an hour and I've finally taken the step to break out of tutorial hell. Yes, I still learn with video…
Every time I create a frontend project, I realize that CSS is hard. Especially layout (flexbox or grid). I'm glad that we have flexbox now and do not need to float and clearfix anymore. But still…
I finished The Complete Web Developer in 2019: Zero to Mastery course a few days ago. I skipped some sections (HTML, CSS) which I plan to refresh later. Especially my CSS Grid and responsive design…
I started the #100DaysOfCode a few days ago. The challenge sounds like a fun way to log my progress and participate in a greater community . The idea behind the challenge is to code at least for an…
Heroku doesn't deploy your dev dependencies. This sounds like a good thing. But when you develop Node.js with Nodemon and your package.json uses nodemon as a start script, things can go haywire…
I've been trying to find a way to architect my projects in a functional way. When you're still a newbie programmer, it's hard to do. Most books and tutorials focus on the essentials and don't teach…
I like the Kaizen technique: small, tiny baby steps towards a goal. Little improvements pile up and lead to big wins. Compound interest. Kaizen helps with breaking down a problem: to do it the Kaizen…
Sometimes I think I already know a lot about something. But often that's not true. You can always dig deeper. Often I'm ignorant about what I don't know because I know enough to get by. It's ok that I…
Some days are worse than others. Some days feel like you're making no progress. What you want to build doesn't work. You try to come up with a solution for a complicated function. It doesn't work. You…
Recently I discovered @joelnet on dev.to . He writes about functional Javascript. He created a new language called MojiScript that compiles to JS. It looks very interesting. What I like about it is…
"Everyone should learn to code." and even "Coding is easy" are some statements floating around on the internet. There are tons of resources for budding learners. Some are low-priced, some are free…
Things that nobody tells you but you somehow have to learn: the steps/how-to to code your app. With a frontend app, you have a combination of HTML, CSS, and Javascript and you have to address them all…
I wanted to have a basic working webpack configuration so that I could try out different things without a framework. Doesn't sound so hard, does it? Hours later, I came up with this Minimal Webpack…
I was wondering how one could display the error of a fetch Promise in React. Here is a an async fetch API call with a try/catch block. The function takes an input string, makes a POST request and…
In the past, Javascript only had objects but no maps . Objects were both used as records and as dictionaries. (From JavaScript for impatient programmers (beta) by Axel Rauschmeyer) : Records…
A user submits text to your program with an input field. In Javascript, this is always a string. But sometimes you need a number: Ramda.js defaultTo This converts the input (string) to a number. If…
Request/AJAX Yesterday I was writing a function for an API call. The documentation gave an example for Node.js using the request module : request is asynchronous and uses streaming and callbacks…
The React documentation explains how to handle HTML forms and events . Let's have a look. Imagine you have an HTML form with an <input> field: the browser will open a new page when the user…
You can create stunning backgrounds with Particles.js . Luckily, a kind soul has implemented this library as a React component: react-particles-js . react-particles-js is easy to use but it can be…
Why ClojureScript? With React, you build small components and combine them. You design from data and then flow it through functions (and React classes). You start with the programming logic. You…
This is part 2 of my Clojurescript Reagent Tutorial . In part 1 we created a simple random quote app that displays quotes from the TV-series "Breaking Bad". Here is the live demo: Breaking Bad…
Learning to code takes practice and building projects. So, here is how to build a simple "Random Quote Machine" with Clojurescript and Reagent. Hopefully, you'll get a sense on how Clojurescript and…