César Nascimento ncesar

Open in Visual Studio Code

Open Automator
Create a new document
Select Quick Action
Set “Service receives selected” to files or folders in any application
Add a Run Shell Script action
- your default shell should already be selected, otherwise use /bin/zsh for macOS 10.15 (”Catalina”) or later
- older versions of macOS use /bin/bash
if you're using something else, you probably know what to do 😉

Replacing Create React App with the Next.js CLI

How dare you make a jab at Create React App!?

Firstly, Create React App is good. But it's a very rigid CLI, primarily designed for projects that require very little to no configuration. This makes it great for beginners and simple projects but unfortunately, this means that it's pretty non-extensible. Despite the involvement from big names and a ton of great devs, it has left me wanting a much better developer experience with a lot more polish when it comes to hot reloading, babel configuration, webpack configuration, etc. It's definitely simple and good, but not amazing.

Now, compare that experience to Next.js which for starters has a much larger team behind it provided by a world-class company (Vercel) who are all financially dedicated to making it the best DX you could imagine to build any React application. Next.js is the 💣-diggity. It has amazing docs, great support, can grow with your requirements into SSR or static site generation, etc.

So why

How to Setup Multiple Ssh Keys for Multiple Github/Bitbucket accounts

create the SSH keys.

ssh-keygen -t rsa -b 4096 -C "[email protected]"

Add the SSH Keys to the SSH-Agent

This API was removed in React 17

Interaction tracing with React

React recently introduced an experimental profiler API. After discussing this API with several teams at Facebook, one common piece of feedback was that the performance information would be more useful if it could be associated with the events that caused the application to render (e.g. button click, XHR response). Tracing these events (or "interactions") would enable more powerful tooling to be built around the timing information, capable of answering questions like "What caused this really slow commit?" or "How long does it typically take for this interaction to update the DOM?".

With version 16.4.3, React added experimental support for this tracing by way of a new NPM package, scheduler. However the public API for this package is not yet finalized and will likely change with upcoming minor releases, so it should be used with caution.

Primitive Types & Reference Types in JavaScript

An explanation of JavaScript's pass-by-value, which is unlike pass-by-reference from other languages.

Facts

JavaScript has 2 kinds of variable types: primitive and reference.
A fixed amount of memory is reserved after creation of every variable.
When a variable is copied, it's in-memory value is copied.
Passing a variable to a function via a call also creates a copy of that variable.

Primitive Types

Exporting your 2FA tokens from Authy to transfer them into another 2FA application

IMPORTANT - Update regarding deprecation of Authy desktop apps

Past August 2024, Authy stopped supported the desktop version of their apps:
See Authy is shutting down its desktop app | The 2FA app Authy will only be available on Android and iOS starting in August for details.

And indeed, after a while, Authy changed something in their backend which now prevents the old desktop app from logging in. If you are already logged in, then you are in luck, and you can follow the instructions below to export your tokens.

If you are not logged in anymore, but can find a backup of the necessary files, then restore those files, and re-install Authy 2.2.3 following the instructions below, and it should work as expected.

First Method

Deleting the .git folder may cause problems in our git repository. If we want to delete all of our commits history, but keep the code in its current state, try this:

# Check out to a temporary branch:
git checkout --orphan TEMP_BRANCH

# Add all the files:
git add -A

	function run(input, parameters) {
	const appNames = [];
	const skipAppNames = [];
	const verbose = true;

	const scriptName = 'close_notifications_applescript';

	const CLEAR_ALL_ACTION = 'Clear All';
	const CLEAR_ALL_ACTION_TOP = 'Clear';
	const CLOSE_ACTION = 'Close';

	<?php include 'wp-load.php';

	//$user = get_user_by( 'email', '[email protected]' );
	$user = get_user_by( 'slug', 'usuario' );
	//$user = get_user_by( 'login', 'usuario' );
	wp_set_password( "new_password", $user->ID );

	// Just use ID=1 for the super admin account
	wp_set_password( "new_password", 1 );

	<?php if ( get_field( 'field_name' ) ): ?>

	This is displayed when the field_name is TRUE or has a value.

	<?php else: // field_name returned false ?>

	This is displayed when the field is FALSE, NULL or the field does not exist.

	<?php endif; // end of if field_name logic ?>