Managing My Personal Server in 2020 with K3s Lightweight Kubernetes

This goes into a lot more detail than you might expect. - http://amp.gs/onGY

#my #server

Reusable Development Containers with Docker Compose and Dip

Dip (Docker Interaction Process) abstracts Docker and Docker Compose files so you can quickly fire up a dev environment without copying anything over. Very useful, especially if you have multiple projects, and here’s how to use it with Ruby, Node, and Erlang. - http://amp.gs/oGT7

#docker

Angular 10 NgRX Store by Example

In this tutorial, we’ll learn how to use NgRX store in our Angular 10 example application. We’ll see how we can create actions, reducers, and dispatch actions. - http://amp.gs/ox8F

#angular

Migrating A VueJS App To Vuex

One of the difficult things about getting started with Vuex is that it is not so much a library as it is a design pattern. It follows that implementing Vuex is not so much about using an API, as it is about structuring your code to comply with the pattern. If you're new to Vuex, this will be daunting. - http://amp.gs/ofjO

#vue

Use CSS Variables Instead of React Context

Concerned about performance but want to offer users multiple 'themes' (e.g. dark/light mode)? CSS variables can provide a performance advantage over React Context in this context. - http://amp.gs/ofNG

#react

Adding Authorization to a Serverless Node App with Oso

oso is an open source policy engine for authorization (written in Rust but with a Node library available) that you embed in your application. - http://amp.gs/oCYi

#nodejs

My Initial Thoughts on Using Flutter and Dart for App Development

Initial impressions and experiences of someone coming to Dart from a JavaScript background. - http://amp.gs/oCJ3

#flutter

Angular Feature Flags: Feature toggle applications by using command line environment variables

Angular comes with great built-in support for configuring multiple environments. But sometimes we want to simply pass in environment variables through the command line to toggle certain runtime features. This can be a pain using environment.ts files as we need to create a new environment.ts file for every single feature flag. - http://amp.gs/oktu

#angular

The Ultimate AJAX Guide For Vue.js Apps

In this article, I'll first show you how to AJAX-enable a Vue app before getting into the most useful patterns for managing AJAX requests. I'll explain each pattern, give an example, and cover the pros and cons as well. - http://amp.gs/okDd

#vue

How To Build A GraphQL Server Using Next.js API Routes

Before you kick-off your new project with the usual combination of REST and GraphQL, consider Next.js API Routes as an alternative. It may be a better choice if you plan on eventually extending your app with a backend. - http://amp.gs/oeha

#react

Creating Websites With prefers-reduced-data

Kilian Valkhof explains how to use the media query prefers-reduced-data to keep your sites accessible to everyone. - http://amp.gs/o7lb

#css

Hazelcast's Journey to a High-Performance Node Library

If you’ve not worked in the Java space at all, Hazelcast may be new to you, but it’s a long standing “data grid” that, in many ways, was rather ahead of its time. Naturally, there’s a Node client library but the developers wanted it to be really fast and wrote up how they achieved this here. - http://amp.gs/oPfv

#nodejs

Publishing Flutter Firebase App to Play Store

A quick guide running through how to submit your Flutter applications with Firebase to the Google Play Store. - http://amp.gs/oyEX

#flutter

Angular 10 Directives — Part of Angular Advanced Series

In this section, I will be explaining directives in detail.
Just for the recap, from the previous tutorial, there are three types of directives.
- Components
- Structural Directives
- Attribute Directives
http://amp.gs/ohfQ

#angular

The Most Accurate Way to Schedule a Function in the Browser

A detailed analysis of three JavaScript timeout strategies and how they perform in thousands of web contexts. A bit of a micro-optimization for sure, but it’s interesting to dig into the weeds like this. - http://amp.gs/ovkT

#javascript

Quick Tutorial CSS Tip: How to Show Source Code the Easy Way

Christian Heilmann shares how to show the source code on a page easily. - http://amp.gs/ogyD

#css

Useful Custom Hooks for Tired React Devs

The author asserts that in addition to being able to maintain state, React Hooks are also reactive and composable. Given that’s the case, why not use them to make things more efficient by reusing existing behaviours you have already implemented? - http://amp.gs/oEni

#react

4 Ways To Boost Your Vue.js App With Webpack

Webpack is an essential tool for developing Vue.js single page applications. It makes your development workflow much simpler by managing complex build steps and can optimise your apps size and performance.

In this article I'll explain four ways that Webpack can enhance your Vue app, including:

Single file components
Optimising the Vue build
Browser cache management
Code splitting
http://amp.gs/oVBe

#vue

How to Structure Maintainable Angular Project

Although Angular by design handles project complexity well it’s often hard to preserve good organisation as the project develops and as new functionalities come into place and old need to be altered. -http://amp.gs/o9Vv

#angular

50 Javascript Best Practice Rules to Write Better Code

Javascript is powerful and flexible which allows you to code any way you like and try some very unusual things which can lead to a bug in your code. Here are 50 things I learned about coding in Javascript you should know about. - http://amp.gs/o4eE

#javascript