Nguyễn Hoàng Trung hoangtrung99

Next.js client-only SPA example

Made this example to show how to use Next.js router for a 100% SPA (no JS server) app.

You use Next.js router like normally, but don't define getStaticProps and such. Instead you do client-only fetching with swr, react-query, or similar methods.

You can generate HTML fallback for the page if there's something meaningful to show before you "know" the params. (Remember, HTML is static, so it can't respond to dynamic query. But it can be different per route.)

Don't like Next? Here's how to do the same in Gatsby.

Export CloudWatch Metrics

This document outlines how to export CloudWatch Metrics to CSV.

Pre Reqs

AWS CLI (Command Line Interface) from here
jq is a lightweight and flexible command-line JSON processor from here

How to export

It’s common these day when React & React Native developers use State management library (like Redux). I’ve been using React & React Native for a while now and found out that Pure React is actually not bad. In this article I will share my way of doing things with React & React Native purely, without State management library (represented by Redux).

For those of you who are struggling learning Redux, because of the overwhelming of the whole React/JSX/Babel/Webpack/Native Component/Native Module/.. and have to add Redux to the list just to solve some of React problems, or because of the high learning curve of Redux, I hope you find this article helpful.

Some of React problems with State Management

Assuming you have some knowledge of React, I will jump right in the problems that most of us encoutered at the beginning of time learning React:

Flow pass data down, pass event up makes us to pass data & function via props and it's hard to manage when amount of props gets huge. (Comunication between component

Increase key repeat rate on macOS

Settings: System Preferences » Keyboard » Key Repeat/Delay Until Repeat

Use the commands below to increase the key repeat rate on macOS beyond the possible settings via the user interface. The changes aren't applied until you restart your computer.

Source: https://apple.stackexchange.com/a/83923

Oh my zsh.

Install with curl

sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Enabling Plugins (zsh-autosuggestions & zsh-syntax-highlighting)

Download zsh-autosuggestions by

	declare namespace Backbone {
	class Model<T> {
	constructor(attr?:T, opt?:any)
	attributes : T
	collection: Collection<this>
	cid: string
	get<K extends keyof T>(prop:K) : T[K]
	set<K extends keyof T>(prop:K , val:T[K]) : void
	defaults() : T
	on(eventName: string, callback: (...args: any[]) => void)

	// path: qmk_firmware/keyboards/gmmk/pro/ansi/keymaps/viapro/config.h
	#pragma once

	#ifdef RGB_MATRIX_ENABLE
	#define RGB_DISABLE_WHEN_USB_SUSPENDED true
	#endif // RGB_MATRIX_ENABLE

	let isRefreshing = false;
	let refreshSubscribers = [];

	const instance = axios.create({
	baseURL: Config.API_URL,
	});

	instance.interceptors.response.use(response => {
	return response;
	}, error => {

	upload(files) {
	const config = {
	onUploadProgress: function(progressEvent) {
	var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
	console.log(percentCompleted)
	}
	}

	let data = new FormData()
	data.append('file', files[0])

	# opening and closing windows and popovers
	defaults write -g NSAutomaticWindowAnimationsEnabled -bool false

	# smooth scrolling
	defaults write -g NSScrollAnimationEnabled -bool false

	# showing and hiding sheets, resizing preference windows, zooming windows
	# float 0 doesn't work
	defaults write -g NSWindowResizeTime -float 0.001