Python, VSCode

Python + VSCode: “Go to Definition” Doesn’t Work?

Make sure that you have Microsoft’s Python extension installed. If you need more than one paths, simply create a .env file in project root path, and add extra paths in, separated by :, as such:

PYTHONPATH=libs/python:/another/python

VSCode will know to look for definitions under these paths.

If it still doesn’t work, or doesn’t work all the time, it’s very likely that one of the other plugins that you have is interfering with the Python one. To check, use Command + Shift + P to open the prompt and run the command:

> Extensions: Open Extensions Folder

Move all the extensions there to another temporary place, re-install the Python extension, and see if things start working now. If it does work now, add them back in batch to find out the culprit. 😀

Also, for gigantic projects, try switching intellisense engine:

Python

Python: Object of type X is not JSON serializable

Aka how to sending Arrays of Class Objects through GET requests.

The catch with GET is, of course, that you can’t under normal conditions send your request with a body of JSON objects.

Continue reading →

ReactJS

React: Apply Props Recursively

Providing this was necessary during some painful email developments because:

some styles only work inline
some styles only work inline on immediate element

This function is to be used as such:

// inside a component, grabbing `children` from the props:

<div>
  {applyRecursiveProps(children, { style: {color: 'blue'} })}
</div>

Continue reading →

NodeJS

Debug Nodemon within VSCode

You can always start nodemon right inside of VSCode, but I’ve found it a much better experience starting nodemon in Terminal, and simply attaching VScode process to its --inspect option.

Continue reading →

JavaScript, Tools, Webpack

Webpack: How to Import from Root

It can be easily set up with a module resolver:

Continue reading →

Git

“Error authenticating user: Must specify two-factor authentication OTP code” with NPM Login

If 2-factor-authentication is enabled, an access token is needed in the place of password. Create one according to the steps here with the access for:

read:packages
write:packages
delete:packages

NextJS

How to Develop Emails with React: Running NextJS without Client JavaScript

Email development, oh thou necessary evils of the world.

Server side React (NextJS) would be helpful in constructing components and maintaining a united stack, but after the server render, no JavaScript or React is actually needed in the resulting HTML.

To completely disable client side JavaScript from document, do:

Continue reading →

Thoughts